Merge version_2 into main #2
@@ -2,134 +2,31 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import { Heart } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="none"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ThemeProvider>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Sweet Temptation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-us" data-section="about-us">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Story"
|
||||
description={[
|
||||
"At Sweet Temptation, we believe that beauty begins from within. Founded on the principle of radical self-love, our mission is to empower women to celebrate their bodies at every stage.",
|
||||
"Our lingerie is crafted with meticulous attention to detail, blending sensual aesthetics with everyday comfort. We design for the woman who demands elegance without compromising on feel.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Philosophy of Elegance"
|
||||
tag="Our Values"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/about",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Sets",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "Shapewear",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "Lace Items",
|
||||
href: "/shop",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Size Guide",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Sweet Temptation Inc."
|
||||
bottomRightText="Luxury Intimate Apparel"
|
||||
/>
|
||||
</div>
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "About Us", id: "/about" }, { name: "Contact", id: "/contact" }, { name: "FAQ", id: "/faq" }]}
|
||||
brandName="Sweet Temptation"
|
||||
/>
|
||||
<TestimonialAboutCard
|
||||
tag="Our Story"
|
||||
title="Celebrating You"
|
||||
description="At Sweet Temptation, we believe that beauty is a feeling. It starts with self-love and the confidence to embrace your authentic self."
|
||||
subdescription="Our mission is to create pieces that feel like a second skin, empowering you to walk through the world feeling beautiful, strong, and unapologetically you."
|
||||
icon={Heart}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-portrait-beautiful-sensual-brunette-woman-girl-elegant-beige-classic-clothes-model-with-red-lips-isolated-black_158538-9491.jpg"
|
||||
/>
|
||||
<FooterSimple
|
||||
columns={[{ title: "Shop", items: [{ label: "All Sets", href: "/shop" }] }, { title: "Support", items: [{ label: "Contact", href: "/contact" }, { label: "FAQ", href: "/faq" }] }, { title: "Company", items: [{ label: "About", href: "/about" }] }]}
|
||||
bottomLeftText="© 2024 Sweet Temptation Inc."
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -2,148 +2,28 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ContactForm from '@/components/form/ContactForm';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="none"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ThemeProvider>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Sweet Temptation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is your shipping policy?",
|
||||
content: "We offer free shipping on all orders over $75.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I return items?",
|
||||
content: "Yes, we accept returns on unworn items with tags within 30 days.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I choose the right size?",
|
||||
content: "Check our detailed size guide on each product page for precise measurements.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have answers to ensure your perfect fit."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Newsletter"
|
||||
title="Stay Updated"
|
||||
description="Join our community and get early access to our latest collections."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Sets",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "Shapewear",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "Lace Items",
|
||||
href: "/shop",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Size Guide",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Sweet Temptation Inc."
|
||||
bottomRightText="Luxury Intimate Apparel"
|
||||
/>
|
||||
</div>
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "About Us", id: "/about" }, { name: "Contact", id: "/contact" }, { name: "FAQ", id: "/faq" }]}
|
||||
brandName="Sweet Temptation"
|
||||
/>
|
||||
<ContactForm
|
||||
tag="Get in touch"
|
||||
title="How can we help?"
|
||||
description="Whether you have questions about orders or just want to share your experience, we're here for you."
|
||||
buttonText="Send Message"
|
||||
/>
|
||||
<FooterSimple
|
||||
columns={[{ title: "Shop", items: [{ label: "All Sets", href: "/shop" }] }, { title: "Support", items: [{ label: "Contact", href: "/contact" }, { label: "FAQ", href: "/faq" }] }, { title: "Company", items: [{ label: "About", href: "/about" }] }]}
|
||||
bottomLeftText="© 2024 Sweet Temptation Inc."
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
37
src/app/faq/page.tsx
Normal file
37
src/app/faq/page.tsx
Normal file
@@ -0,0 +1,37 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
|
||||
export default function FaqPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<ReactLenis root>
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "About Us", id: "/about" }, { name: "Contact", id: "/contact" }, { name: "FAQ", id: "/faq" }]}
|
||||
brandName="Sweet Temptation"
|
||||
/>
|
||||
<FaqBase
|
||||
tag="Help Center"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our products, shipping, and returns."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
faqs={[
|
||||
{ id: "1", title: "How do I find my size?", content: "Check our detailed size guide on each product page to find your perfect fit." },
|
||||
{ id: "2", title: "What materials do you use?", content: "We source only the finest, most durable lace and fabrics for maximum comfort." },
|
||||
{ id: "3", title: "How is shipping handled?", content: "We offer worldwide shipping with tracking information provided upon dispatch." },
|
||||
{ id: "4", title: "What is your return policy?", content: "We accept returns on unworn items within 30 days of purchase." }
|
||||
]}
|
||||
/>
|
||||
<FooterSimple
|
||||
columns={[{ title: "Shop", items: [{ label: "All Sets", href: "/shop" }] }, { title: "Support", items: [{ label: "Contact", href: "/contact" }, { label: "FAQ", href: "/faq" }] }, { title: "Company", items: [{ label: "About", href: "/about" }] }]}
|
||||
bottomLeftText="© 2024 Sweet Temptation Inc."
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
290
src/app/page.tsx
290
src/app/page.tsx
@@ -2,15 +2,24 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { useState, useEffect } from "react";
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { Award, Heart, Star } from "lucide-react";
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import { Award, Heart, Star, X } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
const [showPopup, setShowPopup] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
const timer = setTimeout(() => setShowPopup(true), 5000);
|
||||
return () => clearTimeout(timer);
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
@@ -25,214 +34,87 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Sweet Temptation"
|
||||
/>
|
||||
</div>
|
||||
{showPopup && (
|
||||
<div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm">
|
||||
<div className="bg-white p-8 rounded-lg max-w-sm w-full relative shadow-xl">
|
||||
<button onClick={() => setShowPopup(false)} className="absolute top-4 right-4"><X size={20}/></button>
|
||||
<h2 className="text-2xl font-bold mb-4">Get 10% off your first order 💌</h2>
|
||||
<input type="email" placeholder="Enter your email" className="w-full p-2 border rounded mb-4" />
|
||||
<button className="w-full bg-black text-white p-2 rounded">Subscribe</button>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About Us", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Sweet Temptation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Unleash Your Confidence"
|
||||
description="Luxury lingerie designed to make you feel irresistible."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "/shop",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-portrait-beautiful-sensual-brunette-woman-girl-elegant-beige-classic-clothes-model-with-red-lips-isolated-black_158538-9491.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Unleash Your Confidence"
|
||||
description="Luxury lingerie designed to make you feel irresistible."
|
||||
buttons={[{ text: "Shop Now", href: "/shop" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-portrait-beautiful-sensual-brunette-woman-girl-elegant-beige-classic-clothes-model-with-red-lips-isolated-black_158538-9491.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
date: "Oct 2023",
|
||||
title: "Absolutely stunning",
|
||||
quote: "The fit is perfect and the quality is unmatched. I feel so empowered every time I wear it.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-portrait-indoor_624325-3757.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-tender-young-woman-with-flowers-grey-wall_176420-2708.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elena M.",
|
||||
date: "Sep 2023",
|
||||
title: "Pure elegance",
|
||||
quote: "Sophisticated, comfortable, and truly luxury. It's exactly what I was looking for.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-adult-smiling-woman-wearing-white-clothing-looking-directly-camera-with-happy-expression-posing-green-meadow-sunset-sunrise_176532-14789.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204626.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chloe R.",
|
||||
date: "Aug 2023",
|
||||
title: "Confidence boost",
|
||||
quote: "I never knew lingerie could make me feel this confident. Highly recommend!",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-brunette-woman-looking-camera-isolated-background_8353-11793.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-shot-glad-woman-white-jacket-is-posing-beige-background_291650-431.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mia S.",
|
||||
date: "Jul 2023",
|
||||
title: "Daily luxury",
|
||||
quote: "Soft, breathable, and beautiful. My new favorite intimate set.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blond-girl-knitted-sweater-confidently-looking-away-escalator-modern-shopping-mall_574295-2257.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-woman-model-lady-with-red-lips-black-elegant-dress-sitting-sofa-near-gray-wall_158538-1881.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophie L.",
|
||||
date: "Jun 2023",
|
||||
title: "Exceptional fit",
|
||||
quote: "Finally, lingerie that fits perfectly and looks elegant. The lace is so delicate yet durable.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-portrait-indoor_624325-3757.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-tender-young-woman-with-flowers-grey-wall_176420-2708.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Empowered Women"
|
||||
description="Hear what our community says about feeling their best in Sweet Temptation."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
title="Our Collections"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{ id: "1", name: "Lace Lingerie Set", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-woman-model-lady-with-red-lips-black-elegant-dress-sitting-sofa-near-gray-wall_158538-1881.jpg" },
|
||||
{ id: "2", name: "Everyday Shapewear", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-portrait-indoor_624325-3757.jpg" },
|
||||
{ id: "3", name: "Delicate Thongs", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-brunette-woman-looking-camera-isolated-background_8353-11793.jpg" },
|
||||
{ id: "4", name: "Special Collection", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-tender-young-woman-with-flowers-grey-wall_176420-2708.jpg?_wi=1" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
description="Leading the way in luxury and comfort."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Heart,
|
||||
title: "Happy Customers",
|
||||
value: "10k+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Star,
|
||||
title: "Products Sold",
|
||||
value: "50k+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Years Active",
|
||||
value: "5",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[]}
|
||||
title="Empowered Women"
|
||||
description="Hear what our community says about feeling their best in Sweet Temptation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="As Seen In"
|
||||
description="Trusted by leading lifestyle and fashion publications."
|
||||
names={[
|
||||
"Vogue",
|
||||
"Harper's Bazaar",
|
||||
"ELLE",
|
||||
"Marie Claire",
|
||||
"Cosmopolitan",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
title="Our Impact"
|
||||
description="Leading the way in luxury and comfort."
|
||||
metrics={[{ id: "m1", icon: Heart, title: "Happy Customers", value: "10k+" }, { id: "m2", icon: Star, title: "Products Sold", value: "50k+" }, { id: "m3", icon: Award, title: "Years Active", value: "5" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Sets",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "Shapewear",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "Lace Items",
|
||||
href: "/shop",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Size Guide",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Sweet Temptation Inc."
|
||||
bottomRightText="Luxury Intimate Apparel"
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
title="As Seen In"
|
||||
names={["Vogue", "Harper's Bazaar", "ELLE", "Marie Claire", "Cosmopolitan"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[]}
|
||||
bottomLeftText="© 2024 Sweet Temptation Inc."
|
||||
bottomRightText="Luxury Intimate Apparel"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
79
src/app/product/detail/[id]/page.tsx
Normal file
79
src/app/product/detail/[id]/page.tsx
Normal file
@@ -0,0 +1,79 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { useState } from 'react';
|
||||
|
||||
export default function ProductDetailPage() {
|
||||
const [quantity, setQuantity] = useState(1);
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="none"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About Us", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Sweet Temptation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<main className="container mx-auto py-20 px-6">
|
||||
<div className="grid md:grid-cols-2 gap-12">
|
||||
<div className="space-y-4">
|
||||
<img src="http://img.b2bpic.net/free-photo/closeup-portrait-beautiful-sensual-brunette-woman-girl-elegant-beige-classic-clothes-model-with-red-lips-isolated-black_158538-9491.jpg" className="w-full rounded-lg" alt="Front view" />
|
||||
<div className="grid grid-cols-2 gap-4">
|
||||
<img src="http://img.b2bpic.net/free-photo/young-pretty-woman-portrait-indoor_624325-3757.jpg" className="w-full rounded-lg" alt="Back view" />
|
||||
<img src="http://img.b2bpic.net/free-photo/portrait-attractive-brunette-woman-looking-camera-isolated-background_8353-11793.jpg" className="w-full rounded-lg" alt="Close-up" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="space-y-6">
|
||||
<h1 className="text-4xl font-extrabold">Luxury Lace Set</h1>
|
||||
<p className="text-lg">Experience unparalleled elegance with our soft, stretchy, and breathable lace intimate set. Designed for a comfortable, flattering fit that empowers you.</p>
|
||||
<div className="space-y-2">
|
||||
<h3 className="font-bold">Features:</h3>
|
||||
<ul className="list-disc ml-5">
|
||||
<li>Soft & Breathable Fabric</li>
|
||||
<li>Flexible Stretchy Fit</li>
|
||||
<li>Premium Comfort Design</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="flex items-center gap-4">
|
||||
<button className="px-6 py-3 bg-black text-white rounded-full" onClick={() => alert('Added to cart!')}>Add to Cart</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "All Sets", href: "/shop" }] },
|
||||
{ title: "Support", items: [{ label: "Contact Us", href: "/contact" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/about" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Sweet Temptation Inc."
|
||||
bottomRightText="Luxury Intimate Apparel"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -3,18 +3,16 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import { ShieldCheck, ThumbsUp, Truck } from "lucide-react";
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ShopPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="none"
|
||||
cardStyle="inset"
|
||||
@@ -23,160 +21,49 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Sweet Temptation"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About Us", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Sweet Temptation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="shop-products" data-section="shop-products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ethereal Lace Set",
|
||||
price: "$45",
|
||||
variant: "Blush Pink",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-bra-lingerie_23-2150458278.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Signature Shapewear",
|
||||
price: "$38",
|
||||
variant: "Nude",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-elegant-silver-wedding-shoes-chair_8353-75.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Delicate Thong",
|
||||
price: "$15",
|
||||
variant: "Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/quality-female-lingerie-still-life_23-2150411336.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Luxury Silk Set",
|
||||
price: "$52",
|
||||
variant: "Gold",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-bra-lingerie_23-2150458278.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Our Collections"
|
||||
description="Explore our curated range of delicate lace, supportive shapewear, and signature sets."
|
||||
/>
|
||||
</div>
|
||||
<div className="bg-accent p-4 text-center font-bold text-sm">
|
||||
✨ Free Shipping on all orders over $50! ✨
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Quality Assured"
|
||||
description="Hand-picked materials and ethically sourced craftsmanship."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: ShieldCheck,
|
||||
title: "Materials",
|
||||
value: "Premium",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: ThumbsUp,
|
||||
title: "Satisfaction",
|
||||
value: "99%",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Truck,
|
||||
title: "Delivery",
|
||||
value: "Fast",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product" className="mt-12">
|
||||
<ProductCardTwo
|
||||
title="Our Collection"
|
||||
description="Discover our delicate, hand-crafted lingerie selection. Limited Stock - Don't miss out!"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{ id: "1", brand: "Lace", name: "Midnight Lace Bra", price: "$45 | 1 for $12, 2 for $20, 3 for $25", rating: 5, reviewCount: "(120)", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-beautiful-sensual-brunette-woman-girl-elegant-beige-classic-clothes-model-with-red-lips-isolated-black_158538-9491.jpg" },
|
||||
{ id: "2", brand: "Sets", name: "Satin Dreams", price: "$55 | 1 for $12, 2 for $20, 3 for $25", rating: 5, reviewCount: "(85)", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-tender-young-woman-with-flowers-grey-wall_176420-2708.jpg" },
|
||||
{ id: "3", brand: "Shapewear", name: "Sculpt Body", price: "$65 | 1 for $12, 2 for $20, 3 for $25", rating: 4, reviewCount: "(40)", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-brunette-woman-looking-camera-isolated-background_8353-11793.jpg" },
|
||||
{ id: "4", brand: "Panties", name: "Silk Comfort", price: "$35 | 1 for $12, 2 for $20, 3 for $25", rating: 5, reviewCount: "(200)", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-woman-model-lady-with-red-lips-black-elegant-dress-sitting-sofa-near-gray-wall_158538-1881.jpg" }
|
||||
]}
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Sets",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "Shapewear",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "Lace Items",
|
||||
href: "/shop",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Size Guide",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Sweet Temptation Inc."
|
||||
bottomRightText="Luxury Intimate Apparel"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer" className="mt-24">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "All Sets", href: "/shop" }, { label: "Shapewear", href: "/shop" }, { label: "Lace Items", href: "/shop" }] },
|
||||
{ title: "Support", items: [{ label: "Contact Us", href: "/contact" }, { label: "Size Guide", href: "/shop" }, { label: "FAQ", href: "/contact" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Sweet Temptation Inc."
|
||||
bottomRightText="Luxury Intimate Apparel"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user