bender/0d9b49ba-7c15-4d38-8071-be580f1e4ae6
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-09 21:14:41 +00:00
parent e407e863a4
commit 213054c034
1 changed files with 34 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

172
src/app/page.tsx
View File

@@ -33,17 +33,11 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Features",
id: "features",
},
name: "Features", id: "features"},
{
name: "Pricing",
id: "pricing",
},
name: "Pricing", id: "pricing"},
{
name: "Login",
id: "login",
},
name: "Login", id: "login"},
]}
brandName="ResumeAI"
/>
@@ -52,21 +46,16 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
logoText="ResumeAI"
description="Craft professional, AI-powered resumes in seconds. Your career journey starts with a perfect document."
buttons={[
{
text: "Start Building",
href: "#",
},
text: "Start Building", href: "#"},
{
text: "View Pricing",
href: "#pricing",
},
text: "View Pricing", href: "#pricing"},
]}
imageSrc="http://img.b2bpic.net/free-photo/resume-application-employment-form-concept_53876-125148.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/resume-application-employment-form-concept_53876-125148.jpg"
imageAlt="AI Resume Dashboard Preview"
mediaAnimation="slide-up"
/>
@@ -79,28 +68,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "AI Content Generation",
description: "Write compelling job descriptions and bios automatically.",
bentoComponent: "reveal-icon",
icon: Zap,
imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-elements-collection_23-2147876467.jpg",
imageAlt: "ai digital interface icon",
title: "AI Content Generation", description: "Write compelling job descriptions and bios automatically.", bentoComponent: "reveal-icon", icon: Zap,
},
{
title: "Instant PDF Export",
description: "Download your resume in high-quality PDF format instantly.",
bentoComponent: "reveal-icon",
icon: FileText,
imageSrc: "http://img.b2bpic.net/free-photo/resume-application-employment-form-concept_53876-125148.jpg?_wi=2",
imageAlt: "ai digital interface icon",
title: "Instant PDF Export", description: "Download your resume in high-quality PDF format instantly.", bentoComponent: "reveal-icon", icon: FileText,
},
{
title: "Dashboard Analytics",
description: "Track resume views and performance easily.",
bentoComponent: "reveal-icon",
icon: BarChart,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-desk-with-laptop_23-2149130557.jpg?_wi=1",
imageAlt: "ai digital interface icon",
title: "Dashboard Analytics", description: "Track resume views and performance easily.", bentoComponent: "reveal-icon", icon: BarChart,
},
]}
title="Smart Features for Professionals"
@@ -113,7 +87,7 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Designed for Success"
description="ResumeAI uses advanced NLP technology to help you stand out. We provide templates that pass ATS scanners and look beautiful on any screen."
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-sitting-desk-with-laptop_23-2149130557.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-sitting-desk-with-laptop_23-2149130557.jpg"
imageAlt="Professional working on laptop in a dark office"
/>
</div>
@@ -125,20 +99,11 @@ export default function LandingPage() {
tag="Impact"
metrics={[
{
id: "1",
value: "50k+",
description: "Resumes Generated",
},
id: "1", value: "50k+", description: "Resumes Generated"},
{
id: "2",
value: "98%",
description: "User Satisfaction",
},
id: "2", value: "98%", description: "User Satisfaction"},
{
id: "3",
value: "12k+",
description: "Hired Users",
},
id: "3", value: "12k+", description: "Hired Users"},
]}
metricsAnimation="slide-up"
/>
@@ -151,40 +116,17 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "free",
title: "Basic",
price: "$0",
period: "/mo",
features: [
"1 Resume Template",
"Basic AI Drafts",
"PDF Export",
],
id: "free", title: "Basic", price: "$0", period: "/mo", features: [
"1 Resume Template", "Basic AI Drafts", "PDF Export"],
button: {
text: "Get Started",
href: "#",
},
imageSrc: "http://img.b2bpic.net/free-photo/document-front-side-with-white-background_187299-39839.jpg",
imageAlt: "pdf export document icon",
},
text: "Get Started", href: "#"},
imageSrc: "http://img.b2bpic.net/free-photo/document-front-side-with-white-background_187299-39839.jpg", imageAlt: "pdf export document icon"},
{
id: "pro",
title: "Pro",
price: "$19",
period: "/mo",
features: [
"Unlimited Resumes",
"AI Resume Optimization",
"Advanced Analytics",
"Custom Templates",
],
id: "pro", title: "Pro", price: "$19", period: "/mo", features: [
"Unlimited Resumes", "AI Resume Optimization", "Advanced Analytics", "Custom Templates"],
button: {
text: "Upgrade Pro",
href: "#",
},
imageSrc: "http://img.b2bpic.net/free-photo/resume-application-employment-form-concept_53876-125148.jpg?_wi=3",
imageAlt: "pdf export document icon",
},
text: "Upgrade Pro", href: "#"},
imageSrc: "http://img.b2bpic.net/free-photo/resume-application-employment-form-concept_53876-125148.jpg", imageAlt: "pdf export document icon"},
]}
title="Transparent Pricing"
description="Start for free or upgrade for advanced features."
@@ -197,45 +139,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "Career Switcher",
quote: "Finally, a resume builder that actually works.",
name: "Alice Wong",
role: "Marketing",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-middle-aged-business-leader_1262-4838.jpg",
},
id: "1", title: "Career Switcher", quote: "Finally, a resume builder that actually works.", name: "Alice Wong", role: "Marketing", imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-middle-aged-business-leader_1262-4838.jpg"},
{
id: "2",
title: "Software Dev",
quote: "My new resume got me 5 interviews in 2 weeks.",
name: "Bob Smith",
role: "Engineer",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",
},
id: "2", title: "Software Dev", quote: "My new resume got me 5 interviews in 2 weeks.", name: "Bob Smith", role: "Engineer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg"},
{
id: "3",
title: "Grad Student",
quote: "Simplest way to create a professional resume.",
name: "Charlie Day",
role: "Designer",
imageSrc: "http://img.b2bpic.net/free-photo/man-with-laptop-posing-coworker_23-2148746260.jpg",
},
id: "3", title: "Grad Student", quote: "Simplest way to create a professional resume.", name: "Charlie Day", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/man-with-laptop-posing-coworker_23-2148746260.jpg"},
{
id: "4",
title: "Management",
quote: "The AI tool provided insights I hadn't thought of.",
name: "Dana White",
role: "Manager",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9486.jpg",
},
id: "4", title: "Management", quote: "The AI tool provided insights I hadn't thought of.", name: "Dana White", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9486.jpg"},
{
id: "5",
title: "Creative",
quote: "Loved the design templates available here.",
name: "Eve Adams",
role: "Creator",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-suit-posing-black-white_23-2149411392.jpg",
},
id: "5", title: "Creative", quote: "Loved the design templates available here.", name: "Eve Adams", role: "Creator", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-suit-posing-black-white_23-2149411392.jpg"},
]}
title="Trusted by Thousands"
description="Hear what our successful users have to say about their experience."
@@ -248,20 +160,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Is it free to start?",
content: "Yes, our basic plan is completely free.",
},
id: "f1", title: "Is it free to start?", content: "Yes, our basic plan is completely free."},
{
id: "f2",
title: "Can I export to PDF?",
content: "Yes, we support high-resolution PDF exports on all plans.",
},
id: "f2", title: "Can I export to PDF?", content: "Yes, we support high-resolution PDF exports on all plans."},
{
id: "f3",
title: "Is my data secure?",
content: "We prioritize user privacy and use industry-standard encryption.",
},
id: "f3", title: "Is my data secure?", content: "We prioritize user privacy and use industry-standard encryption."},
]}
title="Common Questions"
description="Answers to everything you need to know about our SaaS."
@@ -276,14 +179,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
text="Ready to land your dream job? Start building your resume with AI today."
buttons={[
{
text: "Contact Support",
href: "#",
},
text: "Contact Support", href: "#"},
]}
/>
</div>
@@ -292,13 +192,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="ResumeAI"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>