From 2ca6240dda4f129eda5cb60ce70a015c451d7c5c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 10:30:02 +0000
Subject: [PATCH] Update src/app/tools/page.tsx

---
 src/app/tools/page.tsx | 215 ++++++++++++++---------------------------
 1 file changed, 73 insertions(+), 142 deletions(-)

diff --git a/src/app/tools/page.tsx b/src/app/tools/page.tsx
index 49aaee3..9f7801d 100644
--- a/src/app/tools/page.tsx
+++ b/src/app/tools/page.tsx
@@ -7,7 +7,7 @@ import FooterBase from '@/components/sections/footer/FooterBase';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 
-export default function LandingPage() {
+export default function ToolsPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="bounce-effect"
@@ -22,150 +22,81 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Subjects",
-          id: "/subjects",
-        },
-        {
-          name: "Study Tools",
-          id: "/tools",
-        },
-        {
-          name: "Community",
-          id: "/community",
-        },
-        {
-          name: "About Us",
-          id: "/about",
-        },
-      ]}
-      brandName="LearnHub"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Subjects", id: "/subjects" },
+              { name: "Study Tools", id: "/tools" },
+              { name: "Community", id: "/community" },
+              { name: "About Us", id: "/about" },
+            ]}
+            brandName="LearnHub"
+          />
+        </div>
 
-  <div id="tools-body" data-section="tools-body">
-      <FeatureCardTwentySeven
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "quiz",
-          title: "Quizzes",
-          descriptions: [
-            "Test your knowledge.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/colourful-math-numbers-with-notebook-calculator_23-2148416133.jpg",
-        },
-        {
-          id: "cards",
-          title: "Flashcards",
-          descriptions: [
-            "Memorize key concepts.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/diary-writing-instrument-set_1284-12816.jpg",
-        },
-        {
-          id: "planner",
-          title: "Study Planner",
-          descriptions: [
-            "Organize your schedule.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-miscellaneous-doodle-drawing-illustration_23-2150528875.jpg",
-        },
-      ]}
-      title="Study Tools"
-      description="Enhance your focus with these interactive resources."
-    />
-  </div>
+        <div id="tools-body" data-section="tools-body">
+          <FeatureCardTwentySeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              {
+                id: "quiz",                title: "Quizzes",                descriptions: ["Test your knowledge."],
+                imageSrc: "http://img.b2bpic.net/free-photo/colourful-math-numbers-with-notebook-calculator_23-2148416133.jpg"},
+              {
+                id: "cards",                title: "Flashcards",                descriptions: ["Memorize key concepts."],
+                imageSrc: "http://img.b2bpic.net/free-vector/diary-writing-instrument-set_1284-12816.jpg"},
+              {
+                id: "planner",                title: "Study Planner",                descriptions: ["Organize your schedule."],
+                imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-miscellaneous-doodle-drawing-illustration_23-2150528875.jpg"},
+            ]}
+            title="Study Tools"
+            description="Enhance your focus with these interactive resources."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardEight
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Tool Access"
-      description="Unlock advanced tools."
-      plans={[
-        {
-          id: "t1",
-          badge: "Basic",
-          price: "$0",
-          subtitle: "Free tools",
-          buttons: [
-            {
-              text: "Use Now",
-              href: "#",
-            },
-          ],
-          features: [
-            "Standard Planner",
-          ],
-        },
-        {
-          id: "t2",
-          badge: "Premium",
-          price: "$10",
-          subtitle: "Full Suite",
-          buttons: [
-            {
-              text: "Unlock",
-              href: "#",
-            },
-          ],
-          features: [
-            "Smart Flashcards",
-            "AI Quizzes",
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardEight
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Tool Access"
+            description="Unlock advanced tools."
+            plans={[
+              {
+                id: "t1",                badge: "Basic",                price: "$0",                subtitle: "Free tools",                buttons: [{ text: "Use Now", href: "#" }],
+                features: ["Standard Planner"],
+              },
+              {
+                id: "t2",                badge: "Premium",                price: "$10",                subtitle: "Full Suite",                buttons: [{ text: "Unlock", href: "#" }],
+                features: ["Smart Flashcards", "AI Quizzes"],
+              },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Explore",
-          items: [
-            {
-              label: "Subjects",
-              href: "/subjects",
-            },
-            {
-              label: "Tools",
-              href: "/tools",
-            },
-            {
-              label: "Community",
-              href: "/community",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="LearnHub"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Explore",                items: [
+                  { label: "Subjects", href: "/subjects" },
+                  { label: "Tools", href: "/tools" },
+                  { label: "Community", href: "/community" },
+                ],
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms", href: "#" },
+                ],
+              },
+            ]}
+            logoText="LearnHub"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1