Update src/app/contact/page.tsx

This commit is contained in:
2026-03-27 10:37:59 +00:00
parent 0457d2b4d5
commit fde4df738c

View File

@@ -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>
);
}
}