From d733aeaca49706ec75e4c48cdb14baaf7f6725a4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 1 May 2026 03:28:46 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 233 ++++++++---------------------------------------
 1 file changed, 36 insertions(+), 197 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5b5905d..5c4060c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Upload",
-          id: "#hero",
-        },
-        {
-          name: "Arcade",
-          id: "#features",
-        },
-        {
-          name: "Progress",
-          id: "#metrics",
-        },
-        {
-          name: "Pricing",
-          id: "#pricing",
-        },
+        { name: "Upload", id: "#hero" },
+        { name: "Arcade", id: "#features" },
+        { name: "Progress", id: "#metrics" },
+        { name: "Pricing", id: "#pricing" },
       ]}
       brandName="StudyHelper.io"
     />
@@ -54,32 +42,15 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="Study in the Void."
       description="Upload any document and watch AI turn it into your own neon study arcade."
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/rendering-abstract-futuristic-background-with-glowing-neon-blue-lights_181624-26042.jpg?_wi=1",
-          imageAlt: "Drop Zone",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-numbered-lockers-gym_23-2147949733.jpg",
-          imageAlt: "Processing",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-helmet-with-neon-detailing_23-2152011754.jpg",
-          imageAlt: "Dashboard",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-306812.jpg",
-          imageAlt: "Abstract geometric background",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-306783.jpg",
-          imageAlt: "Abstract geometric background",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/rendering-abstract-futuristic-background-with-glowing-neon-blue-lights_181624-26042.jpg", imageAlt: "Drop Zone" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-numbered-lockers-gym_23-2147949733.jpg", imageAlt: "Processing" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/futuristic-helmet-with-neon-detailing_23-2152011754.jpg", imageAlt: "Dashboard" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-306812.jpg", imageAlt: "Abstract geometric background" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-shapes-texture_1194-306783.jpg", imageAlt: "Abstract geometric background" },
       ]}
       mediaAnimation="blur-reveal"
     />
@@ -90,41 +61,19 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="The AI Core"
       description={[
-        "Drag and drop your PDF or DOC into our obsidian drop zone.",
-        "Our AI engine identifies keywords, creates flashcards, and builds challenges in under 10 seconds.",
-      ]}
+        "Drag and drop your PDF or DOC into our obsidian drop zone.",        "Our AI engine identifies keywords, creates flashcards, and builds challenges in under 10 seconds."]}
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureCardTwentySeven
+      animationType="blur-reveal"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          id: "1",
-          title: "Neon Flashcards",
-          descriptions: [
-            "Flip through glassmorphic cards with smooth 3D animations.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-training-innovation-concept-with-futuristic-interface-screens_1134-352.jpg",
-        },
-        {
-          id: "2",
-          title: "Void Runner",
-          descriptions: [
-            "Answer questions to keep your ship flying through neon space.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-tunnel-corridor-with-neon-glowing-lights-3d-rendering-background-wallpaper_181624-23644.jpg",
-        },
-        {
-          id: "3",
-          title: "Cyber Badges",
-          descriptions: [
-            "Earn metallic rewards for your 7-day study streaks.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-sale_23-2152027241.jpg",
-        },
+        { id: "1", title: "Neon Flashcards", descriptions: ["Flip through glassmorphic cards with smooth 3D animations."], imageSrc: "http://img.b2bpic.net/free-photo/digital-training-innovation-concept-with-futuristic-interface-screens_1134-352.jpg" },
+        { id: "2", title: "Void Runner", descriptions: ["Answer questions to keep your ship flying through neon space."], imageSrc: "http://img.b2bpic.net/free-photo/futuristic-tunnel-corridor-with-neon-glowing-lights-3d-rendering-background-wallpaper_181624-23644.jpg" },
+        { id: "3", title: "Cyber Badges", descriptions: ["Earn metallic rewards for your 7-day study streaks."], imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-sale_23-2152027241.jpg" },
       ]}
       title="The Study Arcade"
       description="Transform dense material into interactive games."
@@ -133,52 +82,17 @@ export default function LandingPage() {
 
   <div id="product" data-section="product">
       <ProductCardFour
+      animationType="blur-reveal"
       textboxLayout="split"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Data Science Fundamentals",
-          price: "Free",
-          variant: "Cyber",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-fluorescent-make-up_23-2148410092.jpg",
-        },
-        {
-          id: "p2",
-          name: "React Hooks Masterclass",
-          price: "$15",
-          variant: "Premium",
-          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139166.jpg",
-        },
-        {
-          id: "p3",
-          name: "AI Ethics 101",
-          price: "Free",
-          variant: "Basic",
-          imageSrc: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098552.jpg",
-        },
-        {
-          id: "p4",
-          name: "CSS Grid Pro",
-          price: "$10",
-          variant: "Pro",
-          imageSrc: "http://img.b2bpic.net/free-photo/secured-file-folder-futuristic-data-network_23-2152001151.jpg",
-        },
-        {
-          id: "p5",
-          name: "Python for Analysts",
-          price: "$20",
-          variant: "Advanced",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-optical-fiber-details_23-2149212560.jpg",
-        },
-        {
-          id: "p6",
-          name: "Digital Marketing Basics",
-          price: "Free",
-          variant: "Core",
-          imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-reflection_23-2148898148.jpg",
-        },
+        { id: "p1", name: "Data Science Fundamentals", price: "Free", variant: "Cyber", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-fluorescent-make-up_23-2148410092.jpg" },
+        { id: "p2", name: "React Hooks Masterclass", price: "$15", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139166.jpg" },
+        { id: "p3", name: "AI Ethics 101", price: "Free", variant: "Basic", imageSrc: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098552.jpg" },
+        { id: "p4", name: "CSS Grid Pro", price: "$10", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/secured-file-folder-futuristic-data-network_23-2152001151.jpg" },
+        { id: "p5", name: "Python for Analysts", price: "$20", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-optical-fiber-details_23-2149212560.jpg" },
+        { id: "p6", name: "Digital Marketing Basics", price: "Free", variant: "Core", imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-reflection_23-2148898148.jpg" },
       ]}
       title="Featured Modules"
       description="Ready-to-use study decks and game templates."
@@ -187,40 +101,12 @@ export default function LandingPage() {
 
   <div id="pricing" data-section="pricing">
       <PricingCardNine
+      animationType="blur-reveal"
       textboxLayout="split"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "basic",
-          title: "Night Owl",
-          price: "$0",
-          period: "/mo",
-          features: [
-            "Limited Uploads",
-            "Basic Games",
-          ],
-          button: {
-            text: "Get Started",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-designer-sitting-office-night_171337-15579.jpg",
-          imageAlt: "motivated university student portrait",
-        },
-        {
-          id: "pro",
-          title: "Cyber Master",
-          price: "$19",
-          period: "/mo",
-          features: [
-            "Unlimited Uploads",
-            "Advanced Arcade",
-            "Offline Mode",
-          ],
-          button: {
-            text: "Unlock Now",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/rendering-abstract-futuristic-background-with-glowing-neon-blue-lights_181624-26042.jpg?_wi=2",
-          imageAlt: "motivated university student portrait",
-        },
+        { id: "basic", title: "Night Owl", price: "$0", period: "/mo", features: ["Limited Uploads", "Basic Games"], button: { text: "Get Started" }, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-designer-sitting-office-night_171337-15579.jpg", imageAlt: "motivated university student portrait" },
+        { id: "pro", title: "Cyber Master", price: "$19", period: "/mo", features: ["Unlimited Uploads", "Advanced Arcade", "Offline Mode"], button: { text: "Unlock Now" }, imageSrc: "http://img.b2bpic.net/free-photo/rendering-abstract-futuristic-background-with-glowing-neon-blue-lights_181624-26042.jpg", imageAlt: "motivated university student portrait" },
       ]}
       title="Night Owl Plans"
       description="Choose your access tier."
@@ -234,26 +120,11 @@ export default function LandingPage() {
       rating={5}
       author="Marcus Thorne"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-schoolboy-portrait_23-2147666929.jpg",
-          alt: "Student 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cool-student-stylish-glasses-doing-home-assignment-desk-making-notes-listening-music-via-wireless-headphones-attractive-young-male-artist-with-earphones-sketching-notebook-smiling_343059-2024.jpg",
-          alt: "Student 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/vertical-shot-thoughtful-woman-dressed-outerwear-holds-modern-tablet-notebook-focused-away-walks-outside_273609-55797.jpg",
-          alt: "Student 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-student_23-2149200235.jpg",
-          alt: "Student 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/sad-teenage-girl-with-book-her-hands-emotion-concept_169016-66374.jpg",
-          alt: "Student 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/smiling-schoolboy-portrait_23-2147666929.jpg", alt: "Student 1" },
+        { src: "http://img.b2bpic.net/free-photo/cool-student-stylish-glasses-doing-home-assignment-desk-making-notes-listening-music-via-wireless-headphones-attractive-young-male-artist-with-earphones-sketching-notebook-smiling_343059-2024.jpg", alt: "Student 2" },
+        { src: "http://img.b2bpic.net/free-photo/vertical-shot-thoughtful-woman-dressed-outerwear-holds-modern-tablet-notebook-focused-away-walks-outside_273609-55797.jpg", alt: "Student 3" },
+        { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-student_23-2149200235.jpg", alt: "Student 4" },
+        { src: "http://img.b2bpic.net/free-photo/sad-teenage-girl-with-book-her-hands-emotion-concept_169016-66374.jpg", alt: "Student 5" },
       ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="blur-reveal"
@@ -265,21 +136,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "Does this work offline?",
-          content: "Yes, once uploaded, you can sync content to your mobile app for offline studying.",
-        },
-        {
-          id: "f2",
-          title: "Which files are supported?",
-          content: "We support PDF and DOCX formats.",
-        },
-        {
-          id: "f3",
-          title: "Is there a dark mode?",
-          content: "Everything on StudyHelper is designed in dark mode by default.",
-        },
+        { id: "f1", title: "Does this work offline?", content: "Yes, once uploaded, you can sync content to your mobile app for offline studying." },
+        { id: "f2", title: "Which files are supported?", content: "We support PDF and DOCX formats." },
+        { id: "f3", title: "Is there a dark mode?", content: "Everything on StudyHelper is designed in dark mode by default." },
       ]}
       title="Common Queries"
       description="Everything you need to know about the Study Arcade."
@@ -290,36 +149,16 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       text="Join the Night Owls today."
-      buttons={[
-        {
-          text: "Get Started",
-        },
-      ]}
+      buttons={[{ text: "Get Started" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBaseReveal
       logoText="StudyHelper.io"
-      columns={[
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
+      columns={[{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }]}
     />
   </div>
       </ReactLenis>
-- 
2.49.1