Update src/app/admissions/page.tsx

src/app/admissions/page.tsx

@@ -9,9 +9,10 @@ import ReactLenis from "lenis/react";
 
 export default function AdmissionsPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarLayoutFloatingOverlay
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
             navItems={[
                 { name: "Home", id: "/" },
                 { name: "Admissions", id: "/admissions" },
@@ -19,23 +20,33 @@ export default function AdmissionsPage() {
                 { name: "About", id: "/#about" },
                 { name: "Contact", id: "/#contact" },
             ]}
-            brandName="SJHN"
-        />
-        <TimelineHorizontalCardStack 
+          />
+        </div>
+        <div id="timeline" data-section="timeline">
+          <TimelineHorizontalCardStack 
             title="Enrollment Process"
             description="Step-by-step guide to joining our school community."
             textboxLayout="default"
             className="pt-32"
-        />
-        <ContactSplitForm
+            useInvertedBackground={false}
+          >
+            <div />
+          </TimelineHorizontalCardStack>
+        </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
             title="Apply Now"
             description="Submit your application inquiry today."
             inputs={[{ name: "name", type: "text", placeholder: "Student Name" }, { name: "email", type: "email", placeholder: "Parent Email" }]}
-        />
-        <FooterBaseReveal
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
             logoText="SJHN"
             columns={[{ title: "Resources", items: [{ label: "Home", href: "/" }] }]} 
-        />
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );