Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -3,13 +3,11 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FooterCard from '@/components/sections/footer/FooterCard';
-import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
+import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
-import HeroPersonalLinks from '@/components/sections/hero/HeroPersonalLinks';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import { Eye, ShieldCheck, Zap } from "lucide-react";
 
 export default function LandingPage() {
@@ -17,14 +15,14 @@ export default function LandingPage() {
     <ThemeProvider
         defaultButtonVariant="hover-magnetic"
         defaultTextAnimation="reveal-blur"
-        borderRadius="pill"
+        borderRadius="soft"
         contentWidth="medium"
         sizing="medium"
-        background="circleGradient"
+        background="none"
         cardStyle="outline"
         primaryButtonStyle="flat"
         secondaryButtonStyle="solid"
-        headingFontWeight="light"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
@@ -35,96 +33,66 @@ export default function LandingPage() {
                 { name: "Contact", id: "#contact" },
               ]}
               brandName="BIOMETRIC"
-              button={{ text: "Store", href: "#" }}
+              button={{ text: "Explore", href: "#" }}
             />
         </div>
 
         <div id="hero" data-section="hero">
-          <HeroPersonalLinks
+          <HeroBillboardTestimonial
-            title="The Science of Style"
+            title="Biometric-based Smart Online Store"
+            description="An editorial exploration into the future of retail, where biometric identity meets high-end digital precision."
             background={{ variant: "plain" }}
-            linkCards={[
+            testimonials={[]}
-              { title: "Virtual Try-On", description: "High-fidelity digital fit simulation.", button: { text: "Learn More" }, imageSrc: "http://img.b2bpic.net/free-photo/tall-leggy-young-beautiful-elegant-model-woman-formal-wear-posed-stairs_627829-6900.jpg" },
+            className="py-32 border-b-[0.5px] border-black"
-              { title: "Biometric Face", description: "Secure identity preservation for retail.", button: { text: "Explore" }, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-female-wearing-formal-suit_23-2148880273.jpg" },
+          />
-              { title: "AI Sizing", description: "Intelligent recommendations for perfect fit.", button: { text: "Discover" }, imageSrc: "http://img.b2bpic.net/free-photo/professional-photo-cute-young-brunette-woman-nice-red-summer-boho-dress-posing-studio-red-background-sitting-chair-fashion-spring-summer-photo_639032-873.jpg" }
+        </div>
+
+        <div id="technology" data-section="technology">
+          <FeatureCardTwentyFive
+            title="Technological Foundation"
+            description="Next-generation fashion integration tools."
+            textboxLayout="split"
+            useInvertedBackground={false}
+            animationType="blur-reveal"
+            features={[
+              { title: "Virtual Try-On", description: "Neural-mapped garment simulation.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/tall-leggy-young-beautiful-elegant-model-woman-formal-wear-posed-stairs_627829-6900.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830353.jpg" }] },
+              { title: "Biometric Preservation", description: "Secure identity protection architecture.", icon: ShieldCheck, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-female-wearing-formal-suit_23-2148880273.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/professional-photo-cute-young-brunette-woman-nice-red-summer-boho-dress-posing-studio-red-background-sitting-chair-fashion-spring-summer-photo_639032-873.jpg" }] },
+              { title: "AI Sizing", description: "Precision-engineered fit algorithms.", icon: Eye, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/flirty-young-caucasian-woman-looking-camera-making-kiss-gesture-isolated-blue-background_141793-134691.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/serious-young-redhead-curly-lady-standing-cafe-near-latrine_171337-17062.jpg" }] }
             ]}
             className="py-20 border-b-[0.5px] border-black"
           />
         </div>
 
-        <div id="technology" data-section="technology">
-          <TestimonialAboutCard
-            tag="AI Engineering"
-            title="VITON Virtual Try-On"
-            description="Our advanced neural networks map garments to your unique biometric profile in real-time, removing the uncertainty of online shopping."
-            subdescription="Editorial precision in every garment scan."
-            icon={Zap}
-            imageSrc="http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830353.jpg"
-            useInvertedBackground={false}
-            className="border-b-[0.5px] border-black"
-          />
-        </div>
-
         <div id="research" data-section="research">
-          <FeatureCardSix
+           <MetricCardSeven
-            title="Data Insights"
+            title="Research Insights"
-            description="Empowering the next generation of retail software architecture."
+            description="Defining market readiness and software architecture for 2026."
-            textboxLayout="split"
+            animationType="blur-reveal"
-            useInvertedBackground={false}
-            features={[
-              { title: "95% User Readiness", description: "Proven biometric adoption metrics in the Mongolian market via Etugen University research.", imageSrc: "http://img.b2bpic.net/free-photo/flirty-young-caucasian-woman-looking-camera-making-kiss-gesture-isolated-blue-background_141793-134691.jpg" }
-            ]}
-            className="border-b-[0.5px] border-black"
-          />
-        </div>
-
-        <div id="metrics" data-section="metrics">
-          <MetricCardEleven
-            title="Performance Metrics"
-            description="Software Engineering 2026: Setting new benchmarks in digital fashion."
-            animationType="slide-up"
             textboxLayout="split"
             useInvertedBackground={false}
             metrics={[
-              { id: "r1", value: "95%", title: "Readiness", description: "User adoption rate for biometric shopping tools.", imageSrc: "http://img.b2bpic.net/free-photo/serious-young-redhead-curly-lady-standing-cafe-near-latrine_171337-17062.jpg" }
+                { id: "m1", value: "95%", title: "User Readiness", items: ["High adoption in Mongolian retail", "Biometric security prioritization", "Seamless digital integration"] }
             ]}
-            className="border-b-[0.5px] border-black"
+            className="py-20 border-b-[0.5px] border-black"
-          />
+           />
-        </div>
-
-        <div id="faq" data-section="faq">
-          <FaqSplitMedia
-            title="The Foundation"
-            description="Etugen University - Software Engineering 2026 research initiatives."
-            imageSrc="http://img.b2bpic.net/free-photo/parts-plastic-doll_53876-15041.jpg"
-            faqsAnimation="slide-up"
-            textboxLayout="split"
-            useInvertedBackground={false}
-            faqs={[
-              { id: "f1", title: "What is biometric shopping?", content: "A high-end retail approach using facial and physical geometry for perfect garment fit." },
-              { id: "f2", title: "Who leads the project?", content: "Software Engineering students from Etugen University, 2026 class." }
-            ]}
-            className="border-b-[0.5px] border-black"
-          />
         </div>
 
         <div id="contact" data-section="contact">
           <ContactCTA
-            tag="Inquire"
+            tag="Future Retail"
-            title="The Future of Retail"
+            title="Etugen University 2026"
-            description="Collaborate with our team at Etugen University."
+            description="Join the movement defining modern digital fashion."
-            buttons={[{ text: "Contact us", href: "#" }]}
+            buttons={[{ text: "Get In Touch", href: "#" }]}
             background={{ variant: "plain" }}
             useInvertedBackground={false}
-            className="border-b-[0.5px] border-black"
+            className="py-20 border-b-[0.5px] border-black"
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterLogoReveal
+          <FooterCard
             logoText="BIOMETRIC"
-            leftLink={{ text: "Etugen University 2026", href: "#" }}
+            copyrightText="© 2026 Etugen University. All Rights Reserved."
-            rightLink={{ text: "Software Engineering", href: "#" }}
           />
         </div>
       </ReactLenis>