Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -4,12 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import { Zap, BarChart, Globe, Twitter, Github } from "lucide-react";
+import { Zap, BarChart, Globe, Twitter, Github, Instagram, ShoppingBag, Mail, Phone } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,50 +29,41 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Features",          id: "features"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Features", id: "features" },
+        { name: "Support", id: "contact" },
       ]}
-      brandName="Tech3D"
-      button={{ text: "Let's Talk", href: "#contact" }}
+      brandName="StitchStyle"
+      button={{ text: "Shop Now", href: "#products" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroLogo
-      logoText="Next-Gen 3D Web"
-      description="Transforming your digital presence with immersive, high-performance 3D technology and modern UI/UX design."
+      logoText="Timeless Elegance, Modern Fit"
+      description="Discover our curated collection of premium clothing designed for comfort, style, and everyday confidence."
       buttons={[
-        {
-          text: "Get Started",          href: "#contact"},
-        {
-          text: "Learn More",          href: "#about"},
+        { text: "Explore Collection", href: "#features" },
+        { text: "Contact Us", href: "#contact" },
       ]}
       buttonAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/3d-connections-polygonal-background-with-connecting-lines-dots_1048-12250.jpg"
-      imageAlt="3D Tech Hero Background"
+      imageSrc="https://img.b2bpic.net/free-photo/fashionable-woman-wearing-stylish-clothing_23-2148293739.jpg"
+      imageAlt="Clothing Collection Hero"
     />
   </div>
 
   <div id="about" data-section="about">
       <MetricSplitMediaAbout
       useInvertedBackground={false}
-      title="Built for Innovation"
-      description="We specialize in crafting highly interactive digital experiences using latest 3D web frameworks."
+      title="Crafted with Care"
+      description="We believe in sustainable fashion that doesn't compromise on quality or aesthetic appeal."
       metrics={[
-        {
-          value: "15+",          title: "Projects Delivered"},
-        {
-          value: "99%",          title: "Client Retention"},
-        {
-          value: "24/7",          title: "Expert Support"},
+        { value: "100%", title: "Ethical Sourcing" },
+        { value: "50k+", title: "Happy Customers" },
+        { value: "24/7", title: "Style Support" },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/man-with-augmented-reality_1134-137.jpg"
+      imageSrc="https://img.b2bpic.net/free-photo/tailor-making-clothes-studio_23-2148839064.jpg"
       mediaAnimation="blur-reveal"
       metricsAnimation="slide-up"
     />
@@ -84,17 +75,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Real-time Rendering",          description: "High performance low latency 3D visuals.",          imageSrc: "http://img.b2bpic.net/free-photo/fantasy-style-half-fox-half-robot_23-2151601040.jpg",          buttonIcon: Zap,
+          title: "Premium Fabrics",          description: "Sourced from the finest mills for ultimate comfort and durability.",          imageSrc: "https://img.b2bpic.net/free-photo/fabric-texture-background_23-2148967406.jpg",          buttonIcon: Zap,
         },
         {
-          title: "Data Visualization",          description: "Interactive, complex data models for business insights.",          imageSrc: "http://img.b2bpic.net/free-photo/person-looking-finance-graphs_52683-116600.jpg",          buttonIcon: BarChart,
+          title: "Sustainable Design",          description: "Eco-friendly practices integrated into every stage of production.",          imageSrc: "https://img.b2bpic.net/free-photo/recycled-fashion-concept_23-2149175240.jpg",          buttonIcon: Globe,
         },
         {
-          title: "Global Connectivity",          description: "Scalable cloud-ready distributed networks.",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-pink-background-trippy-yellow-rose-flower_53876-126776.jpg",          buttonIcon: Globe,
+          title: "Modern Aesthetics",          description: "Timeless cuts that adapt to any occasion seamlessly.",          imageSrc: "https://img.b2bpic.net/free-photo/stylish-young-man-wearing-casual-clothing_23-2148293737.jpg",          buttonIcon: BarChart,
         },
       ]}
-      title="Key Capabilities"
-      description="Harness the power of high-performance rendering for your business platform."
+      title="Our Standards"
+      description="Quality clothing that defines your personal style."
     />
   </div>
 
@@ -104,51 +95,66 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",          title: "Exceptional Quality",          quote: "The 3D design exceeded all expectations.",          name: "Sarah J.",          role: "CEO, Startup",          imageSrc: "http://img.b2bpic.net/free-photo/group-graphic-designers-interacting-with-each-other_1170-770.jpg"},
+          id: "1",          title: "Incredible Quality",          quote: "The material quality is beyond anything I've bought online before.",          name: "Jessica W.",          role: "Fashion Enthusiast",          imageSrc: "https://img.b2bpic.net/free-photo/smiling-woman-wearing-casual-clothes_23-2148293751.jpg"
+        },
         {
-          id: "2",          title: "Fast Deployment",          quote: "Amazing communication and flawless execution.",          name: "Mike C.",          role: "CTO, SaaS",          imageSrc: "http://img.b2bpic.net/free-photo/executive-assistant-multinational-company-work-big-business-project_482257-113916.jpg"},
+          id: "2",          title: "Fast Shipping",          quote: "Received my order within two days! Everything fits perfectly.",          name: "Mark L.",          role: "Regular Shopper",          imageSrc: "https://img.b2bpic.net/free-photo/cheerful-man-wearing-modern-clothing_23-2148293744.jpg"
+        },
         {
-          id: "3",          title: "High Performance",          quote: "The platform is fast, clean, and beautiful.",          name: "Emily R.",          role: "Designer",          imageSrc: "http://img.b2bpic.net/free-photo/thinking-man-office_23-2147669298.jpg"},
-        {
-          id: "4",          title: "Scalable Design",          quote: "Perfectly fits our business scaling needs.",          name: "David K.",          role: "Manager",          imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-mobile-phone-waiting-area_107420-95822.jpg"},
-        {
-          id: "5",          title: "Reliable Support",          quote: "Support team is always there to assist.",          name: "Anna P.",          role: "Scientist",          imageSrc: "http://img.b2bpic.net/free-photo/blond-female-dressed-white-shirt-eyeglasses-holds-tablet-pc-grey-background_613910-14708.jpg"},
+          id: "3",          title: "Stunning Style",          quote: "Absolutely love the new collection. Gets compliments every time I wear it.",          name: "Chloe R.",          role: "Trendsetter",          imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-posing-with-modern-clothes_23-2148293760.jpg"
+        },
       ]}
-      title="Client Feedback"
-      description="Trusted by industry leaders worldwide."
+      title="Customer Reviews"
+      description="Loved by thousands of style-conscious individuals."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient"}}
-      tag="Get in touch"
-      title="Start your digital transformation"
-      description="Let's discuss how we can build a 3D-powered platform for you."
+      background={{ variant: "sparkles-gradient" }}
+      tag="Customer Support"
+      title="Need help with your order?"
+      description="Our dedicated support team is here to assist you with sizing, shipping, or returns 24/7."
       buttons={[
-        {
-          text: "Contact Us",          href: "mailto:hello@tech3d.com"},
+        { text: "Email Support", href: "mailto:support@stitchstyle.com" },
+        { text: "Call Us", href: "tel:+1234567890" },
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Tech3D"
-      copyrightText="© 2025 Tech3D Inc."
-      socialLinks={[
+      <FooterBaseReveal
+      columns={[
         {
-          icon: Twitter,
-          href: "#",          ariaLabel: "Twitter"},
+          title: "Shop",          items: [
+            { label: "New Arrivals", href: "#" },
+            { label: "Men", href: "#" },
+            { label: "Women", href: "#" },
+            { label: "Accessories", href: "#" },
+          ]
+        },
         {
-          icon: Github,
-          href: "#",          ariaLabel: "Github"},
+          title: "Support",          items: [
+            { label: "Shipping Info", href: "#" },
+            { label: "Returns & Exchanges", href: "#" },
+            { label: "Contact Us", href: "#contact" },
+            { label: "Size Guide", href: "#" },
+          ]
+        },
+        {
+          title: "Company",          items: [
+            { label: "About Us", href: "#about" },
+            { label: "Careers", href: "#" },
+            { label: "Our Story", href: "#about" },
+            { label: "Store Locator", href: "#" },
+          ]
+        }
       ]}
+      copyrightText="© 2025 StitchStyle. All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}