bender/83552029-8eac-40fc-b26b-6c97d398732c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #3

Merged
bender merged 5 commits from version_2 into main 2026-03-27 13:26:25 +00:00
Conversation 0 Commits 5 Files Changed 5 +128 -170
5 changed files with 128 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/app/about/page.tsx
View File

@@ -4,30 +4,34 @@ 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 TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import { Heart } from "lucide-react";
export default function AboutPage() {
return (
<ThemeProvider>
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="reveal-blur" borderRadius="soft" contentWidth="medium" sizing="medium" background="none" cardStyle="solid" primaryButtonStyle="gradient" secondaryButtonStyle="solid" headingFontWeight="normal">
<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"
/>
<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."
/>
<div id="nav" data-section="nav">
<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"
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
heading={[{ type: "text", content: "Celebrating You" }]}
useInvertedBackground={false}
ariaLabel="About section"
/>
</div>
<div id="footer" data-section="footer">
<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."
bottomRightText="Luxury Intimate Apparel"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

42
src/app/contact/page.tsx
View File

@@ -3,28 +3,36 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ContactForm from '@/components/form/ContactForm';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSimple from '@/components/sections/footer/FooterSimple';
export default function ContactPage() {
return (
<ThemeProvider>
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="reveal-blur" borderRadius="soft" contentWidth="medium" sizing="medium" background="none" cardStyle="solid" primaryButtonStyle="gradient" secondaryButtonStyle="solid" headingFontWeight="normal">
<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"
/>
<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."
/>
<div id="nav" data-section="nav">
<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"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
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."
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<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."
bottomRightText="Luxury Intimate Apparel"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

51
src/app/faq/page.tsx
View File

@@ -8,30 +8,35 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
export default function FaqPage() {
return (
<ThemeProvider>
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="reveal-blur" borderRadius="soft" contentWidth="medium" sizing="medium" background="none" cardStyle="solid" primaryButtonStyle="gradient" secondaryButtonStyle="solid" headingFontWeight="normal">
<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."
/>
<div id="nav" data-section="nav">
<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"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
title="Frequently Asked Questions"
description="Everything you need to know about our products, shipping, and returns."
faqsAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
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." }
]}
/>
</div>
<div id="footer" data-section="footer">
<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."
bottomRightText="Luxury Intimate Apparel"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

115
src/app/page.tsx
View File

@@ -14,105 +14,72 @@ 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);
}, []);
useEffect(() => { const timer = setTimeout(() => setShowPopup(true), 5000); return () => clearTimeout(timer); }, []);
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 defaultButtonVariant="text-stagger" defaultTextAnimation="reveal-blur" borderRadius="soft" contentWidth="small" sizing="mediumLargeSizeMediumTitles" background="none" cardStyle="inset" primaryButtonStyle="shadow" secondaryButtonStyle="solid" headingFontWeight="extrabold">
<ReactLenis root>
{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" },
]}
<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"
/>
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
<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="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="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="metric" data-section="metric">
<MetricCardThree
<ProductCardThree
title="Our Collections"
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
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" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
title="Empowered Women"
description="Hear what our community says about feeling their best in Sweet Temptation."
testimonials={[]}
textboxLayout="split"
useInvertedBackground={true}
/>
</div>
<div id="metric" data-section="metric">
<MetricCardThree
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" }]}
/>
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
<SocialProofOne
title="As Seen In"
description="Featured in world-class publications."
names={["Vogue", "Harper's Bazaar", "ELLE", "Marie Claire", "Cosmopolitan"]}
/>
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[]}
<FooterSimple
columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
bottomLeftText="© 2024 Sweet Temptation Inc."
bottomRightText="Luxury Intimate Apparel"
/>
/>
</div>
</ReactLenis>
</ThemeProvider>

48
src/app/shop/page.tsx
View File

@@ -8,58 +8,32 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
export default function ShopPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="medium"
sizing="mediumLargeSizeMediumTitles"
background="none"
cardStyle="inset"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
headingFontWeight="extrabold"
>
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="reveal-blur" borderRadius="soft" contentWidth="medium" 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" },
]}
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "About Us", id: "/about" }, { name: "Contact", id: "/contact" }, { name: "FAQ", id: "/faq" }]}
brandName="Sweet Temptation"
/>
</div>
<div className="bg-accent p-4 text-center font-bold text-sm">
✨ Free Shipping on all orders over $50! ✨
</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!"
description="Discover our delicate, hand-crafted lingerie selection."
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"
useInvertedBackground={false}
products={[
{ id: "1", brand: "Lace", name: "Midnight Lace Bra", price: "$45", rating: 5, reviewCount: "120", imageSrc: "..." },
{ id: "2", brand: "Sets", name: "Satin Dreams", price: "$55", rating: 5, reviewCount: "85", imageSrc: "..." },
{ id: "3", brand: "Shapewear", name: "Sculpt Body", price: "$65", rating: 4, reviewCount: "40", imageSrc: "..." }
]}
/>
</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: "#" }] },
]}
columns={[{ title: "Shop", items: [{ label: "Home", href: "/" }] }]}
bottomLeftText="© 2024 Sweet Temptation Inc."
bottomRightText="Luxury Intimate Apparel"
/>
@@ -67,4 +41,4 @@ export default function ShopPage() {
</ReactLenis>
</ThemeProvider>
);
}
}