Merge version_3 into main

Merge version_3 into main

src/app/browse-talent/page.tsx

@@ -0,0 +1,90 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { Users, Linkedin, Twitter, Facebook, Mail } from "lucide-react";
+
+export default function BrowseTalentPage() {
+  const navItems = [
+    { name: "Browse Talent", id: "/browse-talent" },
+    { name: "Jobs Feed", id: "/jobs-feed" },
+    { name: "How It Works", id: "/verification" },
+    { name: "Pricing", id: "#pricing" },
+    { name: "FAQ", id: "#faq" },
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="smallMedium"
+      sizing="largeSmallSizeLargeTitles"
+      background="circleGradient"
+      cardStyle="glass-depth"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={navItems}
+          button={{ text: "Get Started", href: "/auth/signup" }}
+          brandName="STAFFED"
+        />
+      </div>
+
+      <div id="browse-talent" data-section="browse-talent">
+        <FeatureCardNineteen
+          title="Discover Verified Filipino Talent"
+          description="Browse talent with verified credentials, portfolio history, reviews, and transparent pricing. Filter by skills, availability, rate, and verification status."
+          tag="Talent Discovery"
+          tagIcon={Users}
+          tagAnimation="blur-reveal"
+          features={[
+            {
+              id: 1,
+              tag: "Step 1",              title: "Search & Filter",              subtitle: "Find the perfect freelancer",              description:
+                "Use advanced filters: role (VA, Designer, Video Editor, SMM, etc.), verification badges, availability, hourly rate, skills, and timezone. Save searches for quick access.",              imageSrc:
+                "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg?_wi=3",              imageAlt: "Advanced talent search filters"},
+            {
+              id: 2,
+              tag: "Step 2",              title: "Review Profiles",              subtitle: "Complete professional profiles",              description:
+                "Each profile includes: verified badges, headline, skills, portfolio/work history, reviews from confirmed clients, availability status, timezone, and hourly rate.",              imageSrc:
+                "http://img.b2bpic.net/free-photo/recruitment-consulting-venn-diagram_53876-121542.jpg?_wi=3",              imageAlt: "Freelancer profile showcase"},
+            {
+              id: 3,
+              tag: "Step 3",              title: "Request Contact",              subtitle: "Direct communication",              description:
+                "Clients request contact (via paid credits/subscription). Freelancers receive contact requests and can respond directly. Payment unlocks email and messaging thread.",              imageSrc:
+                "http://img.b2bpic.net/free-vector/computer-with-social-profile-social-community_24877-53905.jpg?_wi=3",              imageAlt: "Contact request flow"},
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="STAFFED"
+          copyrightText="© 2025 STAFFED. Verified Filipino Talent Platform."
+          socialLinks={[
+            {
+              icon: Linkedin,
+              href: "https://linkedin.com/company/staffed-platform",              ariaLabel: "LinkedIn"},
+            {
+              icon: Twitter,
+              href: "https://twitter.com/staffed_ph",              ariaLabel: "Twitter"},
+            {
+              icon: Facebook,
+              href: "https://facebook.com/staffed.platform",              ariaLabel: "Facebook"},
+            {
+              icon: Mail,
+              href: "mailto:support@staffed.ph",              ariaLabel: "Email Support"},
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/client-dashboard/page.tsx

@@ -0,0 +1,90 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { Briefcase, Linkedin, Twitter, Facebook, Mail } from "lucide-react";
+
+export default function ClientDashboardPage() {
+  const navItems = [
+    { name: "Browse Talent", id: "/browse-talent" },
+    { name: "Jobs Feed", id: "/jobs-feed" },
+    { name: "How It Works", id: "/verification" },
+    { name: "Pricing", id: "#pricing" },
+    { name: "FAQ", id: "#faq" },
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="smallMedium"
+      sizing="largeSmallSizeLargeTitles"
+      background="circleGradient"
+      cardStyle="glass-depth"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={navItems}
+          button={{ text: "Get Started", href: "/auth/signup" }}
+          brandName="STAFFED"
+        />
+      </div>
+
+      <div id="client-dashboard" data-section="client-dashboard">
+        <FeatureCardNineteen
+          title="Client Dashboard"
+          description="Manage talent search, post jobs, track applications, and confirm completed work—all from your central hub."
+          tag="Hiring Hub"
+          tagIcon={Briefcase}
+          tagAnimation="blur-reveal"
+          features={[
+            {
+              id: 1,
+              tag: "Talent Discovery",              title: "Search & Save Talent",              subtitle: "Build your talent pool",              description:
+                "Browse verified freelancers with advanced filters. View complete profiles, portfolio, client reviews, and verified badges. Request contact with top candidates through credits or subscription.",              imageSrc:
+                "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg?_wi=6",              imageAlt: "Talent discovery dashboard"},
+            {
+              id: 2,
+              tag: "Job Posting",              title: "Post Jobs & Track Applications",              subtitle: "Attract verified freelancers",              description:
+                "Create job postings visible to verified freelancers. Receive applications from qualified candidates. Message applicants directly. Manage multiple open positions.",              imageSrc:
+                "http://img.b2bpic.net/free-photo/recruitment-consulting-venn-diagram_53876-121542.jpg?_wi=6",              imageAlt: "Job posting management"},
+            {
+              id: 3,
+              tag: "Work Confirmation",              title: "Confirm & Rate Work",              subtitle: "Build trust with testimonials",              description:
+                "After project completion, confirm work on the platform. Leave star ratings and testimonials. Your verified reviews help freelancers build reputation and attract more clients.",              imageSrc:
+                "http://img.b2bpic.net/free-vector/computer-with-social-profile-social-community_24877-53905.jpg?_wi=6",              imageAlt: "Work confirmation system"},
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="STAFFED"
+          copyrightText="© 2025 STAFFED. Verified Filipino Talent Platform."
+          socialLinks={[
+            {
+              icon: Linkedin,
+              href: "https://linkedin.com/company/staffed-platform",              ariaLabel: "LinkedIn"},
+            {
+              icon: Twitter,
+              href: "https://twitter.com/staffed_ph",              ariaLabel: "Twitter"},
+            {
+              icon: Facebook,
+              href: "https://facebook.com/staffed.platform",              ariaLabel: "Facebook"},
+            {
+              icon: Mail,
+              href: "mailto:support@staffed.ph",              ariaLabel: "Email Support"},
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/freelancer-dashboard/page.tsx

@@ -0,0 +1,90 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { Users, Linkedin, Twitter, Facebook, Mail } from "lucide-react";
+
+export default function FreelancerDashboardPage() {
+  const navItems = [
+    { name: "Browse Talent", id: "/browse-talent" },
+    { name: "Jobs Feed", id: "/jobs-feed" },
+    { name: "How It Works", id: "/verification" },
+    { name: "Pricing", id: "#pricing" },
+    { name: "FAQ", id: "#faq" },
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="smallMedium"
+      sizing="largeSmallSizeLargeTitles"
+      background="circleGradient"
+      cardStyle="glass-depth"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={navItems}
+          button={{ text: "Get Started", href: "/auth/signup" }}
+          brandName="STAFFED"
+        />
+      </div>
+
+      <div id="freelancer-dashboard" data-section="freelancer-dashboard">
+        <FeatureCardNineteen
+          title="Freelancer Dashboard"
+          description="Manage your profile, track applications, monitor earnings, and build your verified reputation on STAFFED."
+          tag="Your Workspace"
+          tagIcon={Users}
+          tagAnimation="blur-reveal"
+          features={[
+            {
+              id: 1,
+              tag: "Profile Management",              title: "Build Your Verified Profile",              subtitle: "Showcase your expertise",              description:
+                "Create a compelling profile with your skills, portfolio, and work history. Upload certificates and past project outcomes. Get verified with identity and work badges.",              imageSrc:
+                "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg?_wi=5",              imageAlt: "Freelancer profile management"},
+            {
+              id: 2,
+              tag: "Job Applications",              title: "Track Your Applications",              subtitle: "Monitor job responses",              description:
+                "View all applied jobs, client responses, and active contracts in one place. Get notified of interview requests and project offers. Manage multiple ongoing projects.",              imageSrc:
+                "http://img.b2bpic.net/free-photo/recruitment-consulting-venn-diagram_53876-121542.jpg?_wi=5",              imageAlt: "Job tracking dashboard"},
+            {
+              id: 3,
+              tag: "Earnings & Ratings",              title: "Monitor Earnings & Reviews",              subtitle: "Build your reputation",              description:
+                "Track earnings from completed projects. View client testimonials and work confirmations. Watch your verified work badge grow stronger with each successful project.",              imageSrc:
+                "http://img.b2bpic.net/free-vector/computer-with-social-profile-social-community_24877-53905.jpg?_wi=5",              imageAlt: "Earnings and ratings tracker"},
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="STAFFED"
+          copyrightText="© 2025 STAFFED. Verified Filipino Talent Platform."
+          socialLinks={[
+            {
+              icon: Linkedin,
+              href: "https://linkedin.com/company/staffed-platform",              ariaLabel: "LinkedIn"},
+            {
+              icon: Twitter,
+              href: "https://twitter.com/staffed_ph",              ariaLabel: "Twitter"},
+            {
+              icon: Facebook,
+              href: "https://facebook.com/staffed.platform",              ariaLabel: "Facebook"},
+            {
+              icon: Mail,
+              href: "mailto:support@staffed.ph",              ariaLabel: "Email Support"},
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/jobs-feed/page.tsx

@@ -0,0 +1,90 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { Briefcase, Linkedin, Twitter, Facebook, Mail } from "lucide-react";
+
+export default function JobsFeedPage() {
+  const navItems = [
+    { name: "Browse Talent", id: "/browse-talent" },
+    { name: "Jobs Feed", id: "/jobs-feed" },
+    { name: "How It Works", id: "/verification" },
+    { name: "Pricing", id: "#pricing" },
+    { name: "FAQ", id: "#faq" },
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="smallMedium"
+      sizing="largeSmallSizeLargeTitles"
+      background="circleGradient"
+      cardStyle="glass-depth"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={navItems}
+          button={{ text: "Get Started", href: "/auth/signup" }}
+          brandName="STAFFED"
+        />
+      </div>
+
+      <div id="jobs-feed" data-section="jobs-feed">
+        <FeatureCardNineteen
+          title="Discover Remote Job Opportunities"
+          description="Access curated job opportunities from top companies and exclusive STAFFED client postings. Filter by role, rate, and timezone to find the perfect fit."
+          tag="Remote Jobs"
+          tagIcon={Briefcase}
+          tagAnimation="blur-reveal"
+          features={[
+            {
+              id: 1,
+              tag: "Curated Feed",              title: "Industry-Vetted Roles",              subtitle: "Quality remote opportunities",              description:
+                "Every job on STAFFED is vetted for legitimacy and fair compensation. No spam, no scams. Work with reputable international companies.",              imageSrc:
+                "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg?_wi=4",              imageAlt: "Curated job feed"},
+            {
+              id: 2,
+              tag: "Smart Matching",              title: "Jobs Matched to You",              subtitle: "Personalized recommendations",              description:
+                "Filter by skills, availability, hourly rate, timezone, and project type. Get notified when new jobs match your preferences. Build your ideal client relationships.",              imageSrc:
+                "http://img.b2bpic.net/free-photo/recruitment-consulting-venn-diagram_53876-121542.jpg?_wi=4",              imageAlt: "Smart job matching"},
+            {
+              id: 3,
+              tag: "Direct Apply",              title: "Direct Application Process",              subtitle: "Connect with hiring clients",              description:
+                "Apply directly to jobs with your profile. Clients review verified credentials, portfolio, and reviews. Direct communication with decision makers—no middlemen.",              imageSrc:
+                "http://img.b2bpic.net/free-vector/computer-with-social-profile-social-community_24877-53905.jpg?_wi=4",              imageAlt: "Direct application flow"},
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="STAFFED"
+          copyrightText="© 2025 STAFFED. Verified Filipino Talent Platform."
+          socialLinks={[
+            {
+              icon: Linkedin,
+              href: "https://linkedin.com/company/staffed-platform",              ariaLabel: "LinkedIn"},
+            {
+              icon: Twitter,
+              href: "https://twitter.com/staffed_ph",              ariaLabel: "Twitter"},
+            {
+              icon: Facebook,
+              href: "https://facebook.com/staffed.platform",              ariaLabel: "Facebook"},
+            {
+              icon: Mail,
+              href: "mailto:support@staffed.ph",              ariaLabel: "Email Support"},
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/layout.tsx

@@ -1,66 +1,23 @@
 import type { Metadata } from "next";
-import { Montserrat, Inter } from "next/font/google";
+import { Inter } from "next/font/google";
+import "./styles/variables.css";
 import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
-
-const montserrat = Montserrat({
-  variable: "--font-montserrat",
-  subsets: ["latin"],
-});
 
 const inter = Inter({
-  variable: "--font-inter",
-  subsets: ["latin"],
+  variable: "--font-inter",  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "STAFFED - Verified Filipino Freelance Talent Platform",
-  description: "Hire vetted Filipino freelancers with 2-tier verification. Connect with trusted talent or showcase your skills to global clients. Identity and work verified profiles.",
-  keywords: "Filipino freelancers, verified talent, remote hiring, freelance platform, identity verified, work verified, hire Filipino workers, remote jobs",
-  metadataBase: new URL("https://staffed.ph"),
-  alternates: {
-    canonical: "https://staffed.ph",
-  },
-  openGraph: {
-    title: "STAFFED - Verified Filipino Freelance Talent",
-    description: "The trusted platform connecting verified Filipino talent with global clients. 2-tier verification ensures quality hiring.",
-    url: "https://staffed.ph",
-    siteName: "STAFFED",
-    type: "website",
-    images: [
-      {
-        url: "https://staffed.ph/og-image.jpg",
-        alt: "STAFFED Platform - Verified Filipino Freelancers",
-      },
-    ],
-  },
-  twitter: {
-    card: "summary_large_image",
-    title: "STAFFED - Verified Filipino Freelance Talent",
-    description: "Hire verified Filipino freelancers. Identity + Work verified profiles for global clients.",
-    images: ["https://staffed.ph/twitter-image.jpg"],
-  },
-  robots: {
-    index: true,
-    follow: true,
-  },
-};
+  title: "STAFFED - Verified Filipino Talent Platform",  description: "Connect with pre-vetted Filipino freelancers or showcase your skills to international clients. 2-tier verification system for trust and quality."};
 
 export default function RootLayout({
   children,
-}: Readonly<{
+}: {
   children: React.ReactNode;
-}>) {
+}) {
   return (
-    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body
-          className={`${montserrat.variable} ${inter.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
+    <html lang="en">
+      <body className={inter.variable}>{children}
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -1428,7 +1385,6 @@ export default function RootLayout({
           }}
         />
       </body>
-      </ServiceWrapper>
     </html>
   );
 }

src/app/page.tsx

@@ -30,11 +30,11 @@ import {
 
 export default function HomePage() {
   const navItems = [
-    { name: "Browse Talent", id: "browse-talent" },
-    { name: "Jobs Feed", id: "jobs-feed" },
-    { name: "How It Works", id: "how-it-works" },
-    { name: "Pricing", id: "pricing" },
-    { name: "FAQ", id: "faq" },
+    { name: "Browse Talent", id: "/browse-talent" },
+    { name: "Jobs Feed", id: "/jobs-feed" },
+    { name: "How It Works", id: "/verification" },
+    { name: "Pricing", id: "#pricing" },
+    { name: "FAQ", id: "#faq" },
   ];
 
   return (
@@ -77,7 +77,7 @@ export default function HomePage() {
           imagePosition="right"
           mediaAnimation="blur-reveal"
           buttons={[
-            { text: "Find Talent Now", href: "/talent" },
+            { text: "Browse Verified Talent", href: "/browse-talent" },
             { text: "Become a Freelancer", href: "/auth/signup" },
           ]}
           buttonAnimation="blur-reveal"
@@ -96,20 +96,17 @@ export default function HomePage() {
               id: 1,
               tag: "Phase One",              title: "Identity Verified",              subtitle: "Government-issued ID confirmation",              description:
                 "Freelancers submit government-issued identification and a verified selfie. Our verification team manually reviews and confirms identity. This badge appears on all freelancer profiles.",              imageSrc:
-                "http://img.b2bpic.net/free-vector/flat-design-patented-stamp-collection_23-2149752889.jpg?_wi=1",              imageAlt: "Identity verification process with secure badge"
-            },
+                "http://img.b2bpic.net/free-vector/flat-design-patented-stamp-collection_23-2149752889.jpg?_wi=1",              imageAlt: "Identity verification process with secure badge"},
             {
               id: 2,
               tag: "Phase Two",              title: "Work Verified",              subtitle: "Portfolio and reference validation",              description:
                 "Freelancers submit proof of past work, client references, Upwork links, or portfolio samples. We validate work history and quality indicators. This premium badge unlocks higher job visibility.",              imageSrc:
-                "http://img.b2bpic.net/free-photo/visa-application-form-laptop_23-2149117779.jpg?_wi=1",              imageAlt: "Work verification with portfolio review"
-            },
+                "http://img.b2bpic.net/free-photo/visa-application-form-laptop_23-2149117779.jpg?_wi=1",              imageAlt: "Work verification with portfolio review"},
             {
               id: 3,
               tag: "Status Tracking",              title: "Real-Time Updates",              subtitle: "Monitor your verification status",              description:
                 "View submission status in real-time: Not Started, Submitted, In Review, Approved, Needs Changes, or Rejected with detailed feedback for resubmission.",              imageSrc:
-                "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg?_wi=1",              imageAlt: "Verification status dashboard"
-            },
+                "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg?_wi=1",              imageAlt: "Verification status dashboard"},
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
@@ -128,20 +125,17 @@ export default function HomePage() {
               id: 1,
               tag: "Step 1",              title: "Search & Filter",              subtitle: "Find the perfect freelancer",              description:
                 "Use advanced filters: role (VA, Designer, Video Editor, SMM, etc.), verification badges, availability, hourly rate, skills, and timezone. Save searches for quick access.",              imageSrc:
-                "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg?_wi=2",              imageAlt: "Advanced talent search filters"
-            },
+                "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg?_wi=2",              imageAlt: "Advanced talent search filters"},
             {
               id: 2,
               tag: "Step 2",              title: "Review Profiles",              subtitle: "Complete professional profiles",              description:
                 "Each profile includes: verified badges, headline, skills, portfolio/work history, reviews from confirmed clients, availability status, timezone, and hourly rate.",              imageSrc:
-                "http://img.b2bpic.net/free-photo/recruitment-consulting-venn-diagram_53876-121542.jpg?_wi=1",              imageAlt: "Freelancer profile showcase"
-            },
+                "http://img.b2bpic.net/free-photo/recruitment-consulting-venn-diagram_53876-121542.jpg?_wi=1",              imageAlt: "Freelancer profile showcase"},
             {
               id: 3,
               tag: "Step 3",              title: "Request Contact",              subtitle: "Direct communication",              description:
                 "Clients request contact (via paid credits/subscription). Freelancers receive contact requests and can respond directly. Payment unlocks email and messaging thread.",              imageSrc:
-                "http://img.b2bpic.net/free-vector/computer-with-social-profile-social-community_24877-53905.jpg?_wi=1",              imageAlt: "Contact request flow"
-            },
+                "http://img.b2bpic.net/free-vector/computer-with-social-profile-social-community_24877-53905.jpg?_wi=1",              imageAlt: "Contact request flow"},
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
@@ -204,38 +198,32 @@ export default function HomePage() {
               id: "1",              name: "Maria Santos",              role: "Virtual Assistant",              testimonial:
                 "STAFFED's verification system gave me credibility instantly. I landed 5 international clients in my first month. The platform's professional environment attracts quality projects.",              icon: Briefcase,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg?_wi=1",              imageAlt: "Maria Santos profile"
-            },
+                "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg?_wi=1",              imageAlt: "Maria Santos profile"},
             {
               id: "2",              name: "James Mitchell",              role: "Marketing Director",              testimonial:
                 "Finding reliable Filipino SMM specialists has been a game-changer. The two-tier verification means I hire with confidence. The time saved on vetting is worth every peso.",              icon: CheckCircle,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg?_wi=1",              imageAlt: "James Mitchell profile"
-            },
+                "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg?_wi=1",              imageAlt: "James Mitchell profile"},
             {
               id: "3",              name: "Carlos Reyes",              role: "Video Editor",              testimonial:
                 "My portfolio is displayed beautifully here. Clients see my work history and past reviews immediately. I've doubled my rates since joining STAFFED and staying booked solid.",              icon: Briefcase,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg?_wi=2",              imageAlt: "Carlos Reyes profile"
-            },
+                "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg?_wi=2",              imageAlt: "Carlos Reyes profile"},
             {
               id: "4",              name: "Sarah Chen",              role: "Tech Startup Founder",              testimonial:
                 "Building a remote team across 3 time zones was overwhelming until I found STAFFED. The verified badges saved hours of screening. My developers are top-notch and verified.",              icon: CheckCircle,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg?_wi=2",              imageAlt: "Sarah Chen profile"
-            },
+                "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg?_wi=2",              imageAlt: "Sarah Chen profile"},
             {
               id: "5",              name: "Ana Cruz",              role: "UI/UX Designer",              testimonial:
                 "The platform's reputation system rewards quality work. Each successful project adds to my verified work badge. Clients trust my skills before we even chat.",              icon: Briefcase,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg?_wi=3",              imageAlt: "Ana Cruz profile"
-            },
+                "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg?_wi=3",              imageAlt: "Ana Cruz profile"},
             {
               id: "6",              name: "David Thompson",              role: "Freelance Hiring Manager",              testimonial:
                 "We've hired 20+ freelancers through STAFFED. Zero scams, zero quality issues. The contact verification and confirmed work system is bulletproof. Best decision for scaling our team.",              icon: CheckCircle,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg?_wi=3",              imageAlt: "David Thompson profile"
-            },
+                "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg?_wi=3",              imageAlt: "David Thompson profile"},
           ]}
           animationType="slide-up"
           textboxLayout="default"
@@ -264,16 +252,15 @@ export default function HomePage() {
             },
             {
               id: "client-basic",              badge: "Most Popular",              badgeIcon: Star,
-              price: "$29",              subtitle: "Per month / Pay as you go option",              buttons: [
-                { text: "Start Hiring", href: "/auth/signup?role=client" },
-              ],
+              price: "$29",              subtitle: "Per month / Pay as you go option",              buttons: [{ text: "Start Hiring", href: "/auth/signup?role=client" }],
               features: [
                 "Browse verified talent directory",                "Advanced search filters",                "Contact 10 freelancers/month",                "Post 3 jobs/month",                "Leave work confirmations",                "Email support"],
             },
             {
               id: "client-pro",              badge: "For Agencies",              badgeIcon: Sparkles,
               price: "$99",              subtitle: "Per month / Unlimited hiring",              buttons: [
-                { text: "Get Pro Plan", href: "/auth/signup?role=client&plan=pro" },
+                {
+                  text: "Get Pro Plan",                  href: "/auth/signup?role=client&plan=pro"},
               ],
               features: [
                 "Unlimited freelancer contacts",                "Unlimited job postings",                "Priority job placement",                "Team member accounts (3)",                "Advanced analytics",                "Dedicated support"],
@@ -291,14 +278,30 @@ export default function HomePage() {
           animationType="smooth"
           faqsAnimation="slide-up"
           faqs={[
-            {id:"1",title:"How does STAFFED differ from other freelance platforms?",content:"STAFFED specializes exclusively in verified Filipino talent for global clients. Our 2-tier verification (Identity + Work) ensures you hire with confidence. Every freelancer is vetted, not just listed."},
-            {id:"2",title:"How long does the verification process take?",content:"Identity verification typically takes 2-3 business days. Work verification takes 3-5 business days depending on completeness of portfolio and references. You can apply for jobs while verification is pending."},
-            {id:"3",title:"What proof is needed for Work Verification?",content:"Submit portfolio pieces, past project outcomes, client references, Upwork profile link (if applicable), resume, or work samples. We verify credentials and authenticity before approving the badge."},
-            {id:"4",title:"How do freelancers get paid?",content:"Payment happens directly between client and freelancer via the platform. We support multiple payment methods including bank transfer, GCash, and PayPal. Freelancers set their own rates."},
-            {id:"5",title:"Can I post jobs on STAFFED if I'm not hiring yet?",content:"Yes. The Jobs Feed includes curated remote opportunities from Upwork, LinkedIn, and company sites. Exclusive platform jobs go to verified freelancers. Clients can also post custom jobs."},
-            {id:"6",title:"What if I need to hire Filipino freelancers outside STAFFED?",content:"Contact requests require payment. After payment, you receive email and direct messaging access. We recommend using the platform for safe, verified transactions, but introductions are yours to take offline."},
-            {id:"7",title:"How are verified work confirmations handled?",content:"After project completion, clients can confirm work on the platform. They submit a star rating, brief testimonial, project dates, and role. This verified review appears on the freelancer's profile permanently."},
-            {id:"8",title:"Is there a dispute resolution process?",content:"Yes. If a freelancer and client cannot agree on work completion, STAFFED support reviews submitted evidence (communications, deliverables, agreements). We adjudicate fairly based on platform guidelines."}
+            {
+              id: "1",              title: "How does STAFFED differ from other freelance platforms?",              content:
+                "STAFFED specializes exclusively in verified Filipino talent for global clients. Our 2-tier verification (Identity + Work) ensures you hire with confidence. Every freelancer is vetted, not just listed."},
+            {
+              id: "2",              title: "How long does the verification process take?",              content:
+                "Identity verification typically takes 2-3 business days. Work verification takes 3-5 business days depending on completeness of portfolio and references. You can apply for jobs while verification is pending."},
+            {
+              id: "3",              title: "What proof is needed for Work Verification?",              content:
+                "Submit portfolio pieces, past project outcomes, client references, Upwork profile link (if applicable), resume, or work samples. We verify credentials and authenticity before approving the badge."},
+            {
+              id: "4",              title: "How do freelancers get paid?",              content:
+                "Payment happens directly between client and freelancer via the platform. We support multiple payment methods including bank transfer, GCash, and PayPal. Freelancers set their own rates."},
+            {
+              id: "5",              title: "Can I post jobs on STAFFED if I'm not hiring yet?",              content:
+                "Yes. The Jobs Feed includes curated remote opportunities from Upwork, LinkedIn, and company sites. Exclusive platform jobs go to verified freelancers. Clients can also post custom jobs."},
+            {
+              id: "6",              title: "What if I need to hire Filipino freelancers outside STAFFED?",              content:
+                "Contact requests require payment. After payment, you receive email and direct messaging access. We recommend using the platform for safe, verified transactions, but introductions are yours to take offline."},
+            {
+              id: "7",              title: "How are verified work confirmations handled?",              content:
+                "After project completion, clients can confirm work on the platform. They submit a star rating, brief testimonial, project dates, and role. This verified review appears on the freelancer's profile permanently."},
+            {
+              id: "8",              title: "Is there a dispute resolution process?",              content:
+                "Yes. If a freelancer and client cannot agree on work completion, STAFFED support reviews submitted evidence (communications, deliverables, agreements). We adjudicate fairly based on platform guidelines."},
           ]}
         />
       </div>
@@ -329,20 +332,16 @@ export default function HomePage() {
           socialLinks={[
             {
               icon: Linkedin,
-              href: "https://linkedin.com/company/staffed-platform",              ariaLabel: "LinkedIn"
-            },
+              href: "https://linkedin.com/company/staffed-platform",              ariaLabel: "LinkedIn"},
             {
               icon: Twitter,
-              href: "https://twitter.com/staffed_ph",              ariaLabel: "Twitter"
-            },
+              href: "https://twitter.com/staffed_ph",              ariaLabel: "Twitter"},
             {
               icon: Facebook,
-              href: "https://facebook.com/staffed.platform",              ariaLabel: "Facebook"
-            },
+              href: "https://facebook.com/staffed.platform",              ariaLabel: "Facebook"},
             {
               icon: Mail,
-              href: "mailto:support@staffed.ph",              ariaLabel: "Email Support"
-            },
+              href: "mailto:support@staffed.ph",              ariaLabel: "Email Support"},
           ]}
         />
       </div>

src/app/verification/page.tsx

@@ -4,21 +4,15 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
 import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
 import FooterCard from "@/components/sections/footer/FooterCard";
-import {
-  Shield,
-  Linkedin,
-  Twitter,
-  Facebook,
-  Mail,
-} from "lucide-react";
+import { Shield, Linkedin, Twitter, Facebook, Mail } from "lucide-react";
 
 export default function VerificationPage() {
   const navItems = [
-    { name: "Browse Talent", id: "browse-talent" },
-    { name: "Jobs Feed", id: "jobs-feed" },
-    { name: "How It Works", id: "how-it-works" },
-    { name: "Pricing", id: "pricing" },
-    { name: "FAQ", id: "faq" },
+    { name: "Browse Talent", id: "/browse-talent" },
+    { name: "Jobs Feed", id: "/jobs-feed" },
+    { name: "How It Works", id: "/verification" },
+    { name: "Pricing", id: "#pricing" },
+    { name: "FAQ", id: "#faq" },
   ];
 
   return (
@@ -54,20 +48,17 @@ export default function VerificationPage() {
               id: 1,
               tag: "Phase One",              title: "Identity Verified",              subtitle: "Government-issued ID confirmation",              description:
                 "Freelancers submit government-issued identification and a verified selfie. Our verification team manually reviews and confirms identity. This badge appears on all freelancer profiles.",              imageSrc:
-                "http://img.b2bpic.net/free-vector/flat-design-patented-stamp-collection_23-2149752889.jpg?_wi=2",              imageAlt: "Identity verification process with secure badge"
-            },
+                "http://img.b2bpic.net/free-vector/flat-design-patented-stamp-collection_23-2149752889.jpg?_wi=2",              imageAlt: "Identity verification process with secure badge"},
             {
               id: 2,
               tag: "Phase Two",              title: "Work Verified",              subtitle: "Portfolio and reference validation",              description:
                 "Freelancers submit proof of past work, client references, Upwork links, or portfolio samples. We validate work history and quality indicators. This premium badge unlocks higher job visibility.",              imageSrc:
-                "http://img.b2bpic.net/free-photo/visa-application-form-laptop_23-2149117779.jpg?_wi=2",              imageAlt: "Work verification with portfolio review"
-            },
+                "http://img.b2bpic.net/free-photo/visa-application-form-laptop_23-2149117779.jpg?_wi=2",              imageAlt: "Work verification with portfolio review"},
             {
               id: 3,
               tag: "Status Tracking",              title: "Real-Time Updates",              subtitle: "Monitor your verification status",              description:
                 "View submission status in real-time: Not Started, Submitted, In Review, Approved, Needs Changes, or Rejected with detailed feedback for resubmission.",              imageSrc:
-                "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg?_wi=4",              imageAlt: "Verification status dashboard"
-            },
+                "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg?_wi=4",              imageAlt: "Verification status dashboard"},
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
@@ -81,23 +72,19 @@ export default function VerificationPage() {
           socialLinks={[
             {
               icon: Linkedin,
-              href: "https://linkedin.com/company/staffed-platform",              ariaLabel: "LinkedIn"
-            },
+              href: "https://linkedin.com/company/staffed-platform",              ariaLabel: "LinkedIn"},
             {
               icon: Twitter,
-              href: "https://twitter.com/staffed_ph",              ariaLabel: "Twitter"
-            },
+              href: "https://twitter.com/staffed_ph",              ariaLabel: "Twitter"},
             {
               icon: Facebook,
-              href: "https://facebook.com/staffed.platform",              ariaLabel: "Facebook"
-            },
+              href: "https://facebook.com/staffed.platform",              ariaLabel: "Facebook"},
             {
               icon: Mail,
-              href: "mailto:support@staffed.ph",              ariaLabel: "Email Support"
-            },
+              href: "mailto:support@staffed.ph",              ariaLabel: "Email Support"},
           ]}
         />
       </div>
     </ThemeProvider>
   );
-}
+}