Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -3,13 +3,12 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FaqBase from '@/components/sections/faq/FaqBase';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { Award, Database, Diamond, Globe, Instagram, Leaf, Linkedin, Shield, ShieldCheck, Sparkles, Twitter } from "lucide-react";
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import { Database, Diamond, Globe, Leaf, ShieldCheck, Sparkles } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,30 +28,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "NEW ARRIVALS",
-          id: "#hero",
-        },
-        {
-          name: "MEN",
-          id: "#men",
-        },
-        {
-          name: "WOMEN",
-          id: "#women",
-        },
-        {
-          name: "KIDS",
-          id: "#kids",
-        },
-        {
-          name: "ABOUT",
-          id: "#about",
-        },
-        {
-          name: "SHOP NOW",
-          id: "#shop",
-        },
+        { name: "COLLECTIONS", id: "#hero" },
+        { name: "ABOUT", id: "#about" },
+        { name: "TESTIMONIALS", id: "#testimonial" },
+        { name: "FAQ", id: "#faq" },
       ]}
       brandName="KINE"
     />
@@ -60,263 +39,82 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="The Architecture of Comfort"
       description="Redefining sleepwear through precise AI-tailoring and sustainable textiles."
       kpis={[
-        {
-          value: "100%",
-          label: "Organic Cotton",
-        },
-        {
-          value: "24/7",
-          label: "Ethical Production",
-        },
-        {
-          value: "AI",
-          label: "Perfect Fit",
-        },
+        { value: "100%", label: "Organic Cotton" },
+        { value: "24/7", label: "Ethical Production" },
+        { value: "AI", label: "Perfect Fit" },
       ]}
       enableKpiAnimation={true}
-      imageSrc="http://img.b2bpic.net/free-photo/happy-caucasian-woman-pajama-enjoying-morning-indoor-shot-winsome-curly-woman-with-cup-coffee_197531-14679.jpg?_wi=1"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Br7sSGeENKdb4mUaJ4n0FUnB56/uploaded-1775235837375-jt7ladce.jpg"
       imageAlt="Kine Sleepwear Lifestyle"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-caucasian-woman-pajama-enjoying-morning-indoor-shot-winsome-curly-woman-with-cup-coffee_197531-14679.jpg",
-          alt: "Customer 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-pink-overalls-sexy-carefree-woman-posing-near-blue-wall-studio-with-two-horns-positive-model-having-fun-going-crazy-cheerful-happy_158538-25161.jpg",
-          alt: "Customer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-purple-bathrobe-bedroom_1303-11278.jpg",
-          alt: "Customer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/top-view-natural-pigments-arrangement-made-with-raw-elements_23-2148734451.jpg",
-          alt: "Customer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-wearing-unicorn-pajamas_273609-23384.jpg",
-          alt: "Customer 5",
-        },
-      ]}
-      avatarText="Trusted by 5,000+ comfort seekers"
       marqueeItems={[
-        {
-          type: "text-icon",
-          text: "Sustainable",
-          icon: Leaf,
-        },
-        {
-          type: "text-icon",
-          text: "AI-Tailored",
-          icon: Database,
-        },
-        {
-          type: "text-icon",
-          text: "Ethical",
-          icon: ShieldCheck,
-        },
-        {
-          type: "text-icon",
-          text: "Premium",
-          icon: Diamond,
-        },
-        {
-          type: "text-icon",
-          text: "Global",
-          icon: Globe,
-        },
+        { type: "text-icon", text: "Sustainable", icon: Leaf },
+        { type: "text-icon", text: "AI-Tailored", icon: Database },
+        { type: "text-icon", text: "Ethical", icon: ShieldCheck },
+        { type: "text-icon", text: "Premium", icon: Diamond },
+        { type: "text-icon", text: "Global", icon: Globe },
       ]}
     />
   </div>
 
-  <div id="shop" data-section="shop">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="one-large-left-three-stacked-right"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "The Clementine Set",
-          price: "$180",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-natural-pigments-arrangement-made-with-raw-elements_23-2148734451.jpg?_wi=1",
-          imageAlt: "Clementine Set",
-        },
-        {
-          id: "2",
-          name: "Classic Pinstripe",
-          price: "$165",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-unicorn-pajamas_273609-23384.jpg",
-          imageAlt: "Classic Pinstripe",
-        },
-        {
-          id: "3",
-          name: "Midnight Stripes",
-          price: "$195",
-          imageSrc: "http://img.b2bpic.net/free-photo/lovely-slim-girl-pajama-posing-bed-magnificent-european-woman-having-fun-morning_197531-10334.jpg",
-          imageAlt: "Midnight Stripes",
-        },
-        {
-          id: "4",
-          name: "Earth Cotton Set",
-          price: "$170",
-          imageSrc: "http://img.b2bpic.net/free-photo/sensual-brunette-woman-posing-beige-silk-kimono-stylish-light-bedroom-bohoh-style_273443-5366.jpg?_wi=1",
-          imageAlt: "Earth Cotton Set",
-        },
-        {
-          id: "5",
-          name: "Textured Lounge",
-          price: "$155",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-wine-stain-detail_23-2149641709.jpg",
-          imageAlt: "Textured Lounge",
-        },
-      ]}
-      title="FEATURED COLLECTIONS"
-      description="Discover the latest precision-tailored pieces designed for your sanctuary."
-    />
-  </div>
-
   <div id="about" data-section="about">
       <AboutMetric
-      useInvertedBackground={false}
-      title="KINE: The Architecture of Comfort"
+      title="Engineered for Rest"
       metrics={[
-        {
-          icon: Sparkles,
-          label: "Material Innovation",
-          value: "AI-Driven",
-        },
-        {
-          icon: Award,
-          label: "Craftsmanship",
-          value: "Artisan",
-        },
-        {
-          icon: Shield,
-          label: "Longevity",
-          value: "Lifetime",
-        },
+        { icon: Sparkles, label: "Pattern Precision", value: "99.9%" },
+        { icon: Database, label: "Material Data", value: "10M+" },
+        { icon: Globe, label: "Carbon Offset", value: "100%" },
       ]}
       metricsAnimation="blur-reveal"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="testimonial" data-section="testimonial">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
+      <TestimonialCardTwelve
+      cardTitle="Community Intelligence"
+      cardTag="AI-Verified Reviews"
+      cardAnimation="slide-up"
       useInvertedBackground={false}
-      title="What They Say"
-      description="Hear from our global community of dreamers."
       testimonials={[
-        {
-          id: "1",
-          name: "Elena R.",
-          role: "Architect",
-          testimonial: "The precision of the fit is unlike anything I've worn.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-caucasian-woman-pajama-enjoying-morning-indoor-shot-winsome-curly-woman-with-cup-coffee_197531-14679.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          name: "Mark D.",
-          role: "Designer",
-          testimonial: "Minimalist, elegant, and incredibly soft.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-pink-overalls-sexy-carefree-woman-posing-near-blue-wall-studio-with-two-horns-positive-model-having-fun-going-crazy-cheerful-happy_158538-25161.jpg",
-        },
-        {
-          id: "3",
-          name: "Sarah P.",
-          role: "Editor",
-          testimonial: "Kine has changed my nightly routine for the better.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-purple-bathrobe-bedroom_1303-11278.jpg",
-        },
-        {
-          id: "4",
-          name: "James L.",
-          role: "Developer",
-          testimonial: "Sustainable and stylish, finally.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-natural-pigments-arrangement-made-with-raw-elements_23-2148734451.jpg?_wi=2",
-        },
-        {
-          id: "5",
-          name: "Chloe M.",
-          role: "Artist",
-          testimonial: "The fabric quality is absolutely world-class.",
-          imageSrc: "http://img.b2bpic.net/free-photo/sensual-brunette-woman-posing-beige-silk-kimono-stylish-light-bedroom-bohoh-style_273443-5366.jpg?_wi=2",
-        },
+        { id: "1", name: "Dr. Aris Thorne", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Br7sSGeENKdb4mUaJ4n0FUnB56/uploaded-1775235837375-r4pnumuz.jpg" },
+        { id: "2", name: "Sarah Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Br7sSGeENKdb4mUaJ4n0FUnB56/uploaded-1775235837375-lzds5dsz.jpg" },
+        { id: "3", name: "Marcus Vane", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Br7sSGeENKdb4mUaJ4n0FUnB56/uploaded-1775235837375-4ioi3bk0.jpg" },
       ]}
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
+      <FaqBase
+      title="AI-Assisted Knowledge Base"
+      description="Our intelligent system provides instant, precise answers about our mission and production."
+      faqsAnimation="blur-reveal"
+      textboxLayout="split"
       useInvertedBackground={false}
-      title="Common Inquiries"
-      description="Answers to your questions about our mission and process."
-      faqsAnimation="slide-up"
       faqs={[
-        {
-          id: "1",
-          title: "What is AI-Tailoring?",
-          content: "We use proprietary algorithms to ensure your size is perfect every time.",
-        },
-        {
-          id: "2",
-          title: "Is the cotton organic?",
-          content: "Yes, all our textiles are 100% GOTS certified organic.",
-        },
-        {
-          id: "3",
-          title: "Do you ship worldwide?",
-          content: "We offer carbon-neutral shipping to over 100 countries.",
-        },
-        {
-          id: "4",
-          title: "How do I care for my set?",
-          content: "Cold wash, gentle cycle, and air dry is recommended.",
-        },
-        {
-          id: "5",
-          title: "What is your return policy?",
-          content: "We offer a 30-day fit guarantee on all our products.",
-        },
+        { id: "1", title: "How does the AI tailoring process work?", content: "Our system analyzes thousands of data points to generate custom fit templates for every unique body type." },
+        { id: "2", title: "Are your materials truly sustainable?", content: "We source only GOTS-certified organic fibers and utilize a closed-loop water system in production." },
+        { id: "3", title: "Can I track my AI production journey?", content: "Yes, every order provides a digital twin visualization of your specific garment's journey from thread to delivery." },
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterBaseCard
       logoText="KINE"
-      copyrightText="© 2026 Kine. The Architecture of Comfort."
-      socialLinks={[
-        {
-          icon: Instagram,
-          href: "#",
-          ariaLabel: "Instagram",
-        },
-        {
-          icon: Twitter,
-          href: "#",
-          ariaLabel: "Twitter",
-        },
-        {
-          icon: Linkedin,
-          href: "#",
-          ariaLabel: "LinkedIn",
-        },
+      columns={[
+        { title: "Product", items: [{ label: "Catalog", href: "#" }, { label: "AI-Fitting", href: "#" }] },
+        { title: "Company", items: [{ label: "About", href: "#" }, { label: "Mission", href: "#" }] },
+        { title: "Support", items: [{ label: "FAQ", href: "#" }, { label: "Contact", href: "#" }] }
       ]}
+      copyrightText="© 2026 Kine. The Architecture of Comfort."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}