Update src/app/demo-request/page.tsx

Merge version_3 into main

src/app/demo-request/page.tsx

@@ -0,0 +1,57 @@
+"use client";
+
+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: "Home", id: "/" },
+                { name: "Demo Request", id: "/demo-request" },
+            ]}
+            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)}
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+        />
+      </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

@@ -31,17 +31,17 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Dashboard",          id: "#hero"},
+          name: "Dashboard",          id: "hero"},
         {
-          name: "Features",          id: "#features"},
+          name: "Features",          id: "features"},
         {
-          name: "Pricing",          id: "#pricing"},
+          name: "Pricing",          id: "pricing"},
         {
-          name: "Contact",          id: "#contact"},
+          name: "Contact",          id: "contact"},
       ]}
       brandName="KosmosAI"
       button={{
-        text: "Get Started",        href: "#contact"}}
+        text: "Request Demo",        href: "/demo-request"}}
     />
   </div>
 
@@ -54,9 +54,9 @@ export default function LandingPage() {
       tag="Next-Gen Intelligence"
       buttons={[
         {
-          text: "Start Learning",          href: "#features"},
+          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>