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"
@@ -103,23 +103,7 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",          name: "Sarah Miller",          handle: "@sarahlearns",          testimonial: "KosmosAI completely changed my study routine for med school.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/sad-teenage-girl-with-book-her-hands-emotion-concept_169016-65739.jpg"},
-        {
-          id: "t2",          name: "David Chan",          handle: "@daviddev",          testimonial: "The adaptive quizzes are incredibly accurate and personalized.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/serious-looking-teenage-guy-posing-against-white-wall_176420-32501.jpg"},
-        {
-          id: "t3",          name: "Elena Rossi",          handle: "@elena_edu",          testimonial: "Visualizing my progress has kept me motivated daily.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/teenager-glasses-using-laptop_23-2147777275.jpg"},
-        {
-          id: "t4",          name: "Mark Evans",          handle: "@mark_evans",          testimonial: "The best AI-powered tutor I have used to date.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-with-pigtails-white-blouse-old-library_627829-6515.jpg"},
-        {
-          id: "t5",          name: "Sofia Gomez",          handle: "@sofiastudies",          testimonial: "Unmatched efficiency and retention tools.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-library_23-2149204750.jpg"},
-      ]}
+      testimonials={[]}
       showRating={true}
       title="Empowering Learners Worldwide"
       description="Join thousands of students and professionals achieving their goals with KosmosAI."
@@ -131,26 +115,7 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
-      plans={[
-        {
-          id: "p1",          title: "Basic",          price: "Free",          period: "/mo",          features: [
-            "Basic AI Chat",            "Flashcards",            "Daily Stats"],
-          button: {
-            text: "Start Free"},
-          imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57295.jpg",          imageAlt: "Man trading browsing online stock investments at night"},
-        {
-          id: "p2",          title: "Pro",          price: "$15",          period: "/mo",          features: [
-            "Full AI Tutoring",            "Exam Simulators",            "Priority Support"],
-          button: {
-            text: "Upgrade Pro"},
-          imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57448.jpg?_wi=2",          imageAlt: "Man trading browsing online stock investments at night"},
-        {
-          id: "p3",          title: "Elite",          price: "$39",          period: "/mo",          features: [
-            "Everything in Pro",            "Adaptive Roadmap",            "1-on-1 Mentoring"],
-          button: {
-            text: "Elite Access"},
-          imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-illustrated_23-2151877749.jpg?_wi=2",          imageAlt: "Man trading browsing online stock investments at night"},
-      ]}
+      plans={[]}
       title="Choose Your Success Plan"
       description="Unlock advanced AI features and accelerate your learning potential."
     />
@@ -189,7 +154,7 @@ export default function LandingPage() {
         {
           text: "Register Now"},
         {
-          text: "Request Demo"},
+          text: "Request Demo",          href: "/demo-request"},
       ]}
     />
   </div>