Switch to version 1: modified src/app/page.tsx

src/app/page.tsx

@@ -32,7 +32,6 @@ export default function LandingPage() {
             { name: "Features", id: "features" },
             { name: "Testimonials", id: "testimonials" },
             { name: "Join", id: "contact" },
-            { name: "Contact", id: "/contact" },
             { name: "Location", id: "location" },
           ]}
         />
@@ -153,7 +152,7 @@ export default function LandingPage() {
           title="Join Youth Center Sport Field Today"
           description="Take the first step towards your fitness goals. Register now and become part of our thriving fitness community in Addis Ababa."
           buttons={[
-            { text: "Register Now", href: "/contact" },
+            { text: "Register Now", href: "#registration" },
             { text: "Learn More", href: "#features" },
           ]}
           buttonAnimation="slide-up"
@@ -162,6 +161,22 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="registration" data-section="registration">
+        <ContactCTA
+          tag="Join Our Gym"
+          tagIcon={CheckCircle}
+          tagAnimation="slide-up"
+          title="Registration Form"
+          description="Fill out the form below to join Youth Center Sport Field. We'll contact you soon to confirm your membership."
+          buttons={[
+            { text: "Submit Registration", href: "#contact" },
+          ]}
+          buttonAnimation="slide-up"
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+        />
+      </div>
+
       <div id="location" data-section="location">
         <ContactCTA
           tag="Find Us"
@@ -182,7 +197,7 @@ export default function LandingPage() {
         <FooterLogoReveal
           logoText="Youth Center"
           leftLink={{ text: "Privacy Policy", href: "#" }}
-          rightLink={{ text: "Contact Us", href: "/contact" }}
+          rightLink={{ text: "Contact Us", href: "#contact" }}
         />
       </div>
     </ThemeProvider>