Update src/app/page.tsx

Merge version_21 into main

src/app/page.tsx

@@ -31,26 +31,26 @@ export default function LandingPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleApple
           navItems={[
-            { name: "Gallery", id: "gallery" },
-            { name: "About", id: "about" },
-            { name: "Aftercare", id: "aftercare" },
-            { name: "Contact", id: "contact" }
+            { name: "Collection", id: "gallery" },
+            { name: "Manifesto", id: "about" },
+            { name: "Support", id: "faq" },
+            { name: "Get In Touch", id: "contact" }
           ]}
-          brandName="Cursemarks"
+          brandName="CURSEMARKS"
         />
       </div>
 
       <div id="hero" data-section="hero">
         <HeroSplitKpi
-          title="Etching Intention into Skin"
-          description="Premium tattoo studio specializing in blackwork, fine line, gothic, and curse-inspired designs. Book your mark today."
+          title="Wear Your Subversion"
+          description="Born from the same dark aesthetic as our art, our apparel collection channels the spirit of gothic artistry into streetwear. Intricate designs, premium fits, curated for the bold."
           background={{ variant: 'rotated-rays-animated' }}
           kpis={[
-            { value: "500+", label: "Custom Designs" },
-            { value: "100+", label: "Happy Clients" },
-            { value: "5*", label: "Rated Quality" }
+            { value: "2025", label: "Collection" },
+            { value: "100%", label: "Signature Design" },
+            { value: "Limited", label: "Production" }
           ]}
-          buttons={[{ text: "Book Your Mark", onClick: handleBooking }]}
+          buttons={[{ text: "Explore Apparel", href: "#gallery" }]}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlavLWOelEmQkqFRvw6DCMXOiw/uploaded-1773180784484-bndqftnj.png"
           imagePosition="right"
           enableKpiAnimation={true}
@@ -60,12 +60,12 @@ export default function LandingPage() {
 
       <div id="gallery" data-section="gallery">
         <FeatureCardThree
-          title="Artistic Mastery"
-          description="Precision ink work defined by dark aesthetics and fine craftsmanship."
+          title="The Seasonal Drop"
+          description="Art meets utility. Our apparel features exclusive, hand-drawn motifs printed on heavy-weight, urban-ready silhouettes."
           features={[
-            { id: "1", title: "Blackwork", description: "Deep, bold, and precise.", imageSrc: "https://images.unsplash.com/photo-1598371839684-b28bc8870a76?q=80&w=800&_wi=1" },
-            { id: "2", title: "Fine Line", description: "Delicate, intricate beauty.", imageSrc: "https://images.unsplash.com/photo-1598371839684-b28bc8870a76?q=80&w=800&_wi=2" },
-            { id: "3", title: "Gothic Art", description: "Occult and mystical marks.", imageSrc: "https://images.unsplash.com/photo-1598371839684-b28bc8870a76?q=80&w=800&_wi=3" }
+            { id: "1", title: "Signature Hoodies", description: "Oversized fit with detailed back art.", imageSrc: "https://images.unsplash.com/photo-1598371839684-b28bc8870a76?q=80&w=800&_wi=1" },
+            { id: "2", title: "Occult Tees", description: "High-quality fabric, permanent prints.", imageSrc: "https://images.unsplash.com/photo-1598371839684-b28bc8870a76?q=80&w=800&_wi=2" },
+            { id: "3", title: "Street Accessories", description: "Designed for the urban landscape.", imageSrc: "https://images.unsplash.com/photo-1598371839684-b28bc8870a76?q=80&w=800&_wi=3" }
           ] as any}
           gridVariant="bento-grid"
           animationType="slide-up"
@@ -76,12 +76,12 @@ export default function LandingPage() {
 
       <div id="metrics" data-section="metrics">
         <MetricCardFourteen
-          title="Impact"
-          tag="Trust"
+          title="The Brand Standard"
+          tag="Quality"
           metrics={[
-            { id: "1", value: "100+", description: "Five Star Reviews" },
-            { id: "2", value: "500+", description: "Original Designs" },
-            { id: "3", value: "100%", description: "Artist Dedication" }
+            { id: "1", value: "300GSM", description: "Heavy-weight cotton for longevity" },
+            { id: "2", value: "Hand", description: "Every motif created by our artists" },
+            { id: "3", value: "100%", description: "Dedicated to subculture lifestyle" }
           ]}
           useInvertedBackground={false}
           metricsAnimation="slide-up"
@@ -90,17 +90,17 @@ export default function LandingPage() {
 
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardFive
-          title="Client Experiences"
-          description="Trusted by many."
+          title="The Cult Followers"
+          description="Seen in the streets, worn by the visionaries."
           testimonials={[
             { 
               id: "1", 
-              name: "Elian Vázquez", 
-              date: "Jan 2025", 
-              title: "Exceptional Experience", 
-              quote: "The artists understood my vision perfectly and executed it with incredible precision.", 
-              tag: "Client", 
-              avatarSrc: "https://api.dicebear.com/7.x/avataaars/svg?seed=Elian" 
+              name: "Alex Thorne", 
+              date: "March 2025", 
+              title: "Unmatched Quality", 
+              quote: "The apparel feels just as intentional as the art itself. The fit and print are beyond what you find in standard streetwear.", 
+              tag: "Collector", 
+              avatarSrc: "https://api.dicebear.com/7.x/avataaars/svg?seed=Alex" 
             }
           ]}
           textboxLayout="default"
@@ -110,11 +110,11 @@ export default function LandingPage() {
 
       <div id="faq" data-section="faq">
         <FaqBase
-          title="Questions"
-          description="Everything you need to know about getting your custom tattoo."
+          title="Ordering & Shipping"
+          description="Get the details on drops, shipping, and sizing."
           faqs={[
-            { id: "1", title: "How do I book?", content: "Contact us via WhatsApp to start the process." },
-            { id: "2", title: "What is your policy?", content: "48 hour notice is required for changes." }
+            { id: "1", title: "Where do you ship?", content: "We ship worldwide via tracked courier services." },
+            { id: "2", title: "How do I find my size?", content: "Refer to our fit guide on each product page for precise measurements." }
           ]}
           faqsAnimation="slide-up"
           textboxLayout="split"
@@ -124,10 +124,10 @@ export default function LandingPage() {
 
       <div id="contact" data-section="contact">
         <ContactCTA
-          tag="Bookings"
-          title="Ready for your Mark?"
-          description="We're currently accepting appointments for new projects."
-          buttons={[{ text: "Book Session", onClick: handleBooking }]}
+          tag="Newsletter"
+          title="Join the Circle"
+          description="Sign up to be the first to hear about new artist drops and private sale events."
+          buttons={[{ text: "Join Community", onClick: handleBooking }]}
           background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
         />
@@ -135,10 +135,10 @@ export default function LandingPage() {
 
       <div id="footer" data-section="footer">
         <FooterLogoEmphasis
-          logoText="Cursemarks"
+          logoText="CURSEMARKS"
           columns={[
-            { items: [{ label: "Home" }, { label: "Gallery" }] },
-            { items: [{ label: "About" }, { label: "Contact" }] }
+            { items: [{ label: "Collection" }, { label: "Manifesto" }] },
+            { items: [{ label: "FAQ" }, { label: "Terms" }] }
           ]}
         />
       </div>