Merge version_2 into main #2
292
src/app/page.tsx
292
src/app/page.tsx
@@ -3,13 +3,13 @@
|
||||
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, User, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,30 +29,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 +40,79 @@ 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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="What They Say"
|
||||
description="Hear from our global community of dreamers."
|
||||
<TestimonialCardTwelve
|
||||
cardTitle="Community Intelligence"
|
||||
cardTag="AI-Verified Reviews"
|
||||
cardAnimation="slide-up"
|
||||
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"
|
||||
useInvertedBackground={false}
|
||||
title="Common Inquiries"
|
||||
description="Answers to your questions about our mission and process."
|
||||
faqsAnimation="slide-up"
|
||||
<FaqBase
|
||||
title="AI-Assisted Knowledge Base"
|
||||
description="Our intelligent system provides instant, precise answers about our mission and production."
|
||||
faqsAnimation="blur-reveal"
|
||||
textboxLayout="split"
|
||||
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user