Merge version_1 into main #2
294
src/app/page.tsx
294
src/app/page.tsx
@@ -25,204 +25,114 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Sweet Temptation"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Sweet Temptation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background="aurora"
|
||||
logoText="Sweet Temptation"
|
||||
description="Luxury lingerie designed to make you feel irresistible and empowered."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "/shop",
|
||||
},
|
||||
]}
|
||||
layoutOrder="default"
|
||||
imageSrc="https://pixabay.com/get/g595796a2283ae5c9052329922b3d299fe7076dd7d5c337baeed2e06de3d37e460d9ff421d1a1a4225d42c3df1386d3fafd775c2ec9f840f662e998cb71acfbcc_1280.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{ variant: "aurora" }}
|
||||
logoText="Sweet Temptation"
|
||||
description="Luxury lingerie designed to make you feel irresistible and empowered."
|
||||
buttons={[
|
||||
{ text: "Shop Now", href: "/shop" },
|
||||
]}
|
||||
layoutOrder="default"
|
||||
imageSrc="https://pixabay.com/get/g595796a2283ae5c9052329922b3d299fe7076dd7d5c337baeed2e06de3d37e460d9ff421d1a1a4225d42c3df1386d3fafd775c2ec9f840f662e998cb71acfbcc_1280.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Mass-produced quality",
|
||||
"Standard materials",
|
||||
"One-size fits all",
|
||||
"Uncomfortable synthetic fibers",
|
||||
"Fast fashion manufacturing",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Artisanal lace details",
|
||||
"Sustainable soft fabrics",
|
||||
"Precision tailored fit",
|
||||
"Hand-finished embellishments",
|
||||
"Breathable silk blends",
|
||||
],
|
||||
}}
|
||||
title="Why Choose Us"
|
||||
description="Exquisite comfort meets seductive design."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Mass-produced quality", "Standard materials", "One-size fits all", "Uncomfortable synthetic fibers", "Fast fashion manufacturing"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Artisanal lace details", "Sustainable soft fabrics", "Precision tailored fit", "Hand-finished embellishments", "Breathable silk blends"],
|
||||
}}
|
||||
title="Why Choose Us"
|
||||
description="Exquisite comfort meets seductive design."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Elegant Essentials"
|
||||
description="Discover our signature collections crafted for elegance."
|
||||
features={[
|
||||
{
|
||||
title: "Silk Comfort",
|
||||
description: "Premium silk fabrics for daily wear.",
|
||||
imageSrc: "https://pixabay.com/get/gc62f2647603e7a628a824edd8a0ae202b11facfd6a67991e6e54540f10a885477737663cb1442e95f2351654bbe76220a2db0e70c4ad5b1c30a776203757d4d3_1280.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Empowered Fit",
|
||||
description: "Designs that support and flatter.",
|
||||
imageSrc: "https://pixabay.com/get/g80403bb2a44638bec4d0e3278bff7616f7c72283ff979f55cd6d7fbc021ee35527cd58665648f9222717a178b1398f9b44c4a32cd804b719ec2d88d1d569c37e_1280.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Elegant Essentials"
|
||||
description="Discover our signature collections crafted for elegance."
|
||||
features={[
|
||||
{
|
||||
title: "Silk Comfort", description: "Premium silk fabrics for daily wear.", imageSrc: "https://pixabay.com/get/gc62f2647603e7a628a824edd8a0ae202b11facfd6a67991e6e54540f10a885477737663cb1442e95f2351654bbe76220a2db0e70c4ad5b1c30a776203757d4d3_1280.jpg"},
|
||||
{
|
||||
title: "Empowered Fit", description: "Designs that support and flatter.", imageSrc: "https://pixabay.com/get/g80403bb2a44638bec4d0e3278bff7616f7c72283ff979f55cd6d7fbc021ee35527cd58665648f9222717a178b1398f9b44c4a32cd804b719ec2d88d1d569c37e_1280.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Latest Insights"
|
||||
description="Style tips and brand news."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Style",
|
||||
title: "The Art of Layering",
|
||||
excerpt: "How to style lingerie pieces for a sophisticated look.",
|
||||
imageSrc: "https://pixabay.com/get/gc8582bcaefe1fbc67ca1108c5c68fd2a373bb6a35f5f48d19d55f239d950d66fb7823fdc9a408079ddabf54dcf36ce58954e1541d7e83bd4bac90a54d018093a_1280.jpg?_wi=1",
|
||||
authorName: "Jane Doe",
|
||||
authorAvatar: "https://i.pravatar.cc/100",
|
||||
date: "2023-10-01",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Care",
|
||||
title: "Caring for Lace",
|
||||
excerpt: "Keep your favorite pieces beautiful longer.",
|
||||
imageSrc: "https://pixabay.com/get/gc62f2647603e7a628a824edd8a0ae202b11facfd6a67991e6e54540f10a885477737663cb1442e95f2351654bbe76220a2db0e70c4ad5b1c30a776203757d4d3_1280.jpg?_wi=2",
|
||||
authorName: "Jane Doe",
|
||||
authorAvatar: "https://i.pravatar.cc/100",
|
||||
date: "2023-10-15",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Latest Insights"
|
||||
description="Style tips and brand news."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1", category: "Style", title: "The Art of Layering", excerpt: "How to style lingerie pieces for a sophisticated look.", imageSrc: "https://pixabay.com/get/gc8582bcaefe1fbc67ca1108c5c68fd2a373bb6a35f5f48d19d55f239d950d66fb7823fdc9a408079ddabf54dcf36ce58954e1541d7e83bd4bac90a54d018093a_1280.jpg", authorName: "Jane Doe", authorAvatar: "https://i.pravatar.cc/100", date: "2023-10-01"},
|
||||
{
|
||||
id: "b2", category: "Care", title: "Caring for Lace", excerpt: "Keep your favorite pieces beautiful longer.", imageSrc: "https://pixabay.com/get/gc62f2647603e7a628a824edd8a0ae202b11facfd6a67991e6e54540f10a885477737663cb1442e95f2351654bbe76220a2db0e70c4ad5b1c30a776203757d4d3_1280.jpg", authorName: "Jane Doe", authorAvatar: "https://i.pravatar.cc/100", date: "2023-10-15"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Membership"
|
||||
description="Exclusive perks for our loyal community."
|
||||
plans={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Basic",
|
||||
price: "$0",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Newsletter access",
|
||||
"Standard shipping",
|
||||
],
|
||||
button: {
|
||||
text: "Join",
|
||||
},
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Premium",
|
||||
price: "$15",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Free shipping",
|
||||
"Early access to drops",
|
||||
"Members-only sales",
|
||||
],
|
||||
button: {
|
||||
text: "Join Now",
|
||||
},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Membership"
|
||||
description="Exclusive perks for our loyal community."
|
||||
plans={[
|
||||
{
|
||||
id: "m1", title: "Basic", price: "$0", period: "/mo", features: ["Newsletter access", "Standard shipping"],
|
||||
button: { text: "Join" },
|
||||
},
|
||||
{
|
||||
id: "m2", title: "Premium", price: "$15", period: "/mo", features: ["Free shipping", "Early access to drops", "Members-only sales"],
|
||||
button: { text: "Join Now" },
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://pixabay.com/get/geedee6c42968428cc0e6baffd86d0629668546d1f337466b1b14761ac1baecb193ebec489e864a7d26b25dc747422aac371bd52930f99f2b5e939e9fb402d054_1280.jpg?_wi=1"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Sets",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Bras",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Sweet Temptation"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://pixabay.com/get/geedee6c42968428cc0e6baffd86d0629668546d1f337466b1b14761ac1baecb193ebec489e864a7d26b25dc747422aac371bd52930f99f2b5e939e9fb402d054_1280.jpg"
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "Sets", href: "#" }, { label: "Bras", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#" }, { label: "Contact", href: "/contact" }] },
|
||||
]}
|
||||
logoText="Sweet Temptation"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user