Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -8,7 +8,7 @@ import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwent
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
@@ -29,30 +29,20 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
+      <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Discover",
+          name: "Discover",          id: "#jobs"},
-          id: "#jobs",
-        },
         {
-          name: "AI Insights",
+          name: "AI Insights",          id: "#features"},
-          id: "#features",
-        },
         {
-          name: "Dashboard",
+          name: "Dashboard",          id: "#dashboard"},
-          id: "#dashboard",
-        },
         {
-          name: "Support",
+          name: "Support",          id: "#faq"},
-          id: "#faq",
-        },
       ]}
       brandName="SkillMatch Jobs"
       button={{
-        text: "Get Started",
+        text: "Get Started",        href: "#contact"}}
-        href: "#contact",
-      }}
     />
   </div>
 
@@ -62,69 +52,37 @@ export default function LandingPage() {
       description="AI-powered job discovery based on your unique skills, salary goals, and real-time applicant competition analysis."
       testimonials={[
         {
-          name: "Alex Chen",
+          name: "Alex Chen",          handle: "@chen_dev",          testimonial: "The competition heat meter saved me so much time. I found my dream role in two weeks.",          rating: 5,
-          handle: "@chen_dev",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-17763.jpg"},
-          testimonial: "The competition heat meter saved me so much time. I found my dream role in two weeks.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-17763.jpg",
-        },
         {
-          name: "Sarah Miller",
+          name: "Sarah Miller",          handle: "@smiller_pm",          testimonial: "AI match scoring is incredibly accurate. It helped me land an interview at a top unicorn.",          rating: 5,
-          handle: "@smiller_pm",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg"},
-          testimonial: "AI match scoring is incredibly accurate. It helped me land an interview at a top unicorn.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
-        },
         {
-          name: "Jordan P.",
+          name: "Jordan P.",          handle: "@jordan_eng",          testimonial: "Finally a job board that cares about applicant volume. No more applying to black holes.",          rating: 5,
-          handle: "@jordan_eng",
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-architect-looking-camera_23-2148242889.jpg"},
-          testimonial: "Finally a job board that cares about applicant volume. No more applying to black holes.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-architect-looking-camera_23-2148242889.jpg",
-        },
         {
-          name: "Elena R.",
+          name: "Elena R.",          handle: "@elena_design",          testimonial: "The resume optimization feature is a game changer for passing ATS filters.",          rating: 5,
-          handle: "@elena_design",
+          imageSrc: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2853.jpg"},
-          testimonial: "The resume optimization feature is a game changer for passing ATS filters.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2853.jpg",
-        },
         {
-          name: "Marcus W.",
+          name: "Marcus W.",          handle: "@m_data",          testimonial: "Opportunity score makes it easy to spot undervalued roles. Highly recommended.",          rating: 5,
-          handle: "@m_data",
+          imageSrc: "http://img.b2bpic.net/free-photo/focused-tablet-user-reading-content-screen_74855-3436.jpg"},
-          testimonial: "Opportunity score makes it easy to spot undervalued roles. Highly recommended.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/focused-tablet-user-reading-content-screen_74855-3436.jpg",
-        },
       ]}
       buttons={[
         {
-          text: "Start Matching",
+          text: "Start Matching",          href: "#jobs"},
-          href: "#jobs",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",
+          src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",          alt: "User 1"},
-          alt: "User 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-portrait_23-2149005396.jpg",
+          src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-portrait_23-2149005396.jpg",          alt: "User 2"},
-          alt: "User 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg",
+          src: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg",          alt: "User 3"},
-          alt: "User 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452672.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452672.jpg",          alt: "User 4"},
-          alt: "User 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",          alt: "User 5"},
-          alt: "User 5",
-        },
       ]}
     />
   </div>
@@ -137,17 +95,11 @@ export default function LandingPage() {
       description="We believe job searching shouldn't be a numbers game. Our AI balances your skills with market dynamics to put you in the driver's seat."
       bulletPoints={[
         {
-          title: "Skill-First Matching",
+          title: "Skill-First Matching",          description: "AI parses your expertise against the specific needs of hiring managers."},
-          description: "AI parses your expertise against the specific needs of hiring managers.",
-        },
         {
-          title: "Competition Heat Meter",
+          title: "Competition Heat Meter",          description: "Know the odds before you hit apply with our real-time applicant tracking."},
-          description: "Know the odds before you hit apply with our real-time applicant tracking.",
-        },
         {
-          title: "Salary Optimization",
+          title: "Salary Optimization",          description: "Focus on roles that align with your compensation expectations and market value."},
-          description: "Focus on roles that align with your compensation expectations and market value.",
-        },
       ]}
       mediaAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12010.jpg"
@@ -161,20 +113,11 @@ export default function LandingPage() {
       description="Powerful tools designed to accelerate your job search and improve your success rate."
       accordionItems={[
         {
-          id: "f1",
+          id: "f1",          title: "Opportunity Scoring",          content: "Our AI synthesizes salary, match, and competition data into a single score."},
-          title: "Opportunity Scoring",
-          content: "Our AI synthesizes salary, match, and competition data into a single score.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Resume Rewriting",          content: "Tailor your application to specific roles using our smart prompt engine."},
-          title: "Resume Rewriting",
-          content: "Tailor your application to specific roles using our smart prompt engine.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Growth Insights",          content: "Get suggestions on missing skills that will make you more hireable."},
-          title: "Growth Insights",
-          content: "Get suggestions on missing skills that will make you more hireable.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/3d-low-poly-connections-background_1048-12378.jpg"
       mediaAnimation="opacity"
@@ -189,41 +132,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Senior Frontend Dev",          price: "140k - 180k",          imageSrc: "http://img.b2bpic.net/free-photo/woman-planning-scrum-method_23-2148513852.jpg"},
-          name: "Senior Frontend Dev",
-          price: "140k - 180k",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-planning-scrum-method_23-2148513852.jpg",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Product Manager",          price: "150k - 190k",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-pie-chart_23-2148950424.jpg"},
-          name: "Product Manager",
-          price: "150k - 190k",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-pie-chart_23-2148950424.jpg",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Data Scientist",          price: "160k - 200k",          imageSrc: "http://img.b2bpic.net/free-photo/3d-data-technology-abstract-background-with-cyber-particles_1048-17876.jpg"},
-          name: "Data Scientist",
-          price: "160k - 200k",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-data-technology-abstract-background-with-cyber-particles_1048-17876.jpg",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "DevOps Architect",          price: "170k - 210k",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-pieces-with-wood_23-2149001160.jpg"},
-          name: "DevOps Architect",
-          price: "170k - 210k",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-pieces-with-wood_23-2149001160.jpg",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "UX Lead",          price: "130k - 170k",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-keyboard-statistics-arrangement_23-2149386340.jpg"},
-          name: "UX Lead",
-          price: "130k - 170k",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-keyboard-statistics-arrangement_23-2149386340.jpg",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Cloud Engineer",          price: "145k - 185k",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-network-concept_23-2148999172.jpg"},
-          name: "Cloud Engineer",
-          price: "145k - 185k",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-network-concept_23-2148999172.jpg",
-        },
       ]}
       title="High-Probability Job Feed"
       description="Top roles tailored to your profile."
@@ -238,20 +157,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "45%",          description: "Higher response rate"},
-          value: "45%",
-          description: "Higher response rate",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "3x",          description: "Faster interview scheduling"},
-          value: "3x",
-          description: "Faster interview scheduling",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "90%",          description: "Applicant match accuracy"},
-          value: "90%",
-          description: "Applicant match accuracy",
-        },
       ]}
       title="Proven Impact"
       description="See how we help candidates secure their next role faster."
@@ -265,59 +175,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Alex Chen",          role: "Software Engineer",          company: "TechScale",          rating: 5,
-          name: "Alex Chen",
+          imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-1092.jpg"},
-          role: "Software Engineer",
-          company: "TechScale",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-1092.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Sarah Miller",          role: "Product Manager",          company: "InnovateLabs",          rating: 5,
-          name: "Sarah Miller",
+          imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg"},
-          role: "Product Manager",
-          company: "InnovateLabs",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Jordan P.",          role: "Full Stack Dev",          company: "StartUpCo",          rating: 5,
-          name: "Jordan P.",
+          imageSrc: "http://img.b2bpic.net/free-photo/laptop-digitally-generated-paper-logistics-working_1134-928.jpg"},
-          role: "Full Stack Dev",
-          company: "StartUpCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-digitally-generated-paper-logistics-working_1134-928.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "Elena R.",          role: "UX Designer",          company: "DesignStudio",          rating: 5,
-          name: "Elena R.",
+          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-having-fun_23-2149269596.jpg"},
-          role: "UX Designer",
-          company: "DesignStudio",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-having-fun_23-2149269596.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Marcus W.",          role: "Data Analyst",          company: "DataCorp",          rating: 5,
-          name: "Marcus W.",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-eyeglasses_273609-14946.jpg"},
-          role: "Data Analyst",
-          company: "DataCorp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-eyeglasses_273609-14946.jpg",
-        },
       ]}
       kpiItems={[
         {
-          value: "10k+",
+          value: "10k+",          label: "Jobs Matched"},
-          label: "Jobs Matched",
-        },
         {
-          value: "5k+",
+          value: "5k+",          label: "Successful Hires"},
-          label: "Successful Hires",
-        },
         {
-          value: "4.9/5",
+          value: "4.9/5",          label: "Rating"},
-          label: "Rating",
-        },
       ]}
       title="Loved by Professionals"
       description="Candidates trust SkillMatch to navigate the competitive job market."
@@ -329,20 +208,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "How is match score calculated?",          content: "Our AI factors in skills, salary compatibility, and real-time competition data."},
-          title: "How is match score calculated?",
-          content: "Our AI factors in skills, salary compatibility, and real-time competition data.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "Is my data private?",          content: "We use end-to-end encryption for all uploaded resumes and user profiles."},
-          title: "Is my data private?",
-          content: "We use end-to-end encryption for all uploaded resumes and user profiles.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "Can I use it for free?",          content: "Yes, basic discovery and matching are free for all active job seekers."},
-          title: "Can I use it for free?",
-          content: "Yes, basic discovery and matching are free for all active job seekers.",
-        },
       ]}
       sideTitle="Questions? Answers."
       faqsAnimation="slide-up"
@@ -353,16 +223,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       tag="Ready to Start?"
       title="Find your next role today."
       description="Join the next generation of job discovery."
       buttons={[
         {
-          text: "Sign Up Now",
+          text: "Sign Up Now",          href: "#"},
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -372,42 +239,27 @@ export default function LandingPage() {
       logoText="SkillMatch Jobs"
       columns={[
         {
-          title: "Platform",
+          title: "Platform",          items: [
-          items: [
             {
-              label: "Search",
+              label: "Search",              href: "#jobs"},
-              href: "#jobs",
-            },
             {
-              label: "AI Engine",
+              label: "AI Engine",              href: "#features"},
-              href: "#features",
-            },
           ],
         },
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About",
+              label: "About",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Careers",
+              label: "Careers",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy",
+              label: "Privacy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms",
+              label: "Terms",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}