From e0f1ba5dc4ff6ef8090f1e8c26cdcdcd8f35f0b2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 16 Apr 2026 15:43:32 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 338 +++++++++++++++++------------------------------
 1 file changed, 121 insertions(+), 217 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 11bf1d7..dc24346 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,233 +18,137 @@ export default function LandingPage() {
         defaultButtonVariant="text-shift"
         defaultTextAnimation="reveal-blur"
         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">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Registration",
-          id: "#hero",
-        },
-        {
-          name: "Process",
-          id: "#features",
-        },
-        {
-          name: "Requirements",
-          id: "#about",
-        },
-        {
-          name: "FAQ",
-          id: "#faq",
-        },
-        {
-          name: "Support",
-          id: "#contact",
-        },
-      ]}
-      brandName="EduRegister"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Registration", id: "#hero" },
+              { name: "Process", id: "#features" },
+              { name: "Requirements", id: "#about" },
+              { name: "FAQ", id: "#faq" },
+              { name: "Support", id: "#contact" }
+            ]}
+            brandName="EduRegister"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogoBillboard
-      background={{
-        variant: "gradient-bars",
-      }}
-      logoText="Register for Your Exams"
-      description="Secure your examination slot today through our streamlined, digital registration portal. Start your journey toward success in just a few clicks."
-      buttons={[
-        {
-          text: "Start Registration",
-          href: "#contact",
-        },
-        {
-          text: "View Guidelines",
-          href: "#about",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/top-view-online-written-note-along-with-colorful-little-paper-notes-light-background-notepad-job-pen-school-office-business-money-color-work-copybook_179666-18248.jpg"
-      imageAlt="Exam Registration Portal Interface"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogoBillboard
+            background={{ variant: "gradient-bars" }}
+            logoText="Register for Your Exams"
+            description="Secure your examination slot today through our streamlined, digital registration portal. Start your journey toward success in just a few clicks."
+            buttons={[
+              { text: "Start Registration", href: "#contact" },
+              { text: "View Guidelines", href: "#about" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/top-view-online-written-note-along-with-colorful-little-paper-notes-light-background-notepad-job-pen-school-office-business-money-color-work-copybook_179666-18248.jpg"
+            imageAlt="Exam Registration Portal Interface"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyOne
-      useInvertedBackground={false}
-      title="Registration Made Simple"
-      description="Our platform is built to make examination management efficient, secure, and stress-free for both students and administrators."
-      accordionItems={[
-        {
-          id: "1",
-          title: "Real-time Verification",
-          content: "Instant confirmation of your registration status and eligibility check.",
-        },
-        {
-          id: "2",
-          title: "Secure Payments",
-          content: "Encrypted payment processing for all examination fees, ensuring your data safety.",
-        },
-        {
-          id: "3",
-          title: "Automatic Notifications",
-          content: "Receive email and text alerts regarding your exam schedule and venue updates.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/calendar-check-sign-front-side_187299-39400.jpg"
-      imageAlt="Registration Features"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyOne
+            useInvertedBackground={false}
+            title="Registration Made Simple"
+            description="Our platform is built to make examination management efficient, secure, and stress-free for both students and administrators."
+            accordionItems={[
+              { id: "1", title: "Real-time Verification", content: "Instant confirmation of your registration status and eligibility check." },
+              { id: "2", title: "Secure Payments", content: "Encrypted payment processing for all examination fees, ensuring your data safety." },
+              { id: "3", title: "Automatic Notifications", content: "Receive email and text alerts regarding your exam schedule and venue updates." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/calendar-check-sign-front-side_187299-39400.jpg"
+            imageAlt="Registration Features"
+            mediaAnimation="blur-reveal"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={true}
-      title="Examination Requirements"
-      description={[
-        "Ensure you have your student ID ready and a clear passport-sized photograph for the verification process.",
-        "Check our list of pre-requisite courses to ensure you meet all criteria before finalizing your registration.",
-        "Our system automatically verifies your academic history against the selected exam requirements to prevent errors.",
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            useInvertedBackground={true}
+            title="Examination Requirements"
+            description={[
+              "Ensure you have your student ID ready and a clear passport-sized photograph for the verification process.",              "Check our list of pre-requisite courses to ensure you meet all criteria before finalizing your registration.",              "Our system automatically verifies your academic history against the selected exam requirements to prevent errors."
+            ]}
+          />
+        </div>
 
-  <div id="success" data-section="success">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Alex Smith",
-          handle: "@alexs",
-          testimonial: "The easiest registration I've ever used. Done in minutes!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-holding-hands-tablet-computer-isolated_171337-14971.jpg",
-        },
-        {
-          id: "2",
-          name: "Maria Garcia",
-          handle: "@mariag",
-          testimonial: "Everything was clear, automated, and extremely fast.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-reading-home_1301-3902.jpg",
-        },
-        {
-          id: "3",
-          name: "David Kim",
-          handle: "@dkim",
-          testimonial: "Registration confirmation arrived within seconds. Impressed.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/student-showing-his-diploma_1098-1097.jpg",
-        },
-        {
-          id: "4",
-          name: "Elena Rossi",
-          handle: "@elenar",
-          testimonial: "Excellent interface. No manual paperwork required.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-smart-professional-young-male-student-with-dreads-yellow-tshirt-cr_1258-112172.jpg",
-        },
-        {
-          id: "5",
-          name: "John Doe",
-          handle: "@johnd",
-          testimonial: "A reliable system for all my academic exams.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/teenager-cheering-cheerful-copy-space-campus_1134-1166.jpg",
-        },
-      ]}
-      showRating={true}
-      title="Student Success Stories"
-      description="Hear from students who successfully registered and achieved their goals through our streamlined process."
-    />
-  </div>
+        <div id="success" data-section="success">
+          <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Alex Smith", handle: "@alexs", testimonial: "The easiest registration I've ever used. Done in minutes!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-holding-hands-tablet-computer-isolated_171337-14971.jpg" },
+              { id: "2", name: "Maria Garcia", handle: "@mariag", testimonial: "Everything was clear, automated, and extremely fast.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-reading-home_1301-3902.jpg" },
+              { id: "3", name: "David Kim", handle: "@dkim", testimonial: "Registration confirmation arrived within seconds. Impressed.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/student-showing-his-diploma_1098-1097.jpg" },
+              { id: "4", name: "Elena Rossi", handle: "@elenar", testimonial: "Excellent interface. No manual paperwork required.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-smart-professional-young-male-student-with-dreads-yellow-tshirt-cr_1258-112172.jpg" },
+              { id: "5", name: "John Doe", handle: "@johnd", testimonial: "A reliable system for all my academic exams.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/teenager-cheering-cheerful-copy-space-campus_1134-1166.jpg" }
+            ]}
+            showRating={true}
+            title="Student Success Stories"
+            description="Hear from students who successfully registered and achieved their goals through our streamlined process."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "100k+",
-          description: "Successful Registrations",
-        },
-        {
-          id: "m2",
-          value: "99.9%",
-          description: "Platform Reliability",
-        },
-        {
-          id: "m3",
-          value: "500+",
-          description: "Partner Institutions",
-        },
-      ]}
-      title="Platform Excellence"
-      description="Empowering students through advanced examination technology and seamless data management."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "m1", value: "100k+", description: "Successful Registrations" },
+              { id: "m2", value: "99.9%", description: "Platform Reliability" },
+              { id: "m3", value: "500+", description: "Partner Institutions" }
+            ]}
+            title="Platform Excellence"
+            description="Empowering students through advanced examination technology and seamless data management."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "How long does registration take?",
-          content: "Registration generally takes under 5 minutes when all documentation is ready.",
-        },
-        {
-          id: "q2",
-          title: "Is my payment data secure?",
-          content: "Yes, we use industry-standard encryption for all transaction and personal data.",
-        },
-        {
-          id: "q3",
-          title: "Can I edit my registration details?",
-          content: "Details can be edited until the final submission button is clicked.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Common queries answered regarding your registration journey."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "How long does registration take?", content: "Registration generally takes under 5 minutes when all documentation is ready." },
+              { id: "q2", title: "Is my payment data secure?", content: "Yes, we use industry-standard encryption for all transaction and personal data." },
+              { id: "q3", title: "Can I edit my registration details?", content: "Details can be edited until the final submission button is clicked." }
+            ]}
+            title="Frequently Asked Questions"
+            description="Common queries answered regarding your registration journey."
+            faqsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{
-        variant: "animated-grid",
-      }}
-      tag="Get Started"
-      title="Register Your Exam"
-      description="Ready to get started? Enter your email to begin the registration process immediately."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={true}
+            background={{ variant: "animated-grid" }}
+            tag="Get Started"
+            title="Register Your Exam"
+            description="Ready to get started? Enter your email to begin the registration process immediately."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="EduRegister"
-      leftLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Contact Support",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="EduRegister"
+            leftLink={{ text: "Terms of Service", href: "#" }}
+            rightLink={{ text: "Contact Support", href: "#contact" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1