Files
0555847f-b2ea-4858-8708-e6a…/src/app/about/page.tsx
2026-03-27 12:39:12 +00:00

146 lines
4.1 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="mediumLargeSizeMediumTitles"
background="aurora"
cardStyle="inset"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Shop",
id: "/shop",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Sweet Temptation"
/>
</div>
<div id="about-us" data-section="about-us">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Our Story"
description="Sweet Temptation was born from the belief that lingerie isn't just about what's underneath—it's about self-love. We empower women to embrace their femininity with grace, comfort, and allure."
metrics={[
{
value: "10k+",
title: "Happy Women",
},
{
value: "50+",
title: "Unique Designs",
},
]}
imageSrc="https://pixabay.com/get/gc8582bcaefe1fbc67ca1108c5c68fd2a373bb6a35f5f48d19d55f239d950d66fb7823fdc9a408079ddabf54dcf36ce58954e1541d7e83bd4bac90a54d018093a_1280.jpg?_wi=2"
mediaAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "Sizing Guide",
content: "Our sets run true to size. Use our online guide for accuracy.",
},
{
id: "2",
title: "Shipping",
content: "We offer free shipping on all orders over $75.",
},
{
id: "3",
title: "Returns",
content: "Items must be returned in original packaging within 30 days.",
},
{
id: "4",
title: "Gift Wrapping",
content: "Yes, we offer complimentary gift wrapping for all orders.",
},
{
id: "5",
title: "Fabric Care",
content: "We recommend hand washing all lace items in cold water.",
},
]}
title="Common Questions"
description="Everything you need to know about your order."
faqsAnimation="blur-reveal"
imageSrc="https://pixabay.com/get/gc62f2647603e7a628a824edd8a0ae202b11facfd6a67991e6e54540f10a885477737663cb1442e95f2351654bbe76220a2db0e70c4ad5b1c30a776203757d4d3_1280.jpg?_wi=6"
mediaAnimation="blur-reveal"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://pixabay.com/get/geedee6c42968428cc0e6baffd86d0629668546d1f337466b1b14761ac1baecb193ebec489e864a7d26b25dc747422aac371bd52930f99f2b5e939e9fb402d054_1280.jpg?_wi=3"
columns={[
{
title: "Shop",
items: [
{
label: "Sets",
href: "#",
},
{
label: "Bras",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "#",
},
{
label: "Contact",
href: "/contact",
},
],
},
]}
logoText="Sweet Temptation"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}