h

{% schema %} { "name": "S7VEN Landing", "settings": [], "presets": [ { "name": "S7VEN Landing" } ] } {% endschema %} <style> @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&family=Inter:wght@400;700&display=swap'); .s7ven-site { background-color: #050505; color: #ffffff; font-family: 'Inter', sans-serif; margin: 0; } .s7ven-site h1, .s7ven-site h2 { font-family: 'Oswald', sans-serif; text-transform: uppercase; } .hero { height: 80vh; background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('https://images.unsplash.com/photo-1574629810360-7efbbe195018?q=80&w=2000'); background-size: cover; background-position: center; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 20px; } .hero h1 { font-size: 4rem; line-height: 1; margin-bottom: 20px; } .hero span { color: #2563eb; font-style: italic; } .btn { background-color: #ffffff; color: #000000; padding: 15px 40px; text-decoration: none; font-weight: bold; text-transform: uppercase; font-family: 'Oswald', sans-serif; transition: 0.3s; } .btn:hover { background-color: #2563eb; color: #fff; } .section { padding: 60px 20px; max-width: 1000px; margin: 0 auto; } .grid-products { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-top: 40px; } .product-card { background: #111; border: 1px solid #222; padding: 20px; text-align: left; } .product-image-placeholder { background: #1a1a1a; height: 300px; margin-bottom: 15px; display: flex; align-items: center; justify-content: center; color: #333; font-weight: bold; } .blue-text { color: #2563eb; font-weight: bold; } </style> <div class="s7ven-site"> <!-- Top Bar --> <div style="background:#2563eb; text-align:center; padding:10px; font-size:12px; font-weight:bold; letter-spacing:1px;"> MARQUE FRANÇAISE - LIVRAISON OFFERTE DÈS 50€ </div> <!-- Hero --> <section class="hero"> <h1>PLUS QU'UN SPORT.<br><span>UNE IDENTITÉ.</span></h1> <p style="max-width:600px; margin-bottom:30px; color:#ccc;"> S7VEN est la marque des handballeurs qui affichent leur fierté. Créée pour la communauté, par un passionné. </p> <a href="/collections/all" class="btn">Découvrir la collection</a> </section> <!-- Mission --> <section class="section"> <h2 style="font-size:2.5rem; margin-bottom:20px;">NÉ DANS LA COLLE.</h2> <p style="color:#999; line-height:1.6; font-size:1.1rem;"> Le handball est sous-valorisé. S7VEN change la donne en proposant des vêtements qui portent nos valeurs. On ne vend pas juste un produit, on vend l'appartenance au 40x20. </p> </section> <!-- Shop --> <section class="section" style="background:#0a0a0a; max-width:100%;"> <div style="max-width:1000px; margin: 0 auto;"> <h2>Le 7 de Départ <span class="blue-text">/</span></h2> <div class="grid-products"> <div class="product-card"> <div class="product-image-placeholder">HOODIE S7VEN</div> <h3>Hoodie "L'Armure"</h3> <p class="blue-text">55,00€</p> </div> <div class="product-card"> <div class="product-image-placeholder">T-SHIRT S7VEN</div> <h3>T-shirt "Finisseur"</h3> <p class="blue-text">29,00€</p> </div> <div class="product-card"> <div class="product-image-placeholder">ACCESSOIRES</div> <h3>Gourde HydraHand</h3> <p class="blue-text">25,00€</p> </div> </div> </div> </section> <!-- Newsletter --> <section class="section" style="text-align:center;"> <h2 style="color:#2563eb; font-size:2.5rem;">REJOINS LA TRIBU</h2> <p style="margin-bottom:30px; color:#666;">Reçois -10% sur ton premier drop.</p> <div style="display:flex; justify-content:center; gap:10px;"> <input type="email" placeholder="TON EMAIL" style="background:#111; border:1px solid #333; color:white; padding:15px; width:250px;"> <button style="background:white; padding:15px; border:none; font-weight:bold; cursor:pointer;">OK</button> </div> </section> </div>