Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -15,36 +15,21 @@ export default function LandingPage() {
         borderRadius="rounded"
         contentWidth="medium"
         sizing="mediumLargeSizeLargeTitles"
-        background="floatingGradient"
-        cardStyle="outline"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="glass"
+        background="noise"
+        cardStyle="glass-depth"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="layered"
         headingFontWeight="medium"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Portfolio",
-          id: "/portfolio",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "About", id: "/about" },
+        { name: "Services", id: "/services" },
+        { name: "Portfolio", id: "/portfolio" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="LocalWeb Studio"
     />
@@ -52,36 +37,21 @@ export default function LandingPage() {
 
   <div id="contact-form" data-section="contact-form">
       <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      useInvertedBackground={true}
+      background={{ variant: "radial-gradient" }}
       text="Let’s build your website. No pressure, just a quick conversation about your business needs. Reach out and let's get you online today."
-      buttons={[
-        {
-          text: "Contact Now",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Contact Now", href: "#" }]}
     />
   </div>
 
   <div id="faq" data-section="faq">
       <FaqSplitText
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       sideTitle="Questions Before We Chat?"
       faqsAnimation="slide-up"
       faqs={[
-        {
-          id: "c1",
-          title: "How do payments work?",
-          content: "We require a 50% deposit to start and 50% on completion.",
-        },
-        {
-          id: "c2",
-          title: "What if I have an existing site?",
-          content: "We can help you redesign it or migrate your existing data.",
-        },
+        { id: "c1", title: "How do payments work?", content: "We require a 50% deposit to start and 50% on completion." },
+        { id: "c2", title: "What if I have an existing site?", content: "We can help you redesign it or migrate your existing data." },
       ]}
     />
   </div>
@@ -90,28 +60,12 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Links",
-          items: [
-            {
-              label: "Home",
-              href: "/",
-            },
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Services",
-              href: "/services",
-            },
-            {
-              label: "Portfolio",
-              href: "/portfolio",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
+          title: "Links",          items: [
+            { label: "Home", href: "/" },
+            { label: "About", href: "/about" },
+            { label: "Services", href: "/services" },
+            { label: "Portfolio", href: "/portfolio" },
+            { label: "Contact", href: "/contact" },
           ],
         },
       ]}
@@ -122,4 +76,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}