Update src/app/tracker/page.tsx

This commit is contained in:
2026-03-26 23:38:30 +00:00
parent ce8fad0ecc
commit b19fd6f4e2

View File

@@ -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>
);