Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -13,38 +13,35 @@ export default function LandingPage() {
         defaultButtonVariant="expand-hover"
         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">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Herreras Concrete LLC"
+      button={{ text: "Contact Us", href: "/contact" }}
     />
   </div>
 
   <div id="contact-section" data-section="contact-section">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Get in Touch"
       title="Upgrade Your Property With Professional Concrete Work"
       description="Request your free estimate today and our team will get back to you within 24 hours."
       buttons={[
-        {
-          text: "Contact Us",
-          href: "/contact",
-        },
+        { text: "Contact Us", href: "/contact" },
       ]}
     />
   </div>
@@ -52,17 +49,12 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Get in Touch"
       title="Ready to Start Your Project?"
       description="Fill out the form or give us a call to discuss your concrete project needs. We provide fast, free estimates for all clients."
       buttons={[
-        {
-          text: "Contact Us",
-          href: "/contact",
-        },
+        { text: "Contact Us", href: "/contact" },
       ]}
     />
   </div>
@@ -74,20 +66,8 @@ export default function LandingPage() {
       title="Professionalism You Can Rely On"
       description="We maintain the highest standards of safety and project management for every site."
       features={[
-        {
-          tag: "Process",
-          title: "Quick Turnaround",
-          subtitle: "Efficient",
-          description: "We understand project timelines and aim for rapid, high-quality delivery.",
-          imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture-with-stairs_23-2149432950.jpg",
-        },
-        {
-          tag: "Expertise",
-          title: "Mastery",
-          subtitle: "Specialists",
-          description: "Our crews are experts in modern concrete finishes and structural pours.",
-          imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture_23-2149432954.jpg",
-        },
+        { tag: "Process", title: "Quick Turnaround", subtitle: "Efficient", description: "We understand project timelines and aim for rapid, high-quality delivery.", imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture-with-stairs_23-2149432950.jpg" },
+        { tag: "Expertise", title: "Mastery", subtitle: "Specialists", description: "Our crews are experts in modern concrete finishes and structural pours.", imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture_23-2149432954.jpg" },
       ]}
     />
   </div>
@@ -96,33 +76,16 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "/",
-            },
-            {
-              label: "Services",
-              href: "/",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
+          title: "Company",          items: [
+            { label: "About Us", href: "/" },
+            { label: "Services", href: "/" },
+            { label: "Contact", href: "/contact" },
           ],
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Licensed & Insured",
-              href: "#",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
+          title: "Legal",          items: [
+            { label: "Licensed & Insured", href: "#" },
+            { label: "Privacy Policy", href: "#" },
           ],
         },
       ]}