Update src/app/contact/page.tsx

This commit is contained in:
2026-03-29 20:51:08 +00:00
parent a7f5fedbc6
commit 078393cd42

View File

@@ -7,116 +7,34 @@ import FaqBase from '@/components/sections/faq/FaqBase';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Shop",
id: "/shop",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Monte-Bellaria"
/>
</div>
<div id="contact-cta" data-section="contact-cta">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Inquire"
title="Get in Touch"
description="Have questions about our harvest or our technology? We would love to hear from you."
buttons={[
{
text: "Contact Us",
href: "mailto:hello@montebellaria.ai",
},
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
title="Support FAQ"
description="Need immediate answers?"
faqsAnimation="blur-reveal"
faqs={[
{
id: "f1",
title: "Shipping Times",
content: "3-5 business days.",
},
{
id: "f2",
title: "Returns",
content: "14-day hassle-free returns.",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Monte-Bellaria",
items: [
{
label: "About Us",
href: "/about",
},
{
label: "Shop",
href: "/shop",
},
{
label: "Contact",
href: "/contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
copyrightText="© 2024 Monte-Bellaria di California."
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Shop", id: "/shop"}, {name: "Contact", id: "/contact"}]} brandName="Monte-Bellaria" />
</div>
<div id="contact-cta" data-section="contact-cta">
<ContactCTA useInvertedBackground={false} background={{variant: "plain"}} tag="Inquire" title="Get in Touch" description="Have questions about our harvest or our technology? We would love to hear from you." buttons={[{text: "Contact Us", href: "mailto:hello@montebellaria.ai"}]} />
</div>
<div id="faq" data-section="faq">
<FaqBase textboxLayout="default" useInvertedBackground={false} title="Support FAQ" description="Need immediate answers?" faqsAnimation="blur-reveal" faqs={[{id: "f1", title: "Shipping Times", content: "3-5 business days."}, {id: "f2", title: "Returns", content: "14-day hassle-free returns."}]} />
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal columns={[{title: "Monte-Bellaria", items: [{label: "About Us", href: "/about"}, {label: "Shop", href: "/shop"}, {label: "Contact", href: "/contact"}]}, {title: "Legal", items: [{label: "Privacy Policy", href: "#"}, {label: "Terms of Service", href: "#"}]}]} copyrightText="© 2024 Monte-Bellaria di California." />
</div>
</ReactLenis>
</ThemeProvider>
);
}
}