Ignore:
Timestamp:
09/01/26 06:11:34 (4 weeks ago)
Author:
mmilevski <markomilevski3@…>
Branches:
main
Children:
d2eccb3
Parents:
08aefc6
Message:

Added major improvements.

File:
1 edited

Legend:

Unmodified
Added
Removed

  • KernelRecordsMVC.Web/Views/Home/Index.cshtml

    r08aefc6 rfa0fbaf  
    1 <div class="text-center py-5">
     1@{
     2    ViewData["Title"] = "Home";
     3}
    24
    3     <h1 class="display-3">
    4         Music Store
    5     </h1>
     5<div class="home-page">
    66
    7     <p class="lead mt-3">
    8         CDs · Vinyl · Cassettes
    9     </p>
     7    <!-- =====================================================
     8         HERO
     9         ===================================================== -->
    1010
    11     <p class="text-muted">
    12         Discover your next favorite release.
    13     </p>
     11    <section class="home-hero">
    1412
    15     <a asp-controller="Release"
    16        asp-action="Index"
    17        class="btn btn-primary btn-lg mt-3">
     13        <div class="home-hero-content">
    1814
    19         Browse Releases
     15            <span class="home-eyebrow">
     16                KERNEL RECORDS
     17            </span>
    2018
    21     </a>
     19            <h1>
     20                MUSIC
     21                <span>FOR</span>
     22                YOUR COLLECTION.
     23            </h1>
     24
     25            <p>
     26                Discover vinyl records, CDs and cassettes
     27                from artists and releases worth keeping.
     28            </p>
     29
     30
     31            <div class="home-hero-actions">
     32
     33                <a asp-controller="Release"
     34                   asp-action="Index"
     35                   class="home-button primary">
     36
     37                    Browse Collection
     38
     39                </a>
     40
     41                <a asp-controller="Sale"
     42                   asp-action="Index"
     43                   class="home-button secondary">
     44
     45                    Shop Sale
     46
     47                </a>
     48
     49            </div>
     50
     51        </div>
     52
     53
     54        <div class="home-hero-mark">
     55            K
     56        </div>
     57
     58    </section>
     59
     60
     61    <!-- =====================================================
     62         QUICK LINKS
     63         ===================================================== -->
     64
     65    <section class="home-section">
     66
     67        <div class="home-section-header">
     68
     69            <div>
     70
     71                <span class="section-label">
     72                    SHOP
     73                </span>
     74
     75                <h2>
     76                    Find something you like.
     77                </h2>
     78
     79            </div>
     80
     81        </div>
     82
     83
     84        <div class="home-feature-grid">
     85
     86            <a asp-controller="Release"
     87               asp-action="Index"
     88               class="home-feature-card">
     89
     90                <span>01</span>
     91
     92                <h3>
     93                    Browse Releases
     94                </h3>
     95
     96                <p>
     97                    Explore albums and singles.
     98                </p>
     99
     100                <strong>
     101                    Explore →
     102                </strong>
     103
     104            </a>
     105
     106
     107            <a asp-controller="TopSellers"
     108               asp-action="Index"
     109               class="home-feature-card">
     110
     111                <span>02</span>
     112
     113                <h3>
     114                    Top Sellers
     115                </h3>
     116
     117                <p>
     118                    See what other collectors are buying.
     119                </p>
     120
     121                <strong>
     122                    View Top Sellers →
     123                </strong>
     124
     125            </a>
     126
     127
     128            <a asp-controller="Sale"
     129               asp-action="Index"
     130               class="home-feature-card sale-feature">
     131
     132                <span>03</span>
     133
     134                <h3>
     135                    Sale
     136                </h3>
     137
     138                <p>
     139                    Find discounted physical releases.
     140                </p>
     141
     142                <strong>
     143                    Shop Sale →
     144                </strong>
     145
     146            </a>
     147
     148        </div>
     149
     150    </section>
     151
     152
     153    <!-- =====================================================
     154         COLLECTION INFO
     155         ===================================================== -->
     156
     157    <section class="home-collection">
     158
     159        <div>
     160
     161            <span class="section-label">
     162                PHYSICAL MUSIC
     163            </span>
     164
     165            <h2>
     166                Vinyl. CDs. Cassettes.
     167            </h2>
     168
     169        </div>
     170
     171        <p>
     172            Build a physical collection with releases
     173            available in the formats you actually want.
     174        </p>
     175
     176    </section>
    22177
    23178</div>
Note: See TracChangeset for help on using the changeset viewer.