Merge version_1 into main #2
@@ -7,104 +7,60 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
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">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Sweet Temptation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Empowering You From Within"
|
||||
description="Sweet Temptation was founded on the belief that lingerie is not just apparel, but a foundation for confidence. We create intimate pieces that celebrate the human form with grace, comfort, and luxury."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Premium Materials",
|
||||
description: "Sourced only from the finest lace and silk artisans.",
|
||||
},
|
||||
{
|
||||
title: "Inclusive Fit",
|
||||
description: "Designed for all shapes to feel irresistible.",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/an-intimate-artistic-detail-shot-of-high-1774608478847-39d0fd21.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
tag="Milestones"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "10k+",
|
||||
description: "Satisfied Customers",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "50+",
|
||||
description: "Unique Designs",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "99%",
|
||||
description: "Confidence Score",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Shop Now",
|
||||
href: "/shop",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Sweet Temptation"
|
||||
copyrightText="© 2025 Sweet Temptation | Premium Lingerie for Confidence"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="Sweet Temptation"
|
||||
button={{ text: "Contact Us", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Empowering You From Within"
|
||||
description="Sweet Temptation was founded on the belief that lingerie is not just apparel, but a foundation for confidence. We create intimate pieces that celebrate the human form with grace, comfort, and luxury."
|
||||
bulletPoints={[
|
||||
{ title: "Premium Materials", description: "Sourced only from the finest lace and silk artisans." },
|
||||
{ title: "Inclusive Fit", description: "Designed for all shapes to feel irresistible." }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/an-intimate-artistic-detail-shot-of-high-1774608478847-39d0fd21.png"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
tag="Milestones"
|
||||
metrics={[
|
||||
{ id: "1", value: "10k+", description: "Satisfied Customers" },
|
||||
{ id: "2", value: "50+", description: "Unique Designs" },
|
||||
{ id: "3", value: "99%", description: "Confidence Score" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Shop Now", href: "/shop" }] }]}
|
||||
logoText="Sweet Temptation"
|
||||
copyrightText="© 2025 Sweet Temptation | Premium Lingerie for Confidence"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -7,112 +7,63 @@ import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
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">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Sweet Temptation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get In Touch"
|
||||
description="Have questions about sizing, orders, or our brand? Our team is here to assist you with everything you need."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/a-stunning-high-fashion-professional-pho-1774608479419-9bfde61e.png?_wi=2"
|
||||
mediaPosition="right"
|
||||
buttonText="Send Message"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I choose my size?",
|
||||
content: "Check our size guide on each product page for a detailed breakdown.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer returns within 30 days of purchase for unworn items.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find quick answers to our most common customer inquiries."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Sweet Temptation"
|
||||
copyrightText="© 2025 Sweet Temptation | Premium Lingerie for Confidence"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="Sweet Temptation"
|
||||
button={{ text: "Contact Us", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get In Touch"
|
||||
description="Have questions about sizing, orders, or our brand? Our team is here to assist you with everything you need."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Your Message", rows: 4, required: true }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/a-stunning-high-fashion-professional-pho-1774608479419-9bfde61e.png"
|
||||
mediaPosition="right"
|
||||
buttonText="Send Message"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "1", title: "How do I choose my size?", content: "Check our size guide on each product page for a detailed breakdown." },
|
||||
{ id: "2", title: "What is your return policy?", content: "We offer returns within 30 days of purchase for unworn items." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find quick answers to our most common customer inquiries."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[{ title: "Quick Links", items: [{ label: "Shop", href: "/shop" }, { label: "About", href: "/about" }] }]}
|
||||
logoText="Sweet Temptation"
|
||||
copyrightText="© 2025 Sweet Temptation | Premium Lingerie for Confidence"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
268
src/app/page.tsx
268
src/app/page.tsx
@@ -16,198 +16,98 @@ export default function LandingPage() {
|
||||
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">
|
||||
<NavbarLayoutFloatingInline
|
||||
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">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="Sweet Temptation"
|
||||
button={{ text: "Contact Us", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero-home" data-section="hero-home">
|
||||
<HeroLogo
|
||||
logoText="Unleash Your Confidence"
|
||||
description="Luxury lingerie designed to make you feel irresistible. Every piece curated for empowerment, comfort, and soft luxury."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "/shop",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/a-stunning-high-fashion-professional-pho-1774608479419-9bfde61e.png?_wi=1"
|
||||
imageAlt="Model wearing luxury lace lingerie"
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero-home" data-section="hero-home">
|
||||
<HeroLogo
|
||||
logoText="Unleash Your Confidence"
|
||||
description="Luxury lingerie designed to make you feel irresistible. Every piece curated for empowerment, comfort, and soft luxury."
|
||||
buttons={[{ text: "Shop Now", href: "/shop" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/a-stunning-high-fashion-professional-pho-1774608479419-9bfde61e.png"
|
||||
imageAlt="Model wearing luxury lace lingerie"
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-home" data-section="about-home">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Feel Beautiful In Your Own Skin"
|
||||
description={[
|
||||
"At Veloura Intimates, we believe confidence is a feeling, not a standard. Our designs celebrate self-love and the art of feeling beautiful, intimate, and empowered.",
|
||||
"Crafted with love, lace, and luxury, because you deserve to feel extraordinary every single day.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about-home" data-section="about-home">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Feel Beautiful In Your Own Skin"
|
||||
description={["At Veloura Intimates, we believe confidence is a feeling, not a standard. Our designs celebrate self-love and the art of feeling beautiful, intimate, and empowered.", "Crafted with love, lace, and luxury, because you deserve to feel extraordinary every single day."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products-home" data-section="products-home">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Midnight Lace Set",
|
||||
price: "$45",
|
||||
variant: "Luxury Lace",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/lingerie-set-on-a-clean-soft-background--1774608480054-6a6077dc.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Sculpt & Glow Shapewear",
|
||||
price: "$38",
|
||||
variant: "Premium Support",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/comfortable-shapewear-piece-modern-displ-1774608478965-7c91f17a.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Essential Silky Thongs",
|
||||
price: "$12",
|
||||
variant: "Daily Comfort",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/delicate-thongs-and-panties-set-aestheti-1774608479170-ecc1d1e8.png?_wi=1",
|
||||
},
|
||||
]}
|
||||
title="Featured Collections"
|
||||
description="Discover our most coveted lace sets, shapewear, and everyday essentials."
|
||||
/>
|
||||
</div>
|
||||
<div id="products-home" data-section="products-home">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Midnight Lace Set", price: "$45", variant: "Luxury Lace", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/lingerie-set-on-a-clean-soft-background--1774608480054-6a6077dc.png" },
|
||||
{ id: "p2", name: "Sculpt & Glow Shapewear", price: "$38", variant: "Premium Support", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/comfortable-shapewear-piece-modern-displ-1774608478965-7c91f17a.png" },
|
||||
{ id: "p3", name: "Essential Silky Thongs", price: "$12", variant: "Daily Comfort", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/delicate-thongs-and-panties-set-aestheti-1774608479170-ecc1d1e8.png" }
|
||||
]}
|
||||
title="Featured Collections"
|
||||
description="Discover our most coveted lace sets, shapewear, and everyday essentials."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials-home" data-section="testimonials-home">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah W.",
|
||||
role: "Entrepreneur",
|
||||
testimonial: "The lace is so soft, and the fit is incredibly empowering. I've never felt sexier.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/elegant-woman-smiling-high-quality-portr-1774608478653-2c7953b0.png",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elena M.",
|
||||
role: "Designer",
|
||||
testimonial: "Veloura Intimates redefined my daily essentials. The quality is truly luxury.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/happy-customer-candid-portrait-soft-natu-1774608479494-0ad1b4bb.png",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jade R.",
|
||||
role: "Influencer",
|
||||
testimonial: "Finding comfortable yet sexy lingerie was hard, until I found Veloura. Absolutely in love.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/confident-woman-modern-lifestyle-portrai-1774608481064-ac6015b3.png",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Maya K.",
|
||||
role: "Model",
|
||||
testimonial: "Empowerment starts with the right foundation. These pieces are perfection.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/elegant-lifestyle-shot-confident-woman-s-1774608479091-dc9a830f.png",
|
||||
},
|
||||
]}
|
||||
title="Loved By Women Everywhere"
|
||||
description="Hear what our community says about feeling empowered and confident."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials-home" data-section="testimonials-home">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah W.", role: "Entrepreneur", testimonial: "The lace is so soft, and the fit is incredibly empowering. I've never felt sexier.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/elegant-woman-smiling-high-quality-portr-1774608478653-2c7953b0.png" },
|
||||
{ id: "t2", name: "Elena M.", role: "Designer", testimonial: "Veloura Intimates redefined my daily essentials. The quality is truly luxury.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/happy-customer-candid-portrait-soft-natu-1774608479494-0ad1b4bb.png" },
|
||||
{ id: "t3", name: "Jade R.", role: "Influencer", testimonial: "Finding comfortable yet sexy lingerie was hard, until I found Veloura. Absolutely in love.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/confident-woman-modern-lifestyle-portrai-1774608481064-ac6015b3.png" },
|
||||
{ id: "t4", name: "Maya K.", role: "Model", testimonial: "Empowerment starts with the right foundation. These pieces are perfection.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/elegant-lifestyle-shot-confident-woman-s-1774608479091-dc9a830f.png" }
|
||||
]}
|
||||
title="Loved By Women Everywhere"
|
||||
description="Hear what our community says about feeling empowered and confident."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq-home" data-section="faq-home">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer shipping?",
|
||||
content: "Yes, we offer worldwide shipping. Free shipping on orders over $100.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer a 30-day hassle-free return policy for all unworn intimates.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I choose my size?",
|
||||
content: "Check our detailed size guide on each product page for a perfect fit.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Have questions? We have answers."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq-home" data-section="faq-home">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you offer shipping?", content: "Yes, we offer worldwide shipping. Free shipping on orders over $100." },
|
||||
{ id: "f2", title: "What is your return policy?", content: "We offer a 30-day hassle-free return policy for all unworn intimates." },
|
||||
{ id: "f3", title: "How do I choose my size?", content: "Check our detailed size guide on each product page for a perfect fit." }
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Have questions? We have answers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer-home" data-section="footer-home">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "Shapewear",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "Lace Sets",
|
||||
href: "/shop",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Sweet Temptation"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer-home" data-section="footer-home">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Shop All", href: "/shop" }, { label: "Shapewear", href: "/shop" }, { label: "Lace Sets", href: "/shop" }] },
|
||||
{ items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }, { label: "FAQ", href: "/faq" }] }
|
||||
]}
|
||||
logoText="Sweet Temptation"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -6,105 +6,49 @@ import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ShopPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
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">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Sweet Temptation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product-catalog" data-section="product-catalog">
|
||||
<ProductCatalog
|
||||
layout="page"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Luxe Lace Bralette",
|
||||
price: "$89",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/lingerie-set-on-a-clean-soft-background--1774608480054-6a6077dc.png?_wi=2",
|
||||
imageAlt: "Lingerie set on a clean, soft background",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Silk Comfort Shapewear",
|
||||
price: "$65",
|
||||
rating: 4,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/comfortable-shapewear-piece-modern-displ-1774608478965-7c91f17a.png?_wi=2",
|
||||
imageAlt: "Comfortable shapewear piece, modern display",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Signature Thong Set",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/delicate-thongs-and-panties-set-aestheti-1774608479170-ecc1d1e8.png?_wi=2",
|
||||
imageAlt: "Delicate thongs and panties set",
|
||||
},
|
||||
]}
|
||||
searchPlaceholder="Search for your perfect fit..."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "/shop",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Shipping Info",
|
||||
href: "/about",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Sweet Temptation"
|
||||
copyrightText="© 2025 Sweet Temptation | Premium Lingerie for Confidence"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="Sweet Temptation"
|
||||
button={{ text: "Contact Us", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="product-catalog" data-section="product-catalog">
|
||||
<ProductCatalog
|
||||
layout="page"
|
||||
products={[
|
||||
{ id: "1", name: "Luxe Lace Bralette", price: "$89", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/lingerie-set-on-a-clean-soft-background--1774608480054-6a6077dc.png", imageAlt: "Lingerie set on a clean, soft background" },
|
||||
{ id: "2", name: "Silk Comfort Shapewear", price: "$65", rating: 4, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/comfortable-shapewear-piece-modern-displ-1774608478965-7c91f17a.png", imageAlt: "Comfortable shapewear piece, modern display" },
|
||||
{ id: "3", name: "Signature Thong Set", price: "$45", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/delicate-thongs-and-panties-set-aestheti-1774608479170-ecc1d1e8.png", imageAlt: "Delicate thongs and panties set" }
|
||||
]}
|
||||
searchPlaceholder="Search for your perfect fit..."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "New Arrivals", href: "/shop" }, { label: "Best Sellers", href: "/shop" }] },
|
||||
{ title: "Support", items: [{ label: "Contact Us", href: "/contact" }, { label: "Shipping Info", href: "/about" }] }
|
||||
]}
|
||||
logoText="Sweet Temptation"
|
||||
copyrightText="© 2025 Sweet Temptation | Premium Lingerie for Confidence"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user