Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -22,71 +22,53 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Gallery",
-          id: "/gallery",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Kim's Creations"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Gallery", id: "/gallery" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Kim's Creations"
+            button={{ text: "Get Started", href: "/contact" }}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Booking"
-      title="Ready to Celebrate?"
-      description="Reach out to discuss your event balloon needs. Let's make something amazing together."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Booking"
+            title="Ready to Celebrate?"
+            description="Reach out to discuss your event balloon needs. Let's make something amazing together."
+          />
+        </div>
 
-  <div id="legal" data-section="legal">
-      <LegalSection
-      layout="section"
-      title="Booking & Cancellation Policy"
-      sections={[
-        {
-          heading: "Deposit Terms",
-          content: {
-            type: "paragraph",
-            text: "A 50% non-refundable deposit is required to secure your date.",
-          },
-        },
-        {
-          heading: "Cancellation Policy",
-          content: {
-            type: "list",
-            items: [
-              "Cancel 14 days before: 50% refund",
-              "Cancel within 7 days: No refund",
-              "Date changes subject to availability",
-            ],
-          },
-        },
-      ]}
-    />
-  </div>
+        <div id="legal" data-section="legal">
+          <LegalSection
+            layout="section"
+            title="Booking & Cancellation Policy"
+            sections={[
+              {
+                heading: "Deposit Terms",                content: {
+                  text: "A 50% non-refundable deposit is required to secure your date."},
+              },
+              {
+                heading: "Cancellation Policy",                content: {
+                  items: [
+                    "Cancel 14 days before: 50% refund",                    "Cancel within 7 days: No refund",                    "Date changes subject to availability"],
+                },
+              },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Kim's Creations"
-      copyrightText="© 2025 Kim's Creations | Balloon Styling & Rentals"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Kim's Creations"
+            copyrightText="© 2025 Kim's Creations | Balloon Styling & Rentals"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );