Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
@@ -2,91 +2,54 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
|
||||
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">
|
||||
<NavbarStyleCentered
|
||||
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="about-story" data-section="about-story">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Confidence, redefined."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/about",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="main-footer" data-section="main-footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Veloura Intimates"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
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="about-story" data-section="about-story">
|
||||
<TextAbout
|
||||
title="Confidence, redefined."
|
||||
useInvertedBackground={true}
|
||||
buttons={[{ text: "Learn More", href: "/about" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="main-footer" data-section="main-footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Veloura Intimates"
|
||||
columns={[
|
||||
{ items: [{ label: "Shop", href: "/shop" }, { label: "About", href: "/about" }] },
|
||||
{ items: [{ label: "Support", href: "/contact" }, { label: "FAQ", href: "/faq" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -7,116 +7,70 @@ import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
|
||||
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">
|
||||
<NavbarStyleCentered
|
||||
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="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get in Touch"
|
||||
description="Have questions about our collections or need assistance with sizing? Our expert team is here to help you feel your best."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we assist you?",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="https://pixabay.com/get/g62de9503562c32fa90ab10bd03b29dc106c287bcb5447585b64b28d481fbf4917927e7183c1bd40e9c288a25dbc745647cc1f90292eed5bb31f64a1d192d02df_1280.jpg?_wi=2"
|
||||
imageAlt="elegant woman in lace lingerie luxury"
|
||||
buttonText="Send Message"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is your return policy?",
|
||||
content: "We accept returns on unworn items with tags attached within 30 days.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How do I find my size?",
|
||||
content: "Please refer to our detailed sizing guide located on each product page.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Quick answers to common questions about our brand."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Shipping Info",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Sweet Temptation | Luxury Lingerie"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
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="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Get in Touch"
|
||||
description="Have questions about our collections or need assistance with sizing? Our expert team is here to help you feel your best."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we assist you?", rows: 4, required: true }}
|
||||
imageSrc="https://pixabay.com/get/g62de9503562c32fa90ab10bd03b29dc106c287bcb5447585b64b28d481fbf4917927e7183c1bd40e9c288a25dbc745647cc1f90292eed5bb31f64a1d192d02df_1280.jpg"
|
||||
imageAlt="elegant woman in lace lingerie luxury"
|
||||
buttonText="Send Message"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Frequently Asked Questions"
|
||||
description="Quick answers to common questions about our brand."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "What is your return policy?", content: "We accept returns on unworn items with tags attached within 30 days." },
|
||||
{ id: "2", title: "How do I find my size?", content: "Please refer to our detailed sizing guide located on each product page." }
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Support", items: [{ label: "Shipping Info", href: "#" }, { label: "Returns", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Sweet Temptation | Luxury Lingerie"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -6,99 +6,55 @@ import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function FaqPage() {
|
||||
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">
|
||||
<NavbarStyleCentered
|
||||
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="faq-info" data-section="faq-info">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer hassle-free returns within 30 days.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do I find my size?",
|
||||
content: "Please check our comprehensive size guide.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer discreet shipping?",
|
||||
content: "All orders are shipped in unmarked, discreet packaging.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="main-footer" data-section="main-footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Veloura Intimates"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
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="faq-info" data-section="faq-info">
|
||||
<FaqSplitText
|
||||
faqs={[
|
||||
{ id: "q1", title: "What is your return policy?", content: "We offer hassle-free returns within 30 days." },
|
||||
{ id: "q2", title: "How do I find my size?", content: "Please check our comprehensive size guide." },
|
||||
{ id: "q3", title: "Do you offer discreet shipping?", content: "All orders are shipped in unmarked, discreet packaging." }
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="main-footer" data-section="main-footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Veloura Intimates"
|
||||
columns={[
|
||||
{ items: [{ label: "Shop", href: "/shop" }, { label: "About", href: "/about" }] },
|
||||
{ items: [{ label: "Support", href: "/contact" }, { label: "FAQ", href: "/faq" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
170
src/app/page.tsx
170
src/app/page.tsx
@@ -13,122 +13,64 @@ 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">
|
||||
<NavbarStyleCentered
|
||||
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="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
logoText="Sweet Temptation"
|
||||
description="Luxury lingerie designed to make you feel irresistible."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "/shop",
|
||||
},
|
||||
]}
|
||||
layoutOrder="default"
|
||||
imageSrc="https://pixabay.com/get/g62de9503562c32fa90ab10bd03b29dc106c287bcb5447585b64b28d481fbf4917927e7183c1bd40e9c288a25dbc745647cc1f90292eed5bb31f64a1d192d02df_1280.jpg?_wi=1"
|
||||
imageAlt="Model in premium lace lingerie"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="featured-products" data-section="featured-products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Midnight Lace Set",
|
||||
price: "$85.00",
|
||||
variant: "Black",
|
||||
imageSrc: "https://pixabay.com/get/gf646a3804eef9d9f89f4e8086c8d49fcdebcbc3e595629a13db67ecb98251bf0ef59ff042d80404b3e9673d80abed6d4a904350e32fbb7bff22ca730d663ef2e_1280.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Blush Silk Panty",
|
||||
price: "$35.00",
|
||||
variant: "Pink",
|
||||
imageSrc: "https://pixabay.com/get/g32427c22c1c5cab59559937ce6afc2917405a8354cf46e5e06167f8e04dc73a19bf428d83b754b5fb0881a7689a420a7785572e1b62f276b692a01d0cb1f5688_1280.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Empower Shapewear",
|
||||
price: "$65.00",
|
||||
variant: "Nude",
|
||||
imageSrc: "https://pixabay.com/get/gbf66679662ec42e923a5e3793e77ac2065f3a0f66533eea852fc0554e83f3619349cc34229eb02d6961a2c3277b81548df923a8e5e2483cb78285becd9aa3160_1280.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
title="Unleash Your Confidence"
|
||||
description="Discover our most seductive and empowering collections."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="main-footer" data-section="main-footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Veloura Intimates"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
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="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
logoText="Sweet Temptation"
|
||||
description="Luxury lingerie designed to make you feel irresistible."
|
||||
buttons={[{ text: "Shop Now", href: "/shop" }]}
|
||||
layoutOrder="default"
|
||||
imageSrc="https://pixabay.com/get/g62de9503562c32fa90ab10bd03b29dc106c287bcb5447585b64b28d481fbf4917927e7183c1bd40e9c288a25dbc745647cc1f90292eed5bb31f64a1d192d02df_1280.jpg"
|
||||
imageAlt="Model in premium lace lingerie"
|
||||
mediaAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="featured-products" data-section="featured-products">
|
||||
<ProductCardFour
|
||||
title="Unleash Your Confidence"
|
||||
description="Discover our most seductive and empowering collections."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Midnight Lace Set", price: "$85.00", variant: "Black", imageSrc: "https://pixabay.com/get/gf646a3804eef9d9f89f4e8086c8d49fcdebcbc3e595629a13db67ecb98251bf0ef59ff042d80404b3e9673d80abed6d4a904350e32fbb7bff22ca730d663ef2e_1280.jpg" },
|
||||
{ id: "p2", name: "Blush Silk Panty", price: "$35.00", variant: "Pink", imageSrc: "https://pixabay.com/get/g32427c22c1c5cab59559937ce6afc2917405a8354cf46e5e06167f8e04dc73a19bf428d83b754b5fb0881a7689a420a7785572e1b62f276b692a01d0cb1f5688_1280.jpg" },
|
||||
{ id: "p3", name: "Empower Shapewear", price: "$65.00", variant: "Nude", imageSrc: "https://pixabay.com/get/gbf66679662ec42e923a5e3793e77ac2065f3a0f66533eea852fc0554e83f3619349cc34229eb02d6961a2c3277b81548df923a8e5e2483cb78285becd9aa3160_1280.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="main-footer" data-section="main-footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Veloura Intimates"
|
||||
columns={[
|
||||
{ items: [{ label: "Shop", href: "/shop" }, { label: "About", href: "/about" }] },
|
||||
{ items: [{ label: "Support", href: "/contact" }, { label: "FAQ", href: "/faq" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -6,108 +6,53 @@ import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
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">
|
||||
<NavbarStyleCentered
|
||||
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="products" data-section="products">
|
||||
<ProductCatalog
|
||||
layout="page"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Midnight Lace Bodysuit",
|
||||
price: "$89",
|
||||
imageSrc: "https://pixabay.com/get/gf646a3804eef9d9f89f4e8086c8d49fcdebcbc3e595629a13db67ecb98251bf0ef59ff042d80404b3e9673d80abed6d4a904350e32fbb7bff22ca730d663ef2e_1280.jpg?_wi=2",
|
||||
imageAlt: "black lace lingerie set close up",
|
||||
rating: 5,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Blush Silk Briefs",
|
||||
price: "$35",
|
||||
imageSrc: "https://pixabay.com/get/g32427c22c1c5cab59559937ce6afc2917405a8354cf46e5e06167f8e04dc73a19bf428d83b754b5fb0881a7689a420a7785572e1b62f276b692a01d0cb1f5688_1280.jpg?_wi=2",
|
||||
imageAlt: "silk blush pink panty studio",
|
||||
rating: 4,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Veloura Signature Shapewear",
|
||||
price: "$55",
|
||||
imageSrc: "https://pixabay.com/get/gbf66679662ec42e923a5e3793e77ac2065f3a0f66533eea852fc0554e83f3619349cc34229eb02d6961a2c3277b81548df923a8e5e2483cb78285becd9aa3160_1280.jpg?_wi=2",
|
||||
imageAlt: "shapewear nude studio shot fashion",
|
||||
rating: 5,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "/shop",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Sweet Temptation | Luxury Lingerie"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
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="products" data-section="products">
|
||||
<ProductCatalog
|
||||
layout="page"
|
||||
products={[
|
||||
{ id: "1", name: "Midnight Lace Bodysuit", price: "$89", imageSrc: "https://pixabay.com/get/gf646a3804eef9d9f89f4e8086c8d49fcdebcbc3e595629a13db67ecb98251bf0ef59ff042d80404b3e9673d80abed6d4a904350e32fbb7bff22ca730d663ef2e_1280.jpg", imageAlt: "black lace lingerie set close up", rating: 5 },
|
||||
{ id: "2", name: "Blush Silk Briefs", price: "$35", imageSrc: "https://pixabay.com/get/g32427c22c1c5cab59559937ce6afc2917405a8354cf46e5e06167f8e04dc73a19bf428d83b754b5fb0881a7689a420a7785572e1b62f276b692a01d0cb1f5688_1280.jpg", imageAlt: "silk blush pink panty studio", rating: 4 },
|
||||
{ id: "3", name: "Veloura Signature Shapewear", price: "$55", imageSrc: "https://pixabay.com/get/gbf66679662ec42e923a5e3793e77ac2065f3a0f66533eea852fc0554e83f3619349cc34229eb02d6961a2c3277b81548df923a8e5e2483cb78285becd9aa3160_1280.jpg", imageAlt: "shapewear nude studio shot fashion", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "New Arrivals", href: "/shop" }, { label: "Best Sellers", href: "/shop" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Sweet Temptation | Luxury Lingerie"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user