Update src/app/page.tsx
This commit is contained in:
229
src/app/page.tsx
229
src/app/page.tsx
@@ -16,137 +16,85 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "How It Works",
|
||||
id: "how-it-works",
|
||||
},
|
||||
name: "How It Works", id: "how-it-works"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
]}
|
||||
brandName="ResumeAI"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "/auth",
|
||||
}}
|
||||
text: "Get Started", href: "/auth"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Land More Interviews with AI-Optimized Resumes"
|
||||
description="Upload your resume, match it to any job, and get a recruiter-ready version in seconds."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alexdev",
|
||||
testimonial: "ResumeAI helped me land 3 interviews in a week!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/a-futuristic-ai-powered-resume-building--1774801234312-8fe9e7e6.png?_wi=1",
|
||||
imageAlt: "A futuristic AI-powered resume building software dashboard showing elegant data visualization, clean",
|
||||
},
|
||||
name: "Alex R.", handle: "@alexdev", testimonial: "ResumeAI helped me land 3 interviews in a week!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/a-futuristic-ai-powered-resume-building--1774801234312-8fe9e7e6.png", imageAlt: "A futuristic AI-powered resume building software dashboard showing elegant data visualization, clean"},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@marketingpro",
|
||||
testimonial: "The ATS optimization features are absolutely brilliant.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/professional-headshot-of-a-happy-tech-wo-1774801232705-f17f4841.png?_wi=1",
|
||||
imageAlt: "Professional headshot of a happy tech worker, smiling.",
|
||||
},
|
||||
name: "Sarah J.", handle: "@marketingpro", testimonial: "The ATS optimization features are absolutely brilliant.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/professional-headshot-of-a-happy-tech-wo-1774801232705-f17f4841.png", imageAlt: "Professional headshot of a happy tech worker, smiling."},
|
||||
{
|
||||
name: "Mike T.",
|
||||
handle: "@mikerocks",
|
||||
testimonial: "Saved me hours of tedious editing work.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/professional-headshot-of-a-software-engi-1774801232667-aeec8256.png?_wi=1",
|
||||
imageAlt: "Professional headshot of a software engineer, friendly.",
|
||||
},
|
||||
name: "Mike T.", handle: "@mikerocks", testimonial: "Saved me hours of tedious editing work.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/professional-headshot-of-a-software-engi-1774801232667-aeec8256.png", imageAlt: "Professional headshot of a software engineer, friendly."},
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@elena_ux",
|
||||
testimonial: "Tailoring my resume to specific jobs is finally easy.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/professional-headshot-of-a-marketing-man-1774801233028-2cab4fc8.png?_wi=1",
|
||||
imageAlt: "Professional headshot of a marketing manager.",
|
||||
},
|
||||
name: "Elena V.", handle: "@elena_ux", testimonial: "Tailoring my resume to specific jobs is finally easy.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/professional-headshot-of-a-marketing-man-1774801233028-2cab4fc8.png", imageAlt: "Professional headshot of a marketing manager."},
|
||||
{
|
||||
name: "James K.",
|
||||
handle: "@james_ops",
|
||||
testimonial: "The AI suggestions were incredibly accurate and professional.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/professional-headshot-of-a-project-manag-1774801235454-dfa8eede.png?_wi=1",
|
||||
imageAlt: "Professional headshot of a project manager.",
|
||||
},
|
||||
name: "James K.", handle: "@james_ops", testimonial: "The AI suggestions were incredibly accurate and professional.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/professional-headshot-of-a-project-manag-1774801235454-dfa8eede.png", imageAlt: "Professional headshot of a project manager."},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started Free",
|
||||
href: "/auth",
|
||||
},
|
||||
text: "Get Started Free", href: "/auth"},
|
||||
{
|
||||
text: "See How It Works",
|
||||
href: "#how-it-works",
|
||||
},
|
||||
text: "See How It Works", href: "#how-it-works"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/a-futuristic-ai-powered-resume-building--1774801234312-8fe9e7e6.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/a-futuristic-ai-powered-resume-building--1774801234312-8fe9e7e6.png"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/professional-headshot-of-a-happy-tech-wo-1774801232705-f17f4841.png",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/professional-headshot-of-a-happy-tech-wo-1774801232705-f17f4841.png", alt: "User 1"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/professional-headshot-of-a-software-engi-1774801232667-aeec8256.png",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/professional-headshot-of-a-software-engi-1774801232667-aeec8256.png", alt: "User 2"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/professional-headshot-of-a-marketing-man-1774801233028-2cab4fc8.png",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/professional-headshot-of-a-marketing-man-1774801233028-2cab4fc8.png", alt: "User 3"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/professional-headshot-of-a-project-manag-1774801235454-dfa8eede.png",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/professional-headshot-of-a-project-manag-1774801235454-dfa8eede.png", alt: "User 4"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/professional-headshot-of-a-happy-tech-wo-1774801232705-f17f4841.png",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/professional-headshot-of-a-happy-tech-wo-1774801232705-f17f4841.png", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Join 10,000+ job seekers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "ATS Optimized",
|
||||
},
|
||||
type: "text", text: "ATS Optimized"},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI-Powered Writing",
|
||||
},
|
||||
type: "text", text: "AI-Powered Writing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Keyword Targeting",
|
||||
},
|
||||
type: "text", text: "Keyword Targeting"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Instant Formatting",
|
||||
},
|
||||
type: "text", text: "Instant Formatting"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Templates",
|
||||
},
|
||||
type: "text", text: "Professional Templates"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -166,21 +114,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Manual formatting hours",
|
||||
"ATS rejection risks",
|
||||
"Static resume versions",
|
||||
"Generic job applications",
|
||||
"Missing keywords",
|
||||
],
|
||||
"Manual formatting hours", "ATS rejection risks", "Static resume versions", "Generic job applications", "Missing keywords"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Instant AI rewriting",
|
||||
"ATS keyword targeting",
|
||||
"Tailored job optimization",
|
||||
"Professional formatting",
|
||||
"Recruiter-ready layout",
|
||||
],
|
||||
"Instant AI rewriting", "ATS keyword targeting", "Tailored job optimization", "Professional formatting", "Recruiter-ready layout"],
|
||||
}}
|
||||
title="Designed for Results"
|
||||
description="Our AI does the heavy lifting for your career advancement."
|
||||
@@ -194,45 +132,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "ResumeAI helped me get my dream role as a Product Manager.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/professional-headshot-of-a-happy-tech-wo-1774801232705-f17f4841.png?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "ResumeAI helped me get my dream role as a Product Manager.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/professional-headshot-of-a-happy-tech-wo-1774801232705-f17f4841.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "The metrics improvement for bullet points is a total game changer.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/professional-headshot-of-a-software-engi-1774801232667-aeec8256.png?_wi=2",
|
||||
},
|
||||
id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "The metrics improvement for bullet points is a total game changer.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/professional-headshot-of-a-software-engi-1774801232667-aeec8256.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emilyr",
|
||||
testimonial: "I never realized how much ATS mattered until this tool.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/professional-headshot-of-a-marketing-man-1774801233028-2cab4fc8.png?_wi=2",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", handle: "@emilyr", testimonial: "I never realized how much ATS mattered until this tool.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/professional-headshot-of-a-marketing-man-1774801233028-2cab4fc8.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "Highly recommended for any serious job hunter.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/professional-headshot-of-a-project-manag-1774801235454-dfa8eede.png?_wi=2",
|
||||
},
|
||||
id: "4", name: "David Kim", handle: "@dkim", testimonial: "Highly recommended for any serious job hunter.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/professional-headshot-of-a-project-manag-1774801235454-dfa8eede.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica L.",
|
||||
handle: "@jess_l",
|
||||
testimonial: "Finally passed the resume filter and got an interview!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/professional-headshot-of-a-happy-tech-wo-1774801232705-f17f4841.png?_wi=3",
|
||||
},
|
||||
id: "5", name: "Jessica L.", handle: "@jess_l", testimonial: "Finally passed the resume filter and got an interview!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/professional-headshot-of-a-happy-tech-wo-1774801232705-f17f4841.png"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Join Thousands of Successful Job Hunters"
|
||||
@@ -247,39 +160,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
badge: "Free",
|
||||
price: "₹0",
|
||||
subtitle: "Get started with the basics",
|
||||
buttons: [
|
||||
id: "free", badge: "Free", price: "₹0", subtitle: "Get started with the basics", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "/auth",
|
||||
},
|
||||
text: "Get Started", href: "/auth"},
|
||||
],
|
||||
features: [
|
||||
"2 Resume generations",
|
||||
"Basic keyword check",
|
||||
"AI content rewrite",
|
||||
],
|
||||
"2 Resume generations", "Basic keyword check", "AI content rewrite"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "₹499/mo",
|
||||
subtitle: "For career power users",
|
||||
buttons: [
|
||||
id: "pro", badge: "Pro", price: "₹499/mo", subtitle: "For career power users", buttons: [
|
||||
{
|
||||
text: "Get Pro",
|
||||
href: "/auth",
|
||||
},
|
||||
text: "Get Pro", href: "/auth"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited generations",
|
||||
"Advanced ATS tailoring",
|
||||
"PDF Export functionality",
|
||||
"Priority Support",
|
||||
],
|
||||
"Unlimited generations", "Advanced ATS tailoring", "PDF Export functionality", "Priority Support"],
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
@@ -289,23 +183,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/a-futuristic-ai-powered-resume-building--1774801234312-8fe9e7e6.png?_wi=3"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BctHxoHJfn8YufVSFkexe2ubOX/a-futuristic-ai-powered-resume-building--1774801234312-8fe9e7e6.png"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "mailto:support@resumeai.com",
|
||||
},
|
||||
label: "Contact Us", href: "mailto:support@resumeai.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user