diff --git a/src/app/page.tsx b/src/app/page.tsx
index 10d649b..1e897e9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,17 +19,19 @@ export default function Home() {
             ]}
             brandName="Luxuria"
         />
-        <ContactSplitForm
-            title="Get in Touch"
-            description="Ready to plan your next luxury escape? Contact us today."
-            inputs={[
-                { name: "email", type: "email", placeholder: "Email Address", required: true }, 
-                { name: "name", type: "text", placeholder: "Full Name", required: true },
-                { name: "message", type: "textarea", placeholder: "Tell us about your travel needs...", required: false }
-            ]}
-            useInvertedBackground={false}
-            onSubmit={(data) => console.log(data)}
-        />
+        <div id="contact">
+          <ContactSplitForm
+              title="Get in Touch"
+              description="Ready to plan your next luxury escape? Contact us today."
+              inputs={[
+                  { name: "name", type: "text", placeholder: "Full Name", required: true },
+                  { name: "email", type: "email", placeholder: "Email Address", required: true },
+                  { name: "message", type: "textarea", placeholder: "Tell us about your travel needs", required: false }
+              ]}
+              useInvertedBackground={false}
+              onSubmit={(data) => console.log(data)}
+          />
+        </div>
         <FooterBaseCard
             logoText="Luxuria"
             columns={[]}