Update src/app/page.tsx
This commit is contained in:
240
src/app/page.tsx
240
src/app/page.tsx
@@ -2,210 +2,58 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "/faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Sweet Temptation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home-hero" data-section="home-hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Unleash Your Confidence"
|
||||
description="Luxury lingerie designed to make you feel irresistible."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "/shop",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g9104587429992ea90d5db7a515f59a9d69aa48113e959f79f2546ebc77276a6c347158546ac3307de0352a99892eda03c568ec0890d9e25f6e00bb946a984f2c_1280.jpg",
|
||||
imageAlt: "Model wearing luxury lace lingerie",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g8ff0ae86602211c7639d54d15a5504406a31d688cfee8faf5b8bdf00953c37cdb4d62d229168b1c8aa84586639bc9d45faeced76b1c12202c78ec0ca8ebf08d5_1280.jpg?_wi=1",
|
||||
imageAlt: "Lacy bra and panty set",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g3c37fb0d0b13043579fe561803cb84609f8313a4ce0c3e970d9ad3597a412e04de5fa3d2c5f56444a287920ee306eb321c9c138c505d1d07684e081663893789_1280.jpg?_wi=1",
|
||||
imageAlt: "Delicate blush pink lace bra",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/gb4d692759eecf966e315e3398b0bc27e527dc40f28f126fb29338154bba6748898f84c50f1c79b701b264586d5dc5b088158752de4f3528cb00ad34e7d96fdb0_1280.jpg?_wi=1",
|
||||
imageAlt: "Elegant black lace bodysuit",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://pixabay.com/get/g773a979c3a6c37adeaa9f99cb2a0ac18f2e1516541e9b502306fa308ba05b043d3e3fec0e3800c707e8c2f051751458b304c0bbb803f63e6654b1cff64e88d08_1280.jpg",
|
||||
imageAlt: "Soft lace thong detail",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home-footer" data-section="home-footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://pixabay.com/get/g82fc9270d374b5c7d5d8d02b4df53a905b9d5329e624dfa20f949659bbc8cd159a664a6c64d04f8a82fd0afc5838227c700b94dd7603042ef144c3d405cb0967_1280.jpg?_wi=1"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Bras",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "Panties",
|
||||
href: "/shop",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Sweet Temptation"
|
||||
copyrightText="© 2025 Sweet Temptation Intimates"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="extra-1" data-section="extra-1">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Us"
|
||||
description="Experience unparalleled comfort and style."
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Premium Fabrics",
|
||||
description: "Ethically sourced silk and lace.",
|
||||
imageSrc: "https://pixabay.com/get/g3c37fb0d0b13043579fe561803cb84609f8313a4ce0c3e970d9ad3597a412e04de5fa3d2c5f56444a287920ee306eb321c9c138c505d1d07684e081663893789_1280.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Tailored Fit",
|
||||
description: "Designed to embrace your curves.",
|
||||
imageSrc: "https://pixabay.com/get/g5ef982b1b1b8f0bb2b33b5ace6c5884ccec21c7a2229d8f1cbbfb18087e5f4bb1629b84aaac17f4c5b510412394ba5427e39ffcc77f31a0beca40867d1fbde8d_1280.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="extra-2" data-section="extra-2">
|
||||
<TeamCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Our Founders"
|
||||
description="Meet the team behind Sweet Temptation."
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena Grace",
|
||||
role: "Creative Director",
|
||||
imageSrc: "https://pixabay.com/get/g82fc9270d374b5c7d5d8d02b4df53a905b9d5329e624dfa20f949659bbc8cd159a664a6c64d04f8a82fd0afc5838227c700b94dd7603042ef144c3d405cb0967_1280.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Miller",
|
||||
role: "Lead Designer",
|
||||
imageSrc: "https://pixabay.com/get/gc54660801c6bd052993b0deaf21d74aa4f04ec5d287eca281c0833fcfca0ae40dd672f8e83ebb1eece41cf865fcade38b249209fd58a0b9777c3f9d34ec59495_1280.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="extra-3" data-section="extra-3">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
sideTitle="Still Have Questions?"
|
||||
sideDescription="Our support team is always here for you."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What payment methods are accepted?",
|
||||
content: "We accept major credit cards and Apple Pay.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How do I track my order?",
|
||||
content: "You will receive a tracking link via email once shipped.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="extra-4" data-section="extra-4">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="As Seen In"
|
||||
description="Trusted by women everywhere."
|
||||
names={[
|
||||
"Vogue",
|
||||
"Elle",
|
||||
"Harper's Bazaar",
|
||||
"Cosmopolitan",
|
||||
"Marie Claire",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "FAQ", id: "/faq" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="Sweet Temptation"
|
||||
/>
|
||||
</div>
|
||||
<div id="home-hero" data-section="home-hero">
|
||||
<HeroBillboardCarousel
|
||||
title="Unleash Your Confidence"
|
||||
description="Luxury lingerie designed to make you feel irresistible."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
buttons={[{ text: "Shop Now", href: "/shop" }]}
|
||||
mediaItems={[{ imageSrc: "https://pixabay.com/get/g9104587429992ea90d5db7a515f59a9d69aa48113e959f79f2546ebc77276a6c347158546ac3307de0352a99892eda03c568ec0890d9e25f6e00bb946a984f2c_1280.jpg", imageAlt: "Model wearing luxury lace lingerie" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="home-footer" data-section="home-footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://pixabay.com/get/g82fc9270d374b5c7d5d8d02b4df53a905b9d5329e624dfa20f949659bbc8cd159a664a6c64d04f8a82fd0afc5838227c700b94dd7603042ef144c3d405cb0967_1280.jpg"
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "Bras", href: "/shop" }, { label: "Panties", href: "/shop" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "/faq" }, { label: "Contact", href: "/contact" }] }
|
||||
]}
|
||||
logoText="Sweet Temptation"
|
||||
copyrightText="© 2025 Sweet Temptation Intimates"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user