From 078393cd4231268e70ffe59770cd2eb628332256 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 29 Mar 2026 20:51:08 +0000
Subject: [PATCH] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 124 +++++++--------------------------------
 1 file changed, 21 insertions(+), 103 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index b842cea..7ff939e 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -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>
   );
-}
+}
\ No newline at end of file