284 lines
15 KiB
TypeScript
284 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
|
|
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
|
|
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
|
|
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
|
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import { Award, CheckCircle, Crown, DollarSign, FileText, Heart, HelpCircle, Home, Settings, Sparkles, Star, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="CVCreator"
|
|
navItems={[
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" }
|
|
]}
|
|
button={{
|
|
text: "Get Started Free", href: "https://app.cvcreator.com/signup"
|
|
}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardDashboard
|
|
title="Create Your Perfect CV in Minutes"
|
|
description="Build, customize, and export professional resumes with our AI-powered CV creator. Stand out to recruiters with beautifully designed templates."
|
|
tag="AI-Powered Resume Builder"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Start Creating Free", href: "https://app.cvcreator.com/create" },
|
|
{ text: "Watch Demo", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "gradient-bars" }}
|
|
dashboard={{
|
|
title: "Resume Metrics Hub", logoIcon: FileText,
|
|
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-template_52683-31485.jpg", imageAlt: "CV Creator Dashboard", searchPlaceholder: "Search templates...", buttons: [
|
|
{ text: "Create Resume", href: "#" },
|
|
{ text: "Browse Templates", href: "#" }
|
|
],
|
|
sidebarItems: [
|
|
{ icon: Home, active: true },
|
|
{ icon: FileText },
|
|
{ icon: Settings }
|
|
],
|
|
stats: [
|
|
{ title: "Resumes Created", values: [2450, 5680, 9125], description: "Total CVs built this month" },
|
|
{ title: "Success Rate", values: [78, 85, 92], valueSuffix: "%", description: "Interview callback rate" },
|
|
{ title: "Active Users", values: [1240, 3560, 8900], description: "Professionals using CVCreator" }
|
|
],
|
|
chartTitle: "Resume Downloads", chartData: [
|
|
{ value: 65 },
|
|
{ value: 45 },
|
|
{ value: 85 },
|
|
{ value: 55 },
|
|
{ value: 95 }
|
|
],
|
|
listTitle: "Recent Activity", listItems: [
|
|
{ icon: CheckCircle, title: "Resume Completed", status: "Ready to Download" },
|
|
{ icon: Star, title: "Template Applied", status: "Modern Professional" },
|
|
{ icon: FileText, title: "CV Exported", status: "PDF Downloaded" }
|
|
]
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyThree
|
|
title="Powerful Features for Your Success"
|
|
description="Everything you need to create a standout resume that gets noticed by recruiters and hiring managers."
|
|
tag="Why Choose CVCreator"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
id: "1", title: "Professional Templates Library", tags: ["Design", "Customizable"],
|
|
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-web-designer-landing-page_23-2150397655.jpg", imageAlt: "Resume Templates"
|
|
},
|
|
{
|
|
id: "2", title: "Drag & Drop Editor", tags: ["Easy to Use", "Real-time"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/monitor-showing-ai-virtual-assistant-producing-clips_482257-112677.jpg", imageAlt: "Resume Editor"
|
|
},
|
|
{
|
|
id: "3", title: "Multi-Format Export", tags: ["PDF", "Word", "Formats"],
|
|
imageSrc: "http://img.b2bpic.net/free-vector/concept-landing-page-image-upload_52683-26839.jpg", imageAlt: "Export Options"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardEight
|
|
title="Simple, Transparent Pricing"
|
|
description="Choose the plan that works best for you. Start free, upgrade anytime."
|
|
tag="Pricing Plans"
|
|
tagIcon={DollarSign}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
plans={[
|
|
{
|
|
id: "starter", badge: "Most Popular", badgeIcon: Star,
|
|
price: "Free", subtitle: "Perfect for getting started", buttons: [{ text: "Get Started", href: "https://app.cvcreator.com/signup" }],
|
|
features: ["1 Resume", "Basic Templates", "PDF Export", "Email Support"]
|
|
},
|
|
{
|
|
id: "professional", badge: "Best Value", badgeIcon: Sparkles,
|
|
price: "$9.99/mo", subtitle: "For career changers", buttons: [{ text: "Start Free Trial", href: "https://app.cvcreator.com/signup?plan=pro" }],
|
|
features: ["Unlimited Resumes", "Premium Templates", "PDF & Word Export", "AI Cover Letter", "Priority Support"]
|
|
},
|
|
{
|
|
id: "premium", badge: "Enterprise", badgeIcon: Crown,
|
|
price: "$19.99/mo", subtitle: "For professionals", buttons: [{ text: "Get Premium", href: "https://app.cvcreator.com/signup?plan=premium" }],
|
|
features: ["Everything in Pro", "LinkedIn Integration", "ATS Optimization", "Video Resume", "Dedicated Account Manager"]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="Loved by Job Seekers Worldwide"
|
|
description="See what professionals say about their experience using CVCreator."
|
|
tag="Success Stories"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", role: "Marketing Director", company: "Tech Innovations Inc", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg?_wi=1", imageAlt: "Sarah Johnson"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", role: "Software Engineer", company: "Cloud Solutions Ltd", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg?_wi=2", imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", role: "Product Manager", company: "StartupXYZ", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg?_wi=3", imageAlt: "Emily Rodriguez"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim", role: "UX Designer", company: "Design Studios Co", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg?_wi=4", imageAlt: "David Kim"
|
|
},
|
|
{
|
|
id: "5", name: "Jessica Martinez", role: "HR Specialist", company: "Global Resources", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg?_wi=5", imageAlt: "Jessica Martinez"
|
|
},
|
|
{
|
|
id: "6", name: "Alex Thompson", role: "Business Analyst", company: "Financial Corp", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg?_wi=6", imageAlt: "Alex Thompson"
|
|
}
|
|
]}
|
|
kpiItems={[
|
|
{ value: "2.5M+", label: "Resumes Created" },
|
|
{ value: "89%", label: "Interview Success Rate" },
|
|
{ value: "150+", label: "Countries Supported" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about CVCreator, our features, and how to get started."
|
|
tag="Help & Support"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="smooth"
|
|
faqsAnimation="blur-reveal"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Is CVCreator really free?", content: "Yes! You can create and download your first resume completely free. Our free plan includes basic templates and PDF export. Premium features like AI cover letters and LinkedIn integration require a paid subscription."
|
|
},
|
|
{
|
|
id: "2", title: "Can I export my resume in different formats?", content: "Absolutely! With our Professional plan and above, you can export your resume as PDF, Word document, or even as plain text. The Free plan supports PDF export."
|
|
},
|
|
{
|
|
id: "3", title: "How many resumes can I create?", content: "On the Free plan, you can create 1 resume. The Professional plan allows unlimited resumes, perfect if you're tailoring your CV for different positions."
|
|
},
|
|
{
|
|
id: "4", title: "Does CVCreator help with ATS optimization?", content: "Yes! Our Premium plan includes ATS (Applicant Tracking System) optimization features that ensure your resume passes through automated screening systems used by many recruiters."
|
|
},
|
|
{
|
|
id: "5", title: "Can I use my own design?", content: "While we offer professionally designed templates, you have full customization options within our editor. You can adjust colors, fonts, layouts, and all content to match your personal style."
|
|
},
|
|
{
|
|
id: "6", title: "Is my personal information secure?", content: "Your privacy and security are paramount. We use enterprise-grade encryption to protect all your data. You can delete your account and all associated information anytime."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Leading Companies"
|
|
description="Join thousands of professionals who've used CVCreator to land their dream jobs."
|
|
tag="Our Partners"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={["LinkedIn", "Microsoft", "Google", "Apple", "Amazon", "Meta", "Stripe", "Slack"]}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148084334.jpg", "http://img.b2bpic.net/free-vector/collection-colorful-social-network-icons_23-2147613984.jpg", "http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148058468.jpg", "http://img.b2bpic.net/free-vector/basic-rgb_53876-37667.jpg", "http://img.b2bpic.net/free-vector/hand-drawn-shop-local-collection_23-2149575775.jpg", "http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148058466.jpg", "http://img.b2bpic.net/free-vector/gradient-business-card-template_23-2148296849.jpg", "http://img.b2bpic.net/free-vector/geometrical-logos-collection_23-2147518971.jpg"
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="CVCreator"
|
|
columns={[
|
|
{
|
|
title: "Product", items: [
|
|
{ label: "Features", href: "#features" },
|
|
{ label: "Pricing", href: "#pricing" },
|
|
{ label: "Templates", href: "#" },
|
|
{ label: "Download", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Contact", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Help Center", href: "#" },
|
|
{ label: "FAQ", href: "#faq" },
|
|
{ label: "Community", href: "#" },
|
|
{ label: "API Docs", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 CVCreator. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|