From 3b5a6138b954f5ed2b44fb7685a6097318e006d9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 17 May 2026 15:40:08 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 335 ++++++-----------------------------------------
 1 file changed, 43 insertions(+), 292 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0c7f4b3..7252e29 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "Pricing",
-          id: "#pricing",
-        },
-        {
-          name: "Community",
-          id: "#faq",
-        },
+        { name: "Home", id: "#hero" },
+        { name: "Features", id: "#features" },
+        { name: "Pricing", id: "#pricing" },
+        { name: "Community", id: "#faq" },
       ]}
       brandName="FocusForge"
     />
@@ -55,68 +43,27 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{
-        variant: "glowing-orb",
-      }}
+      background={{ variant: "glowing-orb" }}
       title="Beat distractions. Build discipline. Study smarter."
       description="FocusForge turns your study sessions into an immersive, gamified experience. Lock out distractions, track your progress, and climb the leaderboard with friends."
-      buttons={[
-        {
-          text: "Start Focusing",
-          href: "#",
-        },
-        {
-          text: "Join the Challenge",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Start Focusing", href: "#" }, { text: "Join the Challenge", href: "#" }]}
       imageSrc="http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749869.jpg"
       imageAlt="minimalist dark mode study interface"
       mediaAnimation="blur-reveal"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/education-day-elements-with-tablet_23-2148721225.jpg",
-          alt: "Education day elements with tablet",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/top-view-tablet-clock-paper-plane-coffee-mug_23-2148281075.jpg",
-          alt: "Top view of tablet clock and paper plane  and coffee mug",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/flat-lay-arrangement-with-tablet-white-background_23-2148269417.jpg",
-          alt: "Flat lay arrangement with tablet on white background",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063006.jpg",
-          alt: "Still life of books versus technology",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/outdoor-shot-pensive-curly-haired-woman-student-returns-from-lecures-wears-headband-casual-neat-clothes-strolls-outdoors-poses-against-blurred-urban-background-people-lifestyle-concept_273609-62304.jpg",
-          alt: "Outdoor shot of pensive curly haired woman student returns from lecures",
-        },
+        { src: "http://img.b2bpic.net/free-photo/education-day-elements-with-tablet_23-2148721225.jpg", alt: "Education day elements with tablet" },
+        { src: "http://img.b2bpic.net/free-photo/top-view-tablet-clock-paper-plane-coffee-mug_23-2148281075.jpg", alt: "Top view of tablet clock and paper plane and coffee mug" },
+        { src: "http://img.b2bpic.net/free-photo/flat-lay-arrangement-with-tablet-white-background_23-2148269417.jpg", alt: "Flat lay arrangement with tablet on white background" },
+        { src: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063006.jpg", alt: "Still life of books versus technology" },
+        { src: "http://img.b2bpic.net/free-photo/outdoor-shot-pensive-curly-haired-woman-student-returns-from-lecures-wears-headband-casual-neat-clothes-strolls-outdoors-poses-against-blurred-urban-background-people-lifestyle-concept_273609-62304.jpg", alt: "Outdoor shot of pensive curly haired woman student returns from lecures" }
       ]}
       avatarText="Join 45,000+ students"
       marqueeItems={[
-        {
-          type: "text",
-          text: "Gamified Learning",
-        },
-        {
-          type: "text",
-          text: "Deep Focus Mode",
-        },
-        {
-          type: "text",
-          text: "Weekly Analytics",
-        },
-        {
-          type: "text",
-          text: "Leaderboard",
-        },
-        {
-          type: "text",
-          text: "Ad-free Experience",
-        },
+        { type: "text", text: "Gamified Learning" },
+        { type: "text", text: "Deep Focus Mode" },
+        { type: "text", text: "Weekly Analytics" },
+        { type: "text", text: "Leaderboard" },
+        { type: "text", text: "Ad-free Experience" },
       ]}
     />
   </div>
@@ -127,21 +74,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Gamified Growth",
-          description: "Earn XP, unlock virtual trees, and level up your study streaks.",
-          icon: Sparkles,
-        },
-        {
-          title: "Deep Analytics",
-          description: "Visualize your progress with weekly insights and trend analysis.",
-          icon: BarChart2,
-        },
-        {
-          title: "Focus Forge Mode",
-          description: "Lock distracting websites and apps with a single tap for pure concentration.",
-          icon: ShieldCheck,
-        },
+        { title: "Gamified Growth", description: "Earn XP, unlock virtual trees, and level up your study streaks.", icon: Sparkles },
+        { title: "Deep Analytics", description: "Visualize your progress with weekly insights and trend analysis.", icon: BarChart2 },
+        { title: "Focus Forge Mode", description: "Lock distracting websites and apps with a single tap for pure concentration.", icon: ShieldCheck },
       ]}
       title="Master Your Focus"
       description="Powerful tools designed to keep you locked in and motivated throughout your study journey."
@@ -154,21 +89,9 @@ export default function LandingPage() {
       title="Community Impact"
       tag="Live Stats"
       metrics={[
-        {
-          id: "m1",
-          value: "1.2M",
-          description: "Hours Focused",
-        },
-        {
-          id: "m2",
-          value: "45K",
-          description: "Active Students",
-        },
-        {
-          id: "m3",
-          value: "98%",
-          description: "Goal Achievement",
-        },
+        { id: "m1", value: "1.2M", description: "Hours Focused" },
+        { id: "m2", value: "45K", description: "Active Students" },
+        { id: "m3", value: "98%", description: "Goal Achievement" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -179,61 +102,14 @@ export default function LandingPage() {
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
+      animationType="slide-up"
       products={[
-        {
-          id: "p1",
-          brand: "Themes",
-          name: "Cyber Neon Pack",
-          price: "$9.99",
-          rating: 5,
-          reviewCount: "1.2k",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sp6mwj",
-        },
-        {
-          id: "p2",
-          brand: "Accessories",
-          name: "Digital Pet Skin",
-          price: "$4.99",
-          rating: 4,
-          reviewCount: "800",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0cggl3",
-        },
-        {
-          id: "p3",
-          brand: "Tools",
-          name: "Deep Focus Pro",
-          price: "$19.99",
-          rating: 5,
-          reviewCount: "5k",
-          imageSrc: "http://img.b2bpic.net/free-vector/gradient-colorful-music-festival-labels_23-2149112989.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Themes",
-          name: "Nature Zen Pack",
-          price: "$9.99",
-          rating: 5,
-          reviewCount: "2k",
-          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-electronics-store-labels-template_23-2151138132.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Accessories",
-          name: "Soundscape Pro",
-          price: "$14.99",
-          rating: 4,
-          reviewCount: "900",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5f1e5u",
-        },
-        {
-          id: "p6",
-          brand: "Tools",
-          name: "Math Solve Pass",
-          price: "$29.99",
-          rating: 5,
-          reviewCount: "3k",
-          imageSrc: "http://img.b2bpic.net/free-vector/gradient-big-raffle-label-design_23-2150012271.jpg",
-        },
+        { id: "p1", brand: "Themes", name: "Cyber Neon Pack", price: "$9.99", rating: 5, reviewCount: "1.2k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sp6mwj" },
+        { id: "p2", brand: "Accessories", name: "Digital Pet Skin", price: "$4.99", rating: 4, reviewCount: "800", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0cggl3" },
+        { id: "p3", brand: "Tools", name: "Deep Focus Pro", price: "$19.99", rating: 5, reviewCount: "5k", imageSrc: "http://img.b2bpic.net/free-vector/gradient-colorful-music-festival-labels_23-2149112989.jpg" },
+        { id: "p4", brand: "Themes", name: "Nature Zen Pack", price: "$9.99", rating: 5, reviewCount: "2k", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-electronics-store-labels-template_23-2151138132.jpg" },
+        { id: "p5", brand: "Accessories", name: "Soundscape Pro", price: "$14.99", rating: 4, reviewCount: "900", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5f1e5u" },
+        { id: "p6", brand: "Tools", name: "Math Solve Pass", price: "$29.99", rating: 5, reviewCount: "3k", imageSrc: "http://img.b2bpic.net/free-vector/gradient-big-raffle-label-design_23-2150012271.jpg" },
       ]}
       title="Unlock Your Potential"
       description="Premium themes and exclusive community rewards."
@@ -246,41 +122,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "free",
-          tag: "Basic",
-          price: "$0",
-          period: "/mo",
-          description: "Start your journey for free.",
-          button: {
-            text: "Get Started",
-            href: "#",
-          },
-          featuresTitle: "Includes:",
-          features: [
-            "Focus Mode",
-            "Basic Analytics",
-            "Daily Challenges",
-          ],
-        },
-        {
-          id: "pro",
-          tag: "Pro",
-          price: "$4.99",
-          period: "/mo",
-          description: "The ultimate focus experience.",
-          button: {
-            text: "Upgrade",
-            href: "#",
-          },
-          featuresTitle: "Everything in Basic, plus:",
-          features: [
-            "App/Site Blocking",
-            "Deep Analytics",
-            "AI Assistant",
-            "Ad-free",
-          ],
-        },
+        { id: "free", tag: "Basic", price: "$0", period: "/mo", description: "Start your journey for free.", button: { text: "Get Started", href: "#" }, featuresTitle: "Includes:", features: ["Focus Mode", "Basic Analytics", "Daily Challenges"] },
+        { id: "pro", tag: "Pro", price: "$4.99", period: "/mo", description: "The ultimate focus experience.", button: { text: "Upgrade", href: "#" }, featuresTitle: "Everything in Basic, plus:", features: ["App/Site Blocking", "Deep Analytics", "AI Assistant", "Ad-free"] },
       ]}
       title="Choose Your Path"
       description="Start for free or go pro to accelerate your focus goals."
@@ -293,41 +136,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Sarah J.",
-          role: "CS Major",
-          testimonial: "FocusForge completely changed how I prep for exams. The gamification is brilliant.",
-          imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-wearing-headband-standing-outside_23-2147654964.jpg",
-        },
-        {
-          id: "t2",
-          name: "Michael L.",
-          role: "Medical Student",
-          testimonial: "The deep focus mode is exactly what I needed to stop checking my social feeds.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-red-bow-tie-looking-succesful_1298-412.jpg",
-        },
-        {
-          id: "t3",
-          name: "Emily R.",
-          role: "Law Student",
-          testimonial: "I love the leaderboard; it gives me that extra nudge I need to keep studying.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-student-wearing-glasses-bandana-headphones-around-neck-standing-profile-view-holding-note-pads-with-both-hands-looking-camera-isolated-olive-green-background_141793-135028.jpg",
-        },
-        {
-          id: "t4",
-          name: "David K.",
-          role: "Engineering Student",
-          testimonial: "The streak system is so addictive in the best way possible. Highly recommend.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-suit-gym_23-2149386080.jpg",
-        },
-        {
-          id: "t5",
-          name: "Chloe T.",
-          role: "Design Student",
-          testimonial: "The ambient sounds are perfect for deep work sessions. Best study app ever.",
-          imageSrc: "http://img.b2bpic.net/free-photo/unknown-man-posing-with-blue-background-medium-shot_23-2149417616.jpg",
-        },
+        { id: "t1", name: "Sarah J.", role: "CS Major", testimonial: "FocusForge completely changed how I prep for exams. The gamification is brilliant.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-wearing-headband-standing-outside_23-2147654964.jpg" },
+        { id: "t2", name: "Michael L.", role: "Medical Student", testimonial: "The deep focus mode is exactly what I needed to stop checking my social feeds.", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-red-bow-tie-looking-succesful_1298-412.jpg" },
+        { id: "t3", name: "Emily R.", role: "Law Student", testimonial: "I love the leaderboard; it gives me that extra nudge I need to keep studying.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-student-wearing-glasses-bandana-headphones-around-neck-standing-profile-view-holding-note-pads-with-both-hands-looking-camera-isolated-olive-green-background_141793-135028.jpg" },
+        { id: "t4", name: "David K.", role: "Engineering Student", testimonial: "The streak system is so addictive in the best way possible. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-suit-gym_23-2149386080.jpg" },
+        { id: "t5", name: "Chloe T.", role: "Design Student", testimonial: "The ambient sounds are perfect for deep work sessions. Best study app ever.", imageSrc: "http://img.b2bpic.net/free-photo/unknown-man-posing-with-blue-background-medium-shot_23-2149417616.jpg" },
       ]}
       title="Student Success Stories"
       description="Join thousands of students achieving better grades through disciplined focus."
@@ -339,21 +152,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "How does app blocking work?",
-          content: "You simply select the apps you want to block in settings and they become inaccessible until your focus session timer expires.",
-        },
-        {
-          id: "q2",
-          title: "Is there a free version?",
-          content: "Yes, we offer a robust free tier with basic features and daily streak tracking.",
-        },
-        {
-          id: "q3",
-          title: "Can I use it on multiple devices?",
-          content: "Absolutely. FocusForge syncs your progress across web, extension, and mobile app integrations.",
-        },
+        { id: "q1", title: "How does app blocking work?", content: "You simply select the apps you want to block in settings and they become inaccessible until your focus session timer expires." },
+        { id: "q2", title: "Is there a free version?", content: "Yes, we offer a robust free tier with basic features and daily streak tracking." },
+        { id: "q3", title: "Can I use it on multiple devices?", content: "Absolutely. FocusForge syncs your progress across web, extension, and mobile app integrations." },
       ]}
       title="Frequently Asked Questions"
       description="Common questions about getting the most out of your FocusForge experience."
@@ -367,9 +168,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Newsletter"
       title="Stay Focused, Stay Informed"
       description="Sign up for productivity tips and news about new features."
@@ -382,57 +181,9 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Product",
-          items: [
-            {
-              label: "Web App",
-              href: "#",
-            },
-            {
-              label: "Extensions",
-              href: "#",
-            },
-            {
-              label: "Features",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-            {
-              label: "Blog",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Help Center",
-              href: "#",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Product", items: [{ label: "Web App", href: "#" }, { label: "Extensions", href: "#" }, { label: "Features", href: "#" }] },
+        { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }, { label: "Blog", href: "#" }] },
+        { title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
       ]}
       logoText="FocusForge"
     />