From b19fd6f4e269a070b9cb911319dfca6bf4aeeff5 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 26 Mar 2026 23:38:30 +0000
Subject: [PATCH] Update src/app/tracker/page.tsx

---
 src/app/tracker/page.tsx | 170 +++++++++++++--------------------------
 1 file changed, 57 insertions(+), 113 deletions(-)

diff --git a/src/app/tracker/page.tsx b/src/app/tracker/page.tsx
index 802bc0f..424a2ab 100644
--- a/src/app/tracker/page.tsx
+++ b/src/app/tracker/page.tsx
@@ -2,12 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 
-export default function LandingPage() {
+export default function TrackerPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="elastic-effect"
@@ -22,117 +21,62 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Dashboard",
-          id: "/dashboard",
-        },
-        {
-          name: "Jobs",
-          id: "/jobs",
-        },
-        {
-          name: "Tracker",
-          id: "/tracker",
-        },
-        {
-          name: "Profile",
-          id: "/profile",
-        },
-      ]}
-      brandName="QuickHire Local"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Dashboard", id: "/dashboard" },
+              { name: "Jobs", id: "/jobs" },
+              { name: "Tracker", id: "/tracker" },
+              { name: "Profile", id: "/profile" },
+            ]}
+            brandName="QuickHire Local"
+          />
+        </div>
 
-  <div id="feature-1" data-section="feature-1">
-      <FeatureCardSix
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: 1,
-          title: "Application Timeline",
-          description: "Visualize your progress from 'Applied' to 'Interview' and 'Offer' stages in a clear, intuitive timeline view.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVJJ8XShPrZJ0NJ1qY4JmzSuNx/application-tracker-dashboard-with-a-tim-1774568273362-7c92840a.png",
-        },
-        {
-          id: 2,
-          title: "Interview Reminders",
-          description: "Get automated notifications and reminders for upcoming interviews so you are always prepared.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BVJJ8XShPrZJ0NJ1qY4JmzSuNx/a-professional-and-modern-digital-interf-1774568273627-bc430b8c.png?_wi=10",
-        },
-      ]}
-      title="Your Career Dashboard"
-      description="Stay on top of your job search with our centralized tracking tool. Never lose track of where you've applied and what the next steps are."
-      tag="Track Applications"
-    />
-  </div>
+        <div id="metric" data-section="metric">
+          <MetricCardTwo
+            animationType="slide-up"
+            useInvertedBackground={false}
+            metrics={[
+              {
+                id: "1",                description: "Applications Sent",                value: "24"},
+              {
+                id: "2",                description: "Interview Invites",                value: "6"},
+            ]}
+            title="Track Your Success"
+            description="See your impact in real-time as you move through your job search process."
+            gridVariant="uniform-all-items-equal"
+            textboxLayout="split"
+          />
+        </div>
 
-  <div id="metric" data-section="metric">
-      <MetricCardTen
-      animationType="slide-up"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "1",
-          title: "Applications Sent",
-          subtitle: "This month",
-          category: "Progress",
-          value: "24",
-        },
-        {
-          id: "2",
-          title: "Interview Invites",
-          subtitle: "Total received",
-          category: "Milestones",
-          value: "6",
-        },
-      ]}
-      title="Track Your Success"
-      description="See your impact in real-time as you move through your job search process."
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Platform",
-          items: [
-            {
-              label: "Jobs",
-              href: "/jobs",
-            },
-            {
-              label: "Tracker",
-              href: "/tracker",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-      ]}
-      logoText="QuickHire Local"
-      copyrightText="© 2025 QuickHire Local | All Rights Reserved"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              {
+                title: "Product",                items: [
+                  { label: "Jobs", href: "/jobs" },
+                  { label: "Tracker", href: "/tracker" },
+                ],
+              },
+              {
+                title: "Company",                items: [
+                  { label: "About", href: "/about" },
+                  { label: "Blog", href: "/blog" },
+                ],
+              },
+              {
+                title: "Support",                items: [
+                  { label: "Contact", href: "/contact" },
+                  { label: "FAQ", href: "#" },
+                ],
+              },
+            ]}
+            bottomLeftText="© 2024 QuickHire Local"
+            bottomRightText="Privacy Policy"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1