src/app/demo-request/page.tsx

@@ -0,0 +1,58 @@
+"use client";
+
+import { useState } from "react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function DemoRequestPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="mediumLarge"
+        sizing="mediumLarge"
+        background="floatingGradient"
+        cardStyle="inset"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+            navItems={[
+                { name: "Dashboard", id: "hero" },
+                { name: "Features", id: "features" },
+                { name: "Pricing", id: "pricing" },
+                { name: "Contact", id: "contact" },
+            ]}
+            brandName="KosmosAI"
+            button={{ text: "Request Demo", href: "/demo-request" }}
+        />
+      </div>
+      
+      <div className="pt-32 pb-20">
+        <ContactSplit
+            tag="Get in Touch"
+            title="Request a Personalized Demo"
+            description="Discover how KosmosAI can transform your educational goals. Fill out the form and our team will reach out to schedule a live walkthrough tailored to your needs."
+            mediaPosition="right"
+            imageSrc="http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57448.jpg?_wi=1"
+            buttonText="Submit Request"
+            termsText="By submitting, you agree to be contacted by our team regarding your demo request."
+            onSubmit={(email) => console.log("Demo request for:", email)}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+            logoText="KosmosAI"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Terms of Service", href: "#" }}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -41,7 +41,7 @@ export default function LandingPage() {
       ]}
       brandName="KosmosAI"
       button={{
-        text: "Get Started",        href: "contact"}}
+        text: "Request Demo",        href: "/demo-request"}}
     />
   </div>
 
@@ -56,7 +56,7 @@ export default function LandingPage() {
         {
           text: "Start Learning",          href: "features"},
         {
-          text: "View Dashboard",          href: "contact"},
+          text: "Request Demo",          href: "/demo-request"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57448.jpg?_wi=1"
       imageAlt="KosmosAI Adaptive Dashboard"
@@ -154,7 +154,7 @@ export default function LandingPage() {
         {
           text: "Register Now"},
         {
-          text: "Request Demo"},
+          text: "Request Demo",          href: "/demo-request"},
       ]}
     />
   </div>
@@ -171,4 +171,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}