From 65ec20d13ce1614659b66721506882b4dc890e4a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 3 Apr 2026 17:50:08 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 395 +++++++++++++----------------------------------
 1 file changed, 109 insertions(+), 286 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8492fe9..89a0235 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,300 +16,123 @@ export default function LandingPage() {
         defaultButtonVariant="bounce-effect"
         defaultTextAnimation="entrance-slide"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "Predictor",
-          id: "#predictor",
-        },
-        {
-          name: "FAQ",
-          id: "#faq",
-        },
-      ]}
-      brandName="OdishaAdmission"
-      button={{
-        text: "Register",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "#hero" },
+              { name: "Features", id: "#features" },
+              { name: "Predictor", id: "#predictor" },
+              { name: "FAQ", id: "#faq" },
+            ]}
+            brandName="OdishaAdmission"
+            button={{ text: "Register", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Predict Your Best Future in Odisha"
-      description="Unlock your potential with our intelligent admission prediction tool. Get top Government HSS, Diploma, and BTech institute recommendations based on your actual merit."
-      kpis={[
-        {
-          value: "100+",
-          label: "Institutes Covered",
-        },
-        {
-          value: "95%",
-          label: "Prediction Accuracy",
-        },
-        {
-          value: "50k+",
-          label: "Students Helped",
-        },
-      ]}
-      enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Start Predicting",
-          href: "#predictor",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/classroom-class-study-academic-schedule_53876-133781.jpg"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-vector/academic-excellence-logo-template-vector-education-technology-with-graduation-cap-graphic_53876-125992.jpg",
-          alt: "Student 1",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b2g8m9",
-          alt: "Student 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/open-book-icon-symbol-yellow-background-education-bookstore-concept-3d-rendering_56104-1334.jpg",
-          alt: "Student 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/academic-excellence-logo-template-vector-education-technology-with-graduation-cap-graphic_53876-125992.jpg",
-          alt: "Student 4",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b2g8m9",
-          alt: "Student 5",
-        },
-      ]}
-      avatarText="Join 50,000+ successful students"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Fast Predictions",
-        },
-        {
-          type: "text",
-          text: "Government Verified",
-        },
-        {
-          type: "text",
-          text: "Caste Quota Optimized",
-        },
-        {
-          type: "text",
-          text: "Mobile Friendly",
-        },
-        {
-          type: "text",
-          text: "Secure & Private",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitKpi
+            background={{ variant: "gradient-bars" }}
+            title="Predict Your Best Future in Odisha"
+            description="Unlock your potential with our intelligent admission prediction tool. Get top Government HSS, Diploma, and BTech institute recommendations based on your actual merit."
+            kpis={[
+              { value: "100+", label: "Institutes Covered" },
+              { value: "95%", label: "Prediction Accuracy" },
+              { value: "50k+", label: "Students Helped" },
+            ]}
+            enableKpiAnimation={true}
+            buttons={[{ text: "Start Predicting", href: "#predictor" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/classroom-class-study-academic-schedule_53876-133781.jpg"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-vector/academic-excellence-logo-template-vector-education-technology-with-graduation-cap-graphic_53876-125992.jpg", alt: "Student 1" },
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b2g8m9", alt: "Student 2" },
+              { src: "http://img.b2bpic.net/free-photo/open-book-icon-symbol-yellow-background-education-bookstore-concept-3d-rendering_56104-1334.jpg", alt: "Student 3" },
+              { src: "http://img.b2bpic.net/free-vector/academic-excellence-logo-template-vector-education-technology-with-graduation-cap-graphic_53876-125992.jpg", alt: "Student 4" },
+              { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b2g8m9", alt: "Student 5" },
+            ]}
+            avatarText="Join 50,000+ successful students"
+            marqueeItems={[
+              { type: "text", text: "Fast Predictions" },
+              { type: "text", text: "Government Verified" },
+              { type: "text", text: "Caste Quota Optimized" },
+              { type: "text", text: "Mobile Friendly" },
+              { type: "text", text: "Secure & Private" },
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "step1",
-          title: "Account Registration",
-          tags: [
-            "Login",
-            "Secure",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/academic-excellence-logo-template-vector-education-technology-with-graduation-cap-graphic_53876-125992.jpg",
-        },
-        {
-          id: "step2",
-          title: "Enter Your Details",
-          tags: [
-            "Marks",
-            "Caste",
-            "Stream",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b2g8m9",
-        },
-        {
-          id: "step3",
-          title: "Get Prediction",
-          tags: [
-            "Top 10 List",
-            "Accuracy",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/open-book-icon-symbol-yellow-background-education-bookstore-concept-3d-rendering_56104-1334.jpg",
-        },
-      ]}
-      title="How Our Predictor Works"
-      description="Simple steps to discover the best government institutes for your academic growth."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { id: "step1", title: "Account Registration", tags: ["Login", "Secure"], imageSrc: "http://img.b2bpic.net/free-vector/academic-excellence-logo-template-vector-education-technology-with-graduation-cap-graphic_53876-125992.jpg" },
+              { id: "step2", title: "Enter Your Details", tags: ["Marks", "Caste", "Stream"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b2g8m9" },
+              { id: "step3", title: "Get Prediction", tags: ["Top 10 List", "Accuracy"], imageSrc: "http://img.b2bpic.net/free-photo/open-book-icon-symbol-yellow-background-education-bookstore-concept-3d-rendering_56104-1334.jpg" },
+            ]}
+            title="How Our Predictor Works"
+            description="Simple steps to discover the best government institutes for your academic growth."
+          />
+        </div>
 
-  <div id="predictor" data-section="predictor">
-      <PricingCardEight
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "matric",
-          badge: "10th Pass",
-          price: "HSS/Poly",
-          subtitle: "Find top HSS in Odisha",
-          buttons: [
-            {
-              text: "Select",
-            },
-          ],
-          features: [
-            "Select Stream",
-            "Check Quota",
-            "Top 10 Govt HSS",
-          ],
-        },
-        {
-          id: "btech",
-          badge: "12th Pass",
-          price: "BTech/Dip",
-          subtitle: "OJEE & Diploma Path",
-          buttons: [
-            {
-              text: "Select",
-            },
-          ],
-          features: [
-            "OJEE Score",
-            "Marks Input",
-            "Top Govt Colleges",
-          ],
-        },
-        {
-          id: "lateral",
-          badge: "Diploma/ITI",
-          price: "Lateral",
-          subtitle: "Lateral Entry Options",
-          buttons: [
-            {
-              text: "Select",
-            },
-          ],
-          features: [
-            "ITI/Diploma Marks",
-            "Caste Quota",
-            "BTech Direct",
-          ],
-        },
-      ]}
-      title="Select Your Career Path"
-      description="Choose your current qualification level to get targeted predictions."
-    />
-  </div>
+        <div id="predictor" data-section="predictor">
+          <PricingCardEight
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            plans={[
+              { id: "matric", badge: "10th Pass", price: "HSS/Poly", subtitle: "Find top HSS in Odisha", buttons: [{ text: "Select" }], features: ["Select Stream", "Check Quota", "Top 10 Govt HSS"] },
+              { id: "btech", badge: "12th Pass", price: "BTech/Dip", subtitle: "OJEE & Diploma Path", buttons: [{ text: "Select" }], features: ["OJEE Score", "Marks Input", "Top Govt Colleges"] },
+              { id: "lateral", badge: "Diploma/ITI", price: "Lateral", subtitle: "Lateral Entry Options", buttons: [{ text: "Select" }], features: ["ITI/Diploma Marks", "Caste Quota", "BTech Direct"] },
+            ]}
+            title="Select Your Career Path"
+            description="Choose your current qualification level to get targeted predictions."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Is the prediction guaranteed?",
-          content: "Our system provides recommendations based on previous year data trends, giving you a high-probability estimate for admissions.",
-        },
-        {
-          id: "q2",
-          title: "Can I add new institutes?",
-          content: "Yes, we have a feature where users can suggest adding new government institutes for our database update.",
-        },
-        {
-          id: "q3",
-          title: "Is it free for everyone?",
-          content: "Yes, this is a platform exclusively designed for Odisha students at no cost.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Everything you need to know about our admission system."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "Is the prediction guaranteed?", content: "Our system provides recommendations based on previous year data trends, giving you a high-probability estimate for admissions." },
+              { id: "q2", title: "Can I add new institutes?", content: "Yes, we have a feature where users can suggest adding new government institutes for our database update." },
+              { id: "q3", title: "Is it free for everyone?", content: "Yes, this is a platform exclusively designed for Odisha students at no cost." },
+            ]}
+            title="Frequently Asked Questions"
+            description="Everything you need to know about our admission system."
+            faqsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      text="Ready to find your perfect institute?"
-      buttons={[
-        {
-          text: "Register Now",
-          href: "#",
-        },
-        {
-          text: "Login",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            text="Ready to find your perfect institute?"
+            buttons={[{ text: "Register Now", href: "#" }, { text: "Login", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "OJEE Portal",
-              href: "#",
-            },
-            {
-              label: "Govt Sites",
-              href: "#",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-          ],
-        },
-      ]}
-      logoText="OdishaAdmission"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }, { label: "Privacy Policy", href: "#" }] },
+              { items: [{ label: "OJEE Portal", href: "#" }, { label: "Govt Sites", href: "#" }, { label: "FAQ", href: "#faq" }] },
+            ]}
+            logoText="OdishaAdmission"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1