Merge version_3 into main
Merge version_3 into main
This commit was merged in pull request #4.
This commit is contained in:
112
src/app/page.tsx
112
src/app/page.tsx
@@ -4,27 +4,26 @@ 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 FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroPersonalLinks from '@/components/sections/hero/HeroPersonalLinks';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import { Eye, ShieldCheck, Zap } from "lucide-react";
|
||||
import { Eye, ShieldCheck, Zap, ScanFace, Gauge, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<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 +34,65 @@ 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
|
||||
title="The Science of Style"
|
||||
<HeroBillboardTestimonial
|
||||
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={[
|
||||
{ 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" },
|
||||
{ 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" }
|
||||
className="py-32 border-b-[0.5px] border-black"
|
||||
/>
|
||||
</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
|
||||
title="Data Insights"
|
||||
description="Empowering the next generation of retail software architecture."
|
||||
textboxLayout="split"
|
||||
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"
|
||||
<MetricCardSeven
|
||||
title="Research Insights"
|
||||
description="Defining market readiness and software architecture for 2026."
|
||||
animationType="blur-reveal"
|
||||
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"
|
||||
/>
|
||||
</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"
|
||||
className="py-20 border-b-[0.5px] border-black"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Inquire"
|
||||
title="The Future of Retail"
|
||||
description="Collaborate with our team at Etugen University."
|
||||
buttons={[{ text: "Contact us", href: "#" }]}
|
||||
tag="Future Retail"
|
||||
title="Etugen University 2026"
|
||||
description="Join the movement defining modern digital fashion."
|
||||
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: "#" }}
|
||||
rightLink={{ text: "Software Engineering", href: "#" }}
|
||||
copyrightText="© 2026 Etugen University. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user