From 4b32ae88d4a0468cf717b79f69be6cd373e189a2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 7 Jun 2026 14:54:37 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 281 +++++++++++------------------------------------
 1 file changed, 62 insertions(+), 219 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b174381..60fb9c1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,29 +33,17 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "#hero",
-        },
+          name: "Home",          id: "#hero"},
         {
-          name: "Features",
-          id: "#features",
-        },
+          name: "Features",          id: "#features"},
         {
-          name: "How It Works",
-          id: "#about",
-        },
+          name: "How It Works",          id: "#about"},
         {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
+          name: "Testimonials",          id: "#testimonials"},
         {
-          name: "FAQ",
-          id: "#faq",
-        },
+          name: "FAQ",          id: "#faq"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tg2lt3"
       logoAlt="StudyAI Logo"
@@ -68,65 +56,40 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboard
       background={{
-        variant: "animated-grid",
-      }}
+        variant: "animated-grid"}}
       title="Convert PYQs into Smart Question Banks Instantly"
       description="Upload your syllabus and past papers. Our AI generates solved notes, topicwise organization, and practice drills—all in minutes. Study smarter, not harder."
       buttons={[
         {
-          text: "Start Free Trial",
-          href: "#contact",
-        },
+          text: "Start Free Trial",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/education-application-knowledge-development-concept_53876-105721.jpg"
       imageAlt="AI-powered study dashboard interface"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/young-female-t-shirt-jacket-looking-camera-looking-puzzled-front-view_176474-85410.jpg",
-          alt: "Determined student headshot",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-female-t-shirt-jacket-looking-camera-looking-puzzled-front-view_176474-85410.jpg",          alt: "Determined student headshot"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-beautiful-lady-with-dark-curly-hair-khaki-shirt-holding-laptop-with-notepad-cup-coffee-go-hands-dreamily-looking-camera-isolated_574295-2237.jpg",
-          alt: "Focused young adult portrait",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-beautiful-lady-with-dark-curly-hair-khaki-shirt-holding-laptop-with-notepad-cup-coffee-go-hands-dreamily-looking-camera-isolated_574295-2237.jpg",          alt: "Focused young adult portrait"},
         {
-          src: "http://img.b2bpic.net/free-photo/attractive-young-female-model-wearing-rectangular-glasses-posing-indoors-against-wooden-wall_273609-1878.jpg",
-          alt: "Confident student smiling",
-        },
+          src: "http://img.b2bpic.net/free-photo/attractive-young-female-model-wearing-rectangular-glasses-posing-indoors-against-wooden-wall_273609-1878.jpg",          alt: "Confident student smiling"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-touching-his-ears_1298-152.jpg",
-          alt: "Young person studying",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-touching-his-ears_1298-152.jpg",          alt: "Young person studying"},
         {
-          src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-glasses-posing_23-2148422236.jpg",
-          alt: "Thoughtful academic professional",
-        },
+          src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-glasses-posing_23-2148422236.jpg",          alt: "Thoughtful academic professional"},
       ]}
       avatarText="Trusted by 50,000+ Students Worldwide"
       marqueeItems={[
         {
-          type: "text",
-          text: "AI-Powered Insights",
-        },
+          type: "text",          text: "AI-Powered Insights"},
         {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/3d-render-glowing-brain-with-abstract-programming-code_1048-5765.jpg",
-          alt: "Stylized brain icon with data points",
-        },
+          type: "image",          src: "http://img.b2bpic.net/free-photo/3d-render-glowing-brain-with-abstract-programming-code_1048-5765.jpg",          alt: "Stylized brain icon with data points"},
         {
-          type: "text",
-          text: "Master Any Exam",
-        },
+          type: "text",          text: "Master Any Exam"},
         {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/business-growth-economy-with-arrow-polls_23-2148445501.jpg",
-          alt: "Graph showing upward trend",
-        },
+          type: "image",          src: "http://img.b2bpic.net/free-photo/business-growth-economy-with-arrow-polls_23-2148445501.jpg",          alt: "Graph showing upward trend"},
         {
-          type: "text",
-          text: "Study Smarter, Not Harder",
-        },
+          type: "text",          text: "Study Smarter, Not Harder"},
       ]}
       marqueeSpeed={40}
       showMarqueeCard={true}
@@ -142,17 +105,11 @@ export default function LandingPage() {
       description="StudyAI is engineered to address the core challenges students face during exam preparation. We consolidate scattered resources, automate note-taking, and provide structured practice, ensuring every study session is highly effective and focused."
       bulletPoints={[
         {
-          title: "Time-Saving Efficiency",
-          description: "Automate tedious tasks like note-taking and question organization, giving you more time to focus on learning.",
-        },
+          title: "Time-Saving Efficiency",          description: "Automate tedious tasks like note-taking and question organization, giving you more time to focus on learning."},
         {
-          title: "Comprehensive Learning",
-          description: "Gain access to detailed solved notes and in-depth explanations for every question, ensuring deep understanding.",
-        },
+          title: "Comprehensive Learning",          description: "Gain access to detailed solved notes and in-depth explanations for every question, ensuring deep understanding."},
         {
-          title: "Personalized Practice",
-          description: "Our AI identifies your weak areas and creates adaptive practice sessions tailored to your syllabus and learning pace.",
-        },
+          title: "Personalized Practice",          description: "Our AI identifies your weak areas and creates adaptive practice sessions tailored to your syllabus and learning pace."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/public-examination-preparation-concept_23-2149369834.jpg"
       imageAlt="Student using AI to organize study materials"
@@ -167,51 +124,27 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "qbank",
-          label: "Instant Q-Bank Generation",
-          title: "Smart Question Bank Creation",
-          items: [
-            "Upload past papers & syllabi",
-            "AI structures topic-wise Q-banks",
-            "Multiple practice formats",
-            "Seamless integration with study plans",
-          ],
+          id: "qbank",          label: "Instant Q-Bank Generation",          title: "Smart Question Bank Creation",          items: [
+            "Upload past papers & syllabi",            "AI structures topic-wise Q-banks",            "Multiple practice formats",            "Seamless integration with study plans"],
           buttons: [
             {
-              text: "Explore Q-Banks",
-            },
+              text: "Explore Q-Banks"},
           ],
         },
         {
-          id: "notes",
-          label: "In-Depth Explanations",
-          title: "Comprehensive Solved Notes",
-          items: [
-            "Step-by-step solutions for every question",
-            "Contextual explanations & background theory",
-            "Visual aids for complex topics",
-            "Reduces need for external research",
-          ],
+          id: "notes",          label: "In-Depth Explanations",          title: "Comprehensive Solved Notes",          items: [
+            "Step-by-step solutions for every question",            "Contextual explanations & background theory",            "Visual aids for complex topics",            "Reduces need for external research"],
           buttons: [
             {
-              text: "View Sample Notes",
-            },
+              text: "View Sample Notes"},
           ],
         },
         {
-          id: "drills",
-          label: "Targeted Improvement",
-          title: "Adaptive Practice Drills",
-          items: [
-            "AI identifies weak areas",
-            "Generates personalized practice sets",
-            "Tracks progress & performance",
-            "Ensures focused revision",
-          ],
+          id: "drills",          label: "Targeted Improvement",          title: "Adaptive Practice Drills",          items: [
+            "AI identifies weak areas",            "Generates personalized practice sets",            "Tracks progress & performance",            "Ensures focused revision"],
           buttons: [
             {
-              text: "Start Practice Session",
-            },
+              text: "Start Practice Session"},
           ],
         },
       ]}
@@ -224,25 +157,17 @@ export default function LandingPage() {
       <MetricCardThree
       textboxLayout="default"
       useInvertedBackground={true}
+      animationType="slide-up"
       metrics={[
         {
-          id: "students",
-          icon: Users,
-          title: "Students Empowered",
-          value: "50,000+",
-        },
+          id: "students",          icon: Users,
+          title: "Students Empowered",          value: "50,000+"},
         {
-          id: "questions",
-          icon: HelpCircle,
-          title: "Questions Generated",
-          value: "100M+",
-        },
+          id: "questions",          icon: HelpCircle,
+          title: "Questions Generated",          value: "100M+"},
         {
-          id: "scores",
-          icon: TrendingUp,
-          title: "Improved Exam Scores",
-          value: "90%",
-        },
+          id: "scores",          icon: TrendingUp,
+          title: "Improved Exam Scores",          value: "90%"},
       ]}
       title="Results That Speak for Themselves"
       description="Join thousands of students achieving their academic goals with StudyAI's proven methodology."
@@ -254,14 +179,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "EduTech Innovators",
-        "Exam Success Institute",
-        "Global Learning Alliance",
-        "Future Scholars Network",
-        "Academic Growth Partners",
-        "Digital Learning Hub",
-        "Success Path Academy",
-      ]}
+        "EduTech Innovators",        "Exam Success Institute",        "Global Learning Alliance",        "Future Scholars Network",        "Academic Growth Partners",        "Digital Learning Hub",        "Success Path Academy"]}
       title="Trusted by Top Institutions & Educators"
       description="Leading educational organizations and experts leverage StudyAI to enhance their curriculum and student outcomes."
       speed={40}
@@ -275,50 +193,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          title: "JEE Prep Revolutionized!",
-          quote: "StudyAI completely transformed my JEE prep. The topic-wise Q-banks and detailed solutions saved me countless hours of effort and made complex subjects understandable. Highly recommended for serious aspirants!",
-          name: "Rohan Sharma",
-          role: "JEE Aspirant",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-indian-guy-plaid-shirt-smiling-holds-his-hand-chin-studio-photo-against-dark-textured-wall_613910-20321.jpg",
-          imageAlt: "Rohan Sharma",
-        },
+          id: "1",          title: "JEE Prep Revolutionized!",          quote: "StudyAI completely transformed my JEE prep. The topic-wise Q-banks and detailed solutions saved me countless hours of effort and made complex subjects understandable. Highly recommended for serious aspirants!",          name: "Rohan Sharma",          role: "JEE Aspirant",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-indian-guy-plaid-shirt-smiling-holds-his-hand-chin-studio-photo-against-dark-textured-wall_613910-20321.jpg",          imageAlt: "Rohan Sharma"},
         {
-          id: "2",
-          title: "A Teacher's Best Friend",
-          quote: "As an educator, creating structured practice materials used to be a huge chore. StudyAI does it in minutes, letting me focus on actual teaching and student interaction, not content creation.",
-          name: "Priya Singh",
-          role: "Physics Educator",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-teaching-classroom_23-2151696436.jpg",
-          imageAlt: "Priya Singh",
-        },
+          id: "2",          title: "A Teacher's Best Friend",          quote: "As an educator, creating structured practice materials used to be a huge chore. StudyAI does it in minutes, letting me focus on actual teaching and student interaction, not content creation.",          name: "Priya Singh",          role: "Physics Educator",          imageSrc: "http://img.b2bpic.net/free-photo/woman-teaching-classroom_23-2151696436.jpg",          imageAlt: "Priya Singh"},
         {
-          id: "3",
-          title: "NEET Concepts Made Easy",
-          quote: "The solved notes are a game-changer for NEET. I finally understood complex concepts without needing multiple books, thanks to the clear and concise explanations provided by StudyAI.",
-          name: "Ananya Gupta",
-          role: "NEET Aspirant",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-reading-home_1301-3902.jpg",
-          imageAlt: "Ananya Gupta",
-        },
+          id: "3",          title: "NEET Concepts Made Easy",          quote: "The solved notes are a game-changer for NEET. I finally understood complex concepts without needing multiple books, thanks to the clear and concise explanations provided by StudyAI.",          name: "Ananya Gupta",          role: "NEET Aspirant",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-reading-home_1301-3902.jpg",          imageAlt: "Ananya Gupta"},
         {
-          id: "4",
-          title: "Board Exams: A Breeze!",
-          quote: "My board exam scores saw a significant jump after using StudyAI for revision. The adaptive practice drills are incredibly effective, helping me to identify and strengthen my weak points.",
-          name: "Vishal Kumar",
-          role: "Board Exam Student",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-yellow-jacket_176474-48711.jpg",
-          imageAlt: "Vishal Kumar",
-        },
+          id: "4",          title: "Board Exams: A Breeze!",          quote: "My board exam scores saw a significant jump after using StudyAI for revision. The adaptive practice drills are incredibly effective, helping me to identify and strengthen my weak points.",          name: "Vishal Kumar",          role: "Board Exam Student",          imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-yellow-jacket_176474-48711.jpg",          imageAlt: "Vishal Kumar"},
         {
-          id: "5",
-          title: "UPSC Dream Achieved",
-          quote: "I highly recommend StudyAI for any competitive exam, especially UPSC. It cuts through the clutter and keeps your study organized and efficient. It's truly a smarter way to prepare!",
-          name: "Sarah Khan",
-          role: "UPSC Aspirant",
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-traveler-brunette-female-eyeglasses-dressed-denim-shirt_613910-8490.jpg",
-          imageAlt: "Sarah Khan",
-        },
+          id: "5",          title: "UPSC Dream Achieved",          quote: "I highly recommend StudyAI for any competitive exam, especially UPSC. It cuts through the clutter and keeps your study organized and efficient. It's truly a smarter way to prepare!",          name: "Sarah Khan",          role: "UPSC Aspirant",          imageSrc: "http://img.b2bpic.net/free-photo/positive-traveler-brunette-female-eyeglasses-dressed-denim-shirt_613910-8490.jpg",          imageAlt: "Sarah Khan"},
       ]}
       title="Hear From Our Successful Students"
       description="Don't just take our word for it—see how StudyAI has transformed exam preparation for competitive aspirants nationwide."
@@ -331,35 +214,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "1",
-          title: "What is StudyAI?",
-          content: "StudyAI is an AI-powered platform that helps students convert past year questions (PYQs) and syllabi into organized question banks with comprehensive solved notes and practice drills.",
-        },
+          id: "1",          title: "What is StudyAI?",          content: "StudyAI is an AI-powered platform that helps students convert past year questions (PYQs) and syllabi into organized question banks with comprehensive solved notes and practice drills."},
         {
-          id: "2",
-          title: "How does StudyAI create question banks?",
-          content: "Simply upload your syllabus or past papers, and our AI analyzes the content to instantly generate topic-wise question banks, complete with solutions and detailed explanations.",
-        },
+          id: "2",          title: "How does StudyAI create question banks?",          content: "Simply upload your syllabus or past papers, and our AI analyzes the content to instantly generate topic-wise question banks, complete with solutions and detailed explanations."},
         {
-          id: "3",
-          title: "Which exams does StudyAI support?",
-          content: "StudyAI is designed for a wide range of competitive exams including JEE, NEET, UPSC, and various board examinations across India.",
-        },
+          id: "3",          title: "Which exams does StudyAI support?",          content: "StudyAI is designed for a wide range of competitive exams including JEE, NEET, UPSC, and various board examinations across India."},
         {
-          id: "4",
-          title: "Can educators use StudyAI?",
-          content: "Yes, educators can utilize StudyAI to quickly create curated question banks and study materials for their students, saving valuable preparation time and improving lesson quality.",
-        },
+          id: "4",          title: "Can educators use StudyAI?",          content: "Yes, educators can utilize StudyAI to quickly create curated question banks and study materials for their students, saving valuable preparation time and improving lesson quality."},
         {
-          id: "5",
-          title: "Is there a free trial available?",
-          content: "Yes, we offer a free trial that allows you to experience the core features of StudyAI. Simply sign up on our website to get started and explore the benefits.",
-        },
+          id: "5",          title: "Is there a free trial available?",          content: "Yes, we offer a free trial that allows you to experience the core features of StudyAI. Simply sign up on our website to get started and explore the benefits."},
         {
-          id: "6",
-          title: "How does StudyAI improve learning efficiency?",
-          content: "By automating note compilation, organizing study materials, and providing adaptive practice, StudyAI helps students study smarter, reduce cognitive overload, and improve retention and recall.",
-        },
+          id: "6",          title: "How does StudyAI improve learning efficiency?",          content: "By automating note compilation, organizing study materials, and providing adaptive practice, StudyAI helps students study smarter, reduce cognitive overload, and improve retention and recall."},
       ]}
       title="Frequently Asked Questions"
       description="Find quick answers to common questions about StudyAI, its features, and how it can supercharge your study routine."
@@ -371,8 +236,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={true}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Ready to Transform Your Study?"
       title="Join StudyAI Today"
       description="Enter your email to start your free trial and experience smarter, more efficient exam preparation with AI-powered tools."
@@ -386,54 +250,33 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Product",
-          items: [
+          title: "Product",          items: [
             {
-              label: "Features",
-              href: "#features",
-            },
+              label: "Features",              href: "#features"},
             {
-              label: "How It Works",
-              href: "#about",
-            },
+              label: "How It Works",              href: "#about"},
             {
-              label: "Pricing",
-              href: "#",
-            },
+              label: "Pricing",              href: "#"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "About Us",              href: "#about"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
         {
-          title: "Resources",
-          items: [
+          title: "Resources",          items: [
             {
-              label: "Blog",
-              href: "#",
-            },
+              label: "Blog",              href: "#"},
             {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
           ],
         },
       ]}