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

---
 src/app/tools/page.tsx | 62 ++++++++----------------------------------
 1 file changed, 12 insertions(+), 50 deletions(-)

diff --git a/src/app/tools/page.tsx b/src/app/tools/page.tsx
index 9f7801d..77aac45 100644
--- a/src/app/tools/page.tsx
+++ b/src/app/tools/page.tsx
@@ -2,10 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
-import FooterBase from '@/components/sections/footer/FooterBase';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
+import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
+import FooterBase from '@/components/sections/footer/FooterBase';
 
 export default function ToolsPage() {
   return (
@@ -35,43 +34,17 @@ export default function ToolsPage() {
           />
         </div>
 
-        <div id="tools-body" data-section="tools-body">
-          <FeatureCardTwentySeven
+        <div id="tools" data-section="tools">
+          <FeatureCardTwentyThree
             animationType="slide-up"
             textboxLayout="default"
-            useInvertedBackground={false}
+            title="Interactive Study Tools"
+            description="Boost your productivity and retention with our suite of learning tools."
             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"],
-              },
+              { id: "1", title: "Flashcard Builder", tags: ["Practice", "Memory"], descriptions: ["Create custom decks and master difficult topics."] },
+              { id: "2", title: "Study Planner", tags: ["Planning", "Organization"], descriptions: ["Organize your study sessions for maximum efficiency."] },
+              { id: "3", title: "Collaborative Whiteboard", tags: ["Collaborative", "Visual"], descriptions: ["Solve problems together in real-time."] },
+              { id: "4", title: "Focus Timer", tags: ["Productivity", "Timer"], descriptions: ["Stay focused using the Pomodoro technique."] }
             ]}
           />
         </div>
@@ -79,19 +52,8 @@ export default function ToolsPage() {
         <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: "#" },
-                ],
-              },
+              { 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"
           />