From b7da4257bb40dbc41771af04b7d496fbf4627041 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 4 Apr 2026 16:19:14 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 304 ++++++++++++++++-------------------------------
 1 file changed, 103 insertions(+), 201 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 52f4bf2..c930e56 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -25,213 +25,115 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-      ]}
-      brandName="Unipredict"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Features", id: "features" },
+              { name: "FAQ", id: "faq" },
+              { name: "Pricing", id: "pricing" }
+            ]}
+            brandName="Unipredict"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplit
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Predict Your Future in Germany"
-      description="Find your dream university in Germany with AI-driven insights and comprehensive search tools."
-      buttons={[
-        {
-          text: "Start Searching",
-          href: "#search",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/map-afghanistan-gold-glitter-map-dark-background_559531-10561.jpg"
-      imageAlt="Unipredict University Search Interface"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",
-          alt: "Student 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",
-          alt: "Student 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",
-          alt: "Student 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",
-          alt: "Student 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",
-          alt: "Student 5",
-        },
-      ]}
-      avatarText="Join 10,000+ successful students"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "AI-Powered Analysis",
-        },
-        {
-          type: "text",
-          text: "Real-time Data",
-        },
-        {
-          type: "text",
-          text: "Verified University Portals",
-        },
-        {
-          type: "text",
-          text: "Comprehensive Comparison",
-        },
-        {
-          type: "text",
-          text: "Seamless Enrollment",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplit
+            background={{ variant: "gradient-bars" }}
+            title="Predict Your Future in Germany"
+            description="Find your dream university in Germany with AI-driven insights and comprehensive search tools."
+            buttons={[{ text: "Start Searching", href: "#search" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/map-afghanistan-gold-glitter-map-dark-background_559531-10561.jpg"
+            imageAlt="Unipredict University Search Interface"
+            mediaAnimation="blur-reveal"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg", alt: "Student 1" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg", alt: "Student 2" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg", alt: "Student 3" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg", alt: "Student 4" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg", alt: "Student 5" }
+            ]}
+            avatarText="Join 10,000+ successful students"
+            marqueeItems={[
+              { type: "text", text: "AI-Powered Analysis" },
+              { type: "text", text: "Real-time Data" },
+              { type: "text", text: "Verified University Portals" },
+              { type: "text", text: "Comprehensive Comparison" },
+              { type: "text", text: "Seamless Enrollment" }
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSixteen
-      animationType="depth-3d"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      negativeCard={{
-        items: [
-          "No hidden costs",
-          "No outdated information",
-          "No complex navigation",
-          "No spammy content",
-          "No confusing bureaucracy",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "Accurate predictions",
-          "Easy university filtering",
-          "Comprehensive data",
-          "Global recognition",
-          "Career alignment",
-        ],
-      }}
-      title="Why Choose Unipredict?"
-      description="Powerful tools designed to simplify your German higher education journey."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSixteen
+            animationType="depth-3d"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            negativeCard={{ items: ["No hidden costs", "No outdated information", "No complex navigation", "No spammy content", "No confusing bureaucracy"] }}
+            positiveCard={{ items: ["Accurate predictions", "Easy university filtering", "Comprehensive data", "Global recognition", "Career alignment"] }}
+            title="Why Choose Unipredict?"
+            description="Powerful tools designed to simplify your German higher education journey."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={true}
-      title="Unipredict by the Numbers"
-      tag="Trusted Success"
-      metrics={[
-        {
-          id: "m1",
-          value: "500+",
-          description: "Universities Indexed",
-        },
-        {
-          id: "m2",
-          value: "10k+",
-          description: "Successful Students",
-        },
-        {
-          id: "m3",
-          value: "99%",
-          description: "Data Accuracy",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardFourteen
+            useInvertedBackground={true}
+            title="Unipredict by the Numbers"
+            tag="Trusted Success"
+            metrics={[
+              { id: "m1", value: "500+", description: "Universities Indexed" },
+              { id: "m2", value: "10k+", description: "Successful Students" },
+              { id: "m3", value: "99%", description: "Data Accuracy" }
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "How do I start?",
-          content: "Just enter your preferences and let our platform find the best universities for you.",
-        },
-        {
-          id: "f2",
-          title: "Is the data reliable?",
-          content: "Yes, we update our data directly from official university portals weekly.",
-        },
-        {
-          id: "f3",
-          title: "Is Unipredict free?",
-          content: "Yes, our basic university search and comparison features are completely free for all students.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Clear answers to help you navigate your university search."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "How do I start?", content: "Just enter your preferences and let our platform find the best universities for you." },
+              { id: "f2", title: "Is the data reliable?", content: "Yes, we update our data directly from official university portals weekly." },
+              { id: "f3", title: "Is Unipredict free?", content: "Yes, our basic university search and comparison features are completely free for all students." }
+            ]}
+            title="Frequently Asked Questions"
+            description="Clear answers to help you navigate your university search."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardEight
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardEight
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Choose Your Plan"
+            description="Select the perfect plan to boost your university application journey."
+            plans={[
+              { id: "basic", title: "Basic", price: "Free", features: ["Search Universities", "Basic Compare"] },
+              { id: "pro", title: "Pro", price: "$19", features: ["Advanced Analytics", "Priority Support"] },
+              { id: "enterprise", title: "Enterprise", price: "Custom", features: ["Personal Consultant", "Direct Enrollment Help"] }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="UNIPREDICT"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Unipredict. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="UNIPREDICT"
+            columns={[
+              {
+                title: "Company",                items: [{ label: "About", href: "#" }, { label: "Contact", href: "#" }]
+              },
+              {
+                title: "Legal",                items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }]
+              }
+            ]}
+            copyrightText="© 2024 Unipredict. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1