Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-17 01:43:47 +00:00

View File

@@ -16,410 +16,159 @@ import { Award, Briefcase, TrendingUp } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="background-highlight"
borderRadius="soft"
defaultButtonVariant="text-shift"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Features",
id: "features",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "FAQ",
id: "faq",
},
]}
brandName="ResumeScoreAI"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "FAQ", id: "faq" }
]}
brandName="ResumeScoreAI"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "plain",
}}
title="Pass the ATS and Land Your Dream Job"
description="Optimize your resume with our AI-driven analyzer. Get instant feedback on your ATS score and access templates that get you interviews."
testimonials={[
{
name: "Alex R.",
handle: "@alexrec",
testimonial: "My ATS score jumped from 40 to 92 in one week!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
},
{
name: "Sarah J.",
handle: "@sarahj",
testimonial: "Finally landed a Google interview using their templates.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-bu-office-building_1303-31732.jpg",
},
{
name: "David W.",
handle: "@davew",
testimonial: "Best investment for my career search.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
},
{
name: "Elena M.",
handle: "@elenam",
testimonial: "ATS scoring is a game changer.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg",
},
{
name: "Kyle K.",
handle: "@kylek",
testimonial: "Clear, actionable advice. Highly recommend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-professional-standing-with-arms-crossed-while-making-eye-contact-against-isolated-background_662251-838.jpg",
},
]}
buttons={[
{
text: "Get My ATS Score",
href: "#contact",
},
]}
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/businessman-resume_1421-79.jpg"
imageAlt="Businessman and resume."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
alt: "alone specialist handsome daydreaming collar",
},
{
src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
alt: "Businesswoman in Glasses Portrait",
},
{
src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
alt: "Pretty attractive young mixed race model with large afro wearing navy jacket over her naked body and shorts",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg",
alt: "Smiling female staff at airport terminal",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-confident-young-woman-start-career-look-determined-get-job-waiting-interview-lean-glass-wall-business-center-smiling-looking-away-satisfied_197531-30572.jpg",
alt: "Closeup portrait of successful and confident young woman",
},
]}
avatarText="Join 15,000+ successful job seekers"
marqueeItems={[
{
type: "text",
text: "Google",
},
{
type: "text",
text: "Amazon",
},
{
type: "text",
text: "Microsoft",
},
{
type: "text",
text: "Meta",
},
{
type: "text",
text: "Apple",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{ variant: "plain" }}
title="Pass the ATS and Land Your Dream Job"
description="Optimize your resume with our AI-driven analyzer. Get instant feedback on your ATS score and access templates that get you interviews."
testimonials={[
{ name: "Alex R.", handle: "@alexrec", testimonial: "My ATS score jumped from 40 to 92 in one week!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg" },
{ name: "Sarah J.", handle: "@sarahj", testimonial: "Finally landed a Google interview using their templates.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-bu-office-building_1303-31732.jpg" },
{ name: "David W.", handle: "@davew", testimonial: "Best investment for my career search.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg" },
{ name: "Elena M.", handle: "@elenam", testimonial: "ATS scoring is a game changer.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg" },
{ name: "Kyle K.", handle: "@kylek", testimonial: "Clear, actionable advice. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-professional-standing-with-arms-crossed-while-making-eye-contact-against-isolated-background_662251-838.jpg" }
]}
buttons={[{ text: "Get My ATS Score", href: "#contact" }]}
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/businessman-resume_1421-79.jpg"
imageAlt="Businessman and resume."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", alt: "alone specialist handsome daydreaming collar" },
{ src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", alt: "Businesswoman in Glasses Portrait" },
{ src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", alt: "Pretty attractive young mixed race model with large afro wearing navy jacket over her naked body and shorts" },
{ src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg", alt: "Smiling female staff at airport terminal" },
{ src: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-confident-young-woman-start-career-look-determined-get-job-waiting-interview-lean-glass-wall-business-center-smiling-looking-away-satisfied_197531-30572.jpg", alt: "Closeup portrait of successful and confident young woman" }
]}
avatarText="Join 15,000+ successful job seekers"
marqueeItems={[{ type: "text", text: "Google" }, { type: "text", text: "Amazon" }, { type: "text", text: "Microsoft" }, { type: "text", text: "Meta" }, { type: "text", text: "Apple" }]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardNineteen
textboxLayout="split"
useInvertedBackground={false}
features={[
{
tag: "AI",
title: "Real-time Scoring",
subtitle: "Instant Feedback",
description: "Get a score from 0-100 on your resume's readability for major ATS systems.",
imageSrc: "http://img.b2bpic.net/free-photo/remote-worker-home-watching-business-conference-pc-monitor-looking-statistics_482257-135558.jpg",
},
{
tag: "Templates",
title: "ATS-Ready Templates",
subtitle: "Clean Structure",
description: "Choose from a library of templates proven to pass software filters.",
imageSrc: "http://img.b2bpic.net/free-photo/curriculum-vitae-resume-job-application-concept_53876-122482.jpg",
},
{
tag: "AI",
title: "Keyword Optimizer",
subtitle: "Smart Suggestions",
description: "Identify missing keywords based on the job description.",
imageSrc: "http://img.b2bpic.net/free-photo/blue-background-with-bright-lines_1160-203.jpg",
},
]}
title="Why ResumeScoreAI?"
description="Engineered to help you beat the machines and catch the recruiter's eye."
/>
</div>
<div id="features" data-section="features">
<FeatureCardNineteen
textboxLayout="split"
useInvertedBackground={false}
features={[
{ tag: "AI", title: "Real-time Scoring", subtitle: "Instant Feedback", description: "Get a score from 0-100 on your resume's readability for major ATS systems.", imageSrc: "http://img.b2bpic.net/free-photo/remote-worker-home-watching-business-conference-pc-monitor-looking-statistics_482257-135558.jpg" },
{ tag: "Templates", title: "ATS-Ready Templates", subtitle: "Clean Structure", description: "Choose from a library of templates proven to pass software filters.", imageSrc: "http://img.b2bpic.net/free-photo/curriculum-vitae-resume-job-application-concept_53876-122482.jpg" },
{ tag: "AI", title: "Keyword Optimizer", subtitle: "Smart Suggestions", description: "Identify missing keywords based on the job description.", imageSrc: "http://img.b2bpic.net/free-photo/blue-background-with-bright-lines_1160-203.jpg" }
]}
title="Why ResumeScoreAI?"
description="Engineered to help you beat the machines and catch the recruiter's eye."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
title: "ATS Scores Improved",
value: "15,000+",
icon: Award,
},
{
id: "m2",
title: "Interviews Secured",
value: "8,200",
icon: Briefcase,
},
{
id: "m3",
title: "Hiring Rate Increase",
value: "34%",
icon: TrendingUp,
},
]}
title="Proven Results"
description="Helping job seekers reach their potential."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "m1", title: "ATS Scores Improved", value: "15,000+", icon: Award },
{ id: "m2", title: "Interviews Secured", value: "8,200", icon: Briefcase },
{ id: "m3", title: "Hiring Rate Increase", value: "34%", icon: TrendingUp }
]}
title="Proven Results"
description="Helping job seekers reach their potential."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "John Doe",
role: "Software Engineer",
company: "TechCorp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
},
{
id: "2",
name: "Jane Smith",
role: "Project Manager",
company: "Innovate",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-professional-businesswoman-with-glasses-presentation_23-2148824824.jpg",
},
{
id: "3",
name: "Mark Wilson",
role: "Data Analyst",
company: "DataHub",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-with-notepad_1301-1749.jpg",
},
{
id: "4",
name: "Emily Davis",
role: "UX Designer",
company: "CreativeCo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419524.jpg",
},
{
id: "5",
name: "Brian Lee",
role: "Sales Lead",
company: "GrowthX",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
},
]}
kpiItems={[
{
value: "98%",
label: "Satisfaction Rate",
},
{
value: "4.9/5",
label: "Average Rating",
},
{
value: "300+",
label: "Jobs Landed Daily",
},
]}
title="Stories from Hired Candidates"
description="Real success stories from our user community."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "John Doe", role: "Software Engineer", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg" },
{ id: "2", name: "Jane Smith", role: "Project Manager", company: "Innovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-professional-businesswoman-with-glasses-presentation_23-2148824824.jpg" },
{ id: "3", name: "Mark Wilson", role: "Data Analyst", company: "DataHub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-with-notepad_1301-1749.jpg" },
{ id: "4", name: "Emily Davis", role: "UX Designer", company: "CreativeCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419524.jpg" },
{ id: "5", name: "Brian Lee", role: "Sales Lead", company: "GrowthX", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg" }
]}
kpiItems={[
{ value: "98%", label: "Satisfaction Rate" },
{ value: "4.9/5", label: "Average Rating" },
{ value: "300+", label: "Jobs Landed Daily" }
]}
title="Stories from Hired Candidates"
description="Real success stories from our user community."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Essential",
price: "$19",
subtitle: "For basic optimization",
features: [
"1 Resume Audit",
"ATS Score Feedback",
"Standard Templates",
],
buttons: [
{
text: "Get Started",
href: "#contact",
},
],
},
{
id: "pro",
badge: "Pro",
price: "$49",
subtitle: "For serious job seekers",
features: [
"Unlimited Audits",
"AI Keyword Optimization",
"Premium Templates",
"Priority Support",
],
buttons: [
{
text: "Go Pro",
href: "#contact",
},
],
},
{
id: "career",
badge: "Elite",
price: "$99",
subtitle: "For career pivots",
features: [
"Career Coach Consultation",
"All Pro Features",
"Custom Resume Layout",
"Lifetime Access",
],
buttons: [
{
text: "Choose Elite",
href: "#contact",
},
],
},
]}
title="Choose Your Path"
description="Affordable options for every stage of your career."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{ id: "basic", badge: "Essential", price: "$19", subtitle: "For basic optimization", features: ["1 Resume Audit", "ATS Score Feedback", "Standard Templates"], buttons: [{ text: "Get Started", href: "#contact" }] },
{ id: "pro", badge: "Pro", price: "$49", subtitle: "For serious job seekers", features: ["Unlimited Audits", "AI Keyword Optimization", "Premium Templates", "Priority Support"], buttons: [{ text: "Go Pro", href: "#contact" }] },
{ id: "career", badge: "Elite", price: "$99", subtitle: "For career pivots", features: ["Career Coach Consultation", "All Pro Features", "Custom Resume Layout", "Lifetime Access"], buttons: [{ text: "Choose Elite", href: "#contact" }] }
]}
title="Choose Your Path"
description="Affordable options for every stage of your career."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How does ATS scoring work?",
content: "Our AI analyzes keywords and layout formatting similar to how major recruiting software evaluates your document.",
},
{
id: "f2",
title: "Are templates truly ATS optimized?",
content: "Yes, our templates are designed with clean, machine-readable structures.",
},
{
id: "f3",
title: "Can I get a refund?",
content: "We offer a 7-day money back guarantee if you're not satisfied with your score report.",
},
]}
sideTitle="Frequently Asked Questions"
sideDescription="Everything you need to know about our services."
faqsAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "How does ATS scoring work?", content: "Our AI analyzes keywords and layout formatting similar to how major recruiting software evaluates your document." },
{ id: "f2", title: "Are templates truly ATS optimized?", content: "Yes, our templates are designed with clean, machine-readable structures." },
{ id: "f3", title: "Can I get a refund?", content: "We offer a 7-day money back guarantee if you're not satisfied with your score report." }
]}
sideTitle="Frequently Asked Questions"
sideDescription="Everything you need to know about our services."
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
tag="Start Free"
title="Get Your Free ATS Resume Review"
description="Enter your email to receive our resume checklist and a free score trial."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
tag="Start Free"
title="Get Your Free ATS Resume Review"
description="Enter your email to receive our resume checklist and a free score trial."
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Resources",
items: [
{
label: "ATS Guide",
href: "#",
},
{
label: "Job Board",
href: "#",
},
{
label: "Templates",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Contact",
href: "#contact",
},
{
label: "Privacy",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 ResumeScoreAI Inc."
bottomRightText="All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Resources", items: [{ label: "ATS Guide", href: "#" }, { label: "Job Board", href: "#" }, { label: "Templates", href: "#" }] },
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] }
]}
bottomLeftText="© 2024 ResumeScoreAI Inc."
bottomRightText="All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}