From a71c72e5c8dde7a2b5d187db3fbc0c99b7fe893a Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 20 May 2026 19:28:54 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 280 +++++++++++------------------------------------ 1 file changed, 66 insertions(+), 214 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 7200f2f..a5aa538 100644 --- a/src/app/page.tsx +++ b/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() { > @@ -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", - handle: "@chen_dev", - 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: "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, + 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", - handle: "@smiller_pm", - 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: "Sarah Miller", handle: "@smiller_pm", 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.", - handle: "@jordan_eng", - 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: "Jordan P.", handle: "@jordan_eng", 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.", - handle: "@elena_design", - 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: "Elena R.", handle: "@elena_design", 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.", - handle: "@m_data", - 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", - }, + name: "Marcus W.", handle: "@m_data", 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", - href: "#jobs", - }, + text: "Start Matching", 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", - alt: "User 1", - }, + src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg", alt: "User 1"}, { - src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-portrait_23-2149005396.jpg", - alt: "User 2", - }, + src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-portrait_23-2149005396.jpg", 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", - alt: "User 3", - }, + 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"}, { - src: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452672.jpg", - alt: "User 4", - }, + src: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452672.jpg", alt: "User 4"}, { - src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg", - alt: "User 5", - }, + src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg", alt: "User 5"}, ]} /> @@ -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", - description: "AI parses your expertise against the specific needs of hiring managers.", - }, + title: "Skill-First Matching", description: "AI parses your expertise against the specific needs of hiring managers."}, { - title: "Competition Heat Meter", - description: "Know the odds before you hit apply with our real-time applicant tracking.", - }, + title: "Competition Heat Meter", description: "Know the odds before you hit apply with our real-time applicant tracking."}, { - title: "Salary Optimization", - description: "Focus on roles that align with your compensation expectations and market value.", - }, + title: "Salary Optimization", 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", - title: "Opportunity Scoring", - content: "Our AI synthesizes salary, match, and competition data into a single score.", - }, + id: "f1", title: "Opportunity Scoring", content: "Our AI synthesizes salary, match, and competition data into a single score."}, { - id: "f2", - title: "Resume Rewriting", - content: "Tailor your application to specific roles using our smart prompt engine.", - }, + id: "f2", title: "Resume Rewriting", content: "Tailor your application to specific roles using our smart prompt engine."}, { - id: "f3", - title: "Growth Insights", - content: "Get suggestions on missing skills that will make you more hireable.", - }, + id: "f3", 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", - name: "Senior Frontend Dev", - price: "140k - 180k", - imageSrc: "http://img.b2bpic.net/free-photo/woman-planning-scrum-method_23-2148513852.jpg", - }, + id: "p1", name: "Senior Frontend Dev", price: "140k - 180k", imageSrc: "http://img.b2bpic.net/free-photo/woman-planning-scrum-method_23-2148513852.jpg"}, { - id: "p2", - name: "Product Manager", - price: "150k - 190k", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-pie-chart_23-2148950424.jpg", - }, + id: "p2", name: "Product Manager", price: "150k - 190k", imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-pie-chart_23-2148950424.jpg"}, { - 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", - }, + 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"}, { - id: "p4", - name: "DevOps Architect", - price: "170k - 210k", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-pieces-with-wood_23-2149001160.jpg", - }, + id: "p4", name: "DevOps Architect", price: "170k - 210k", imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-pieces-with-wood_23-2149001160.jpg"}, { - id: "p5", - name: "UX Lead", - price: "130k - 170k", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-keyboard-statistics-arrangement_23-2149386340.jpg", - }, + id: "p5", name: "UX Lead", price: "130k - 170k", imageSrc: "http://img.b2bpic.net/free-photo/top-view-keyboard-statistics-arrangement_23-2149386340.jpg"}, { - id: "p6", - name: "Cloud Engineer", - price: "145k - 185k", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-network-concept_23-2148999172.jpg", - }, + id: "p6", 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", - value: "45%", - description: "Higher response rate", - }, + id: "m1", value: "45%", description: "Higher response rate"}, { - id: "m2", - value: "3x", - description: "Faster interview scheduling", - }, + id: "m2", value: "3x", description: "Faster interview scheduling"}, { - id: "m3", - value: "90%", - description: "Applicant match accuracy", - }, + id: "m3", 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", - name: "Alex Chen", - role: "Software Engineer", - company: "TechScale", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-1092.jpg", - }, + id: "1", name: "Alex Chen", 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", - name: "Sarah Miller", - 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: "2", name: "Sarah Miller", 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", - name: "Jordan P.", - 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: "3", name: "Jordan P.", 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", - name: "Elena R.", - role: "UX Designer", - company: "DesignStudio", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-having-fun_23-2149269596.jpg", - }, + id: "4", name: "Elena R.", role: "UX Designer", company: "DesignStudio", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-having-fun_23-2149269596.jpg"}, { - id: "5", - name: "Marcus W.", - role: "Data Analyst", - company: "DataCorp", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-eyeglasses_273609-14946.jpg", - }, + id: "5", name: "Marcus W.", 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+", - label: "Jobs Matched", - }, + value: "10k+", label: "Jobs Matched"}, { - value: "5k+", - label: "Successful Hires", - }, + value: "5k+", label: "Successful Hires"}, { - value: "4.9/5", - label: "Rating", - }, + value: "4.9/5", 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", - title: "How is match score calculated?", - content: "Our AI factors in skills, salary compatibility, and real-time competition data.", - }, + id: "q1", title: "How is match score calculated?", content: "Our AI factors in skills, salary compatibility, and real-time competition data."}, { - id: "q2", - title: "Is my data private?", - content: "We use end-to-end encryption for all uploaded resumes and user profiles.", - }, + id: "q2", title: "Is my data private?", content: "We use end-to-end encryption for all uploaded resumes and user profiles."}, { - id: "q3", - title: "Can I use it for free?", - content: "Yes, basic discovery and matching are free for all active job seekers.", - }, + id: "q3", 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() { @@ -372,42 +239,27 @@ export default function LandingPage() { logoText="SkillMatch Jobs" columns={[ { - title: "Platform", - items: [ + title: "Platform", items: [ { - label: "Search", - href: "#jobs", - }, + label: "Search", href: "#jobs"}, { - label: "AI Engine", - href: "#features", - }, + label: "AI Engine", href: "#features"}, ], }, { - title: "Company", - items: [ + title: "Company", items: [ { - label: "About", - href: "#about", - }, + label: "About", href: "#about"}, { - label: "Careers", - href: "#", - }, + label: "Careers", href: "#"}, ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { - label: "Privacy", - href: "#", - }, + label: "Privacy", href: "#"}, { - label: "Terms", - href: "#", - }, + label: "Terms", href: "#"}, ], }, ]} @@ -416,4 +268,4 @@ export default function LandingPage() { ); -} +} \ No newline at end of file -- 2.49.1