Spaces:

visionarymedia
/

lunar-threads-eclipse

Running

App Files Files Community

Jordan Ward commited on Oct 16, 2025

Commit

4b7dc9d

verified ·

1 Parent(s): d17b868

use this for the nagad clohting font or something similar: Type: Brush / Graffiti Script

Browse files

Style: Bold, all-caps, freehand lettering

Aesthetic: Urban, expressive, casual but powerful

Files changed (1) hide show

index.html +14 -9

index.html CHANGED Viewed

@@ -3,17 +3,22 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Nagad Clothing | Eclipse Collection</title>
 <link rel="icon" type="image/x-icon" href="https://i.imgur.com/eSK8pvF.png">
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
     <script src="https://unpkg.com/feather-icons"></script>
     <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
     <style>
-        @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Bebas+Neue&display=swap');
 html, body {
             font-family: 'Montserrat', sans-serif;
-            overflow-x: hidden;
             scroll-behavior: smooth;
         }
         .video-bg {
@@ -76,7 +81,7 @@ html, body {
     <!-- Hero Section -->
     <section class="min-h-screen flex items-center justify-center relative px-6">
         <div class="text-center max-w-4xl mx-auto">
-            <h1 class="text-5xl md:text-8xl font-bold mb-6 text-stroke uppercase tracking-tighter" style="font-family: 'Bebas Neue', sans-serif;">Nagad Clothing</h1>
 <p class="text-lg md:text-xl mb-10 max-w-2xl mx-auto">Where faith meets urban culture. Inspired by scripture, driven by beats, designed for the streets.</p>
 <div class="flex flex-col md:flex-row justify-center gap-4">
                 <button class="bg-white text-black px-8 py-3 font-medium hover:bg-gray-200 hover-scale">Shop Now</button>
@@ -93,7 +98,7 @@ html, body {
     <!-- Featured Collection -->
     <section id="featured" class="py-20 px-6 bg-black bg-opacity-70">
         <div class="container mx-auto">
-            <h2 class="text-3xl md:text-5xl font-bold mb-16 text-center">Hip Hop Hymnal Collection</h2>
 <div class="grid grid-cols-1 md:grid-cols-3 gap-10">
                 <!-- Product 1 -->
                 <div class="group relative overflow-hidden hover-scale">
@@ -142,8 +147,8 @@ html, body {
         <div class="absolute inset-0 bg-black bg-opacity-80"></div>
         <div class="container mx-auto relative z-10">
             <div class="max-w-4xl mx-auto text-center">
-                <h2 class="text-3xl md:text-5xl font-bold mb-8">Holy Hip Hop Heritage</h2>
-                <p class="text-lg md:text-xl mb-10">
                     Each piece in our collection blends urban style with biblical truth,
                     crafted from premium materials to honor both faith and culture.
                 </p>
@@ -171,8 +176,8 @@ html, body {
     <!-- Newsletter -->
     <section class="py-20 px-6 bg-black bg-opacity-70">
         <div class="container mx-auto max-w-4xl text-center">
-            <h2 class="text-3xl md:text-5xl font-bold mb-6">Join The Movement</h2>
-            <p class="text-lg mb-10 max-w-2xl mx-auto">
                 Subscribe for exclusive drops, mixtape releases, and 10% off your first order.
             </p>
 <div class="flex flex-col md:flex-row gap-4 max-w-xl mx-auto">

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>NAGAD CLOTHING | ECLIPSE COLLECTION</title>
 <link rel="icon" type="image/x-icon" href="https://i.imgur.com/eSK8pvF.png">
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
     <script src="https://unpkg.com/feather-icons"></script>
     <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
     <style>
+        @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Permanent+Marker&display=swap');
 html, body {
             font-family: 'Montserrat', sans-serif;
+        }
+        .graffiti-font {
+            font-family: 'Permanent Marker', cursive;
+            text-transform: uppercase;
+            letter-spacing: 2px;
+overflow-x: hidden;
             scroll-behavior: smooth;
         }
         .video-bg {
     <!-- Hero Section -->
     <section class="min-h-screen flex items-center justify-center relative px-6">
         <div class="text-center max-w-4xl mx-auto">
+            <h1 class="text-5xl md:text-8xl font-bold mb-6 text-stroke uppercase tracking-tighter graffiti-font">NAGAD CLOTHING</h1>
 <p class="text-lg md:text-xl mb-10 max-w-2xl mx-auto">Where faith meets urban culture. Inspired by scripture, driven by beats, designed for the streets.</p>
 <div class="flex flex-col md:flex-row justify-center gap-4">
                 <button class="bg-white text-black px-8 py-3 font-medium hover:bg-gray-200 hover-scale">Shop Now</button>
     <!-- Featured Collection -->
     <section id="featured" class="py-20 px-6 bg-black bg-opacity-70">
         <div class="container mx-auto">
+            <h2 class="text-3xl md:text-5xl font-bold mb-16 text-center graffiti-font">HIP HOP HYMNAL COLLECTION</h2>
 <div class="grid grid-cols-1 md:grid-cols-3 gap-10">
                 <!-- Product 1 -->
                 <div class="group relative overflow-hidden hover-scale">
         <div class="absolute inset-0 bg-black bg-opacity-80"></div>
         <div class="container mx-auto relative z-10">
             <div class="max-w-4xl mx-auto text-center">
+                <h2 class="text-3xl md:text-5xl font-bold mb-8 graffiti-font">HOLY HIP HOP HERITAGE</h2>
+<p class="text-lg md:text-xl mb-10">
                     Each piece in our collection blends urban style with biblical truth,
                     crafted from premium materials to honor both faith and culture.
                 </p>
     <!-- Newsletter -->
     <section class="py-20 px-6 bg-black bg-opacity-70">
         <div class="container mx-auto max-w-4xl text-center">
+            <h2 class="text-3xl md:text-5xl font-bold mb-6 graffiti-font">JOIN THE MOVEMENT</h2>
+<p class="text-lg mb-10 max-w-2xl mx-auto">
                 Subscribe for exclusive drops, mixtape releases, and 10% off your first order.
             </p>
 <div class="flex flex-col md:flex-row gap-4 max-w-xl mx-auto">