Merge version_1 into main #2
496
src/app/page.tsx
496
src/app/page.tsx
@@ -28,347 +28,177 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "How it Works",
|
||||
id: "how-it-works",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "about",
|
||||
},
|
||||
]}
|
||||
brandName="BauxAI"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "How it Works", id: "how-it-works" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "About Us", id: "about" },
|
||||
]}
|
||||
brandName="BauxAI"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Meet BauxAI. Your AI Interviewer."
|
||||
description="Practice real interviews, get AI feedback, and improve with every session."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-crossed-arms_23-2148095676.jpg",
|
||||
alt: "smiling woman professional",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5365.jpg",
|
||||
alt: "smiling man professional",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg",
|
||||
alt: "woman software engineer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-confident-entrepreneur_1098-21617.jpg",
|
||||
alt: "Beautiful confident entrepreneur",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-indoors_23-2149915935.jpg",
|
||||
alt: "Medium shot woman posing indoors",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 10,000+ users preparing smarter with BauxAI."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Interview",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "See How It Works",
|
||||
href: "#how-it-works",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroCentered
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Meet BauxAI. Your AI Interviewer."
|
||||
description="Practice real interviews, get AI feedback, and improve with every session."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-crossed-arms_23-2148095676.jpg", alt: "smiling woman professional" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5365.jpg", alt: "smiling man professional" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg", alt: "woman software engineer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-confident-entrepreneur_1098-21617.jpg", alt: "Beautiful confident entrepreneur" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-indoors_23-2149915935.jpg", alt: "Medium shot woman posing indoors" },
|
||||
]}
|
||||
avatarText="Join 10,000+ users preparing smarter with BauxAI."
|
||||
buttons={[
|
||||
{ text: "Start Free Interview", href: "#contact" },
|
||||
{ text: "See How It Works", href: "#how-it-works" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Google",
|
||||
"Microsoft",
|
||||
"Amazon",
|
||||
"Meta",
|
||||
"Tesla",
|
||||
"Adobe",
|
||||
"Apple",
|
||||
]}
|
||||
title="Practice for roles at top companies"
|
||||
description="Get ready for the biggest tech firms with BauxAI."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Google", "Microsoft", "Amazon", "Meta", "Tesla", "Adobe", "Apple"]}
|
||||
title="Practice for roles at top companies"
|
||||
description="Get ready for the biggest tech firms with BauxAI."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "AI Interviewer",
|
||||
description: "Talk to an AI interviewer that adapts to your answers in real time.",
|
||||
icon: Mic,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-transparent-tablet-innovative-technology_53876-97074.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/devices-arrangement-desk_23-2148994217.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CUVcXZAYwpoHfPBdAZxnHVggYi/uploaded-1776440235375-e8ksunv3.png?_wi=1",
|
||||
imageAlt: "ai voice assistant interface",
|
||||
},
|
||||
{
|
||||
title: "Smart Feedback",
|
||||
description: "Get detailed feedback, strengths, weaknesses, and improvement tips.",
|
||||
icon: BarChart2,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-data-logo-template_23-2149202844.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/colorful-infographic-element-collection-with-flat-design_23-2147911062.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-blurred-shapes-background_1017-3749.jpg",
|
||||
imageAlt: "ai voice assistant interface",
|
||||
},
|
||||
{
|
||||
title: "Track Progress",
|
||||
description: "Monitor your performance over time and see how you improve.",
|
||||
icon: TrendingUp,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/support-staff_1048-5016.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/infrastructure-construction-chip-link-concept_53876-124760.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-crossed-arms_23-2148095676.jpg",
|
||||
imageAlt: "ai voice assistant interface",
|
||||
},
|
||||
]}
|
||||
title="Everything you need to ace your interview"
|
||||
description="Powerful tools designed to make you interview-ready in record time."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "AI Interviewer", description: "Talk to an AI interviewer that adapts to your answers in real time.", icon: Mic,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-using-transparent-tablet-innovative-technology_53876-97074.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/devices-arrangement-desk_23-2148994217.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Smart Feedback", description: "Get detailed feedback, strengths, weaknesses, and improvement tips.", icon: BarChart2,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/flat-design-data-logo-template_23-2149202844.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/colorful-infographic-element-collection-with-flat-design_23-2147911062.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Track Progress", description: "Monitor your performance over time and see how you improve.", icon: TrendingUp,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/support-staff_1048-5016.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/infrastructure-construction-chip-link-concept_53876-124760.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Everything you need to ace your interview"
|
||||
description="Powerful tools designed to make you interview-ready in record time."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Real conversations. Real growth."
|
||||
description="Experience a real interview environment with voice interaction, live transcription, and AI feedback."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Voice Interaction",
|
||||
description: "Engage in natural, real-time voice conversations.",
|
||||
},
|
||||
{
|
||||
title: "Live Transcript",
|
||||
description: "View your live transcript for precise feedback.",
|
||||
},
|
||||
{
|
||||
title: "Actionable Insights",
|
||||
description: "Deep analysis to help you land the job.",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CUVcXZAYwpoHfPBdAZxnHVggYi/uploaded-1776440235375-e8ksunv3.png?_wi=2"
|
||||
imageAlt="BauxAI interface preview"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Real conversations. Real growth."
|
||||
description="Experience a real interview environment with voice interaction, live transcription, and AI feedback."
|
||||
bulletPoints={[
|
||||
{ title: "Voice Interaction", description: "Engage in natural, real-time voice conversations." },
|
||||
{ title: "Live Transcript", description: "View your live transcript for precise feedback." },
|
||||
{ title: "Actionable Insights", description: "Deep analysis to help you land the job." }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CUVcXZAYwpoHfPBdAZxnHVggYi/uploaded-1776440235375-e8ksunv3.png"
|
||||
imageAlt="BauxAI interface preview"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Trusted by thousands"
|
||||
tag="Performance Stats"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10K+",
|
||||
description: "Active Users",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50K+",
|
||||
description: "Interviews Taken",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "95%",
|
||||
description: "Positive Feedback",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "100+",
|
||||
description: "Roles Covered",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Trusted by thousands"
|
||||
tag="Performance Stats"
|
||||
metrics={[
|
||||
{ id: "m1", value: "10K+", description: "Active Users" },
|
||||
{ id: "m2", value: "50K+", description: "Interviews Taken" },
|
||||
{ id: "m3", value: "95%", description: "Positive Feedback" },
|
||||
{ id: "m4", value: "100+", description: "Roles Covered" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ananya S.",
|
||||
handle: "Software Engineer",
|
||||
testimonial: "BauxAI helped me crack interviews I never thought I could.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-startup-office-coding_482257-119443.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Rohit M.",
|
||||
handle: "Product Manager",
|
||||
testimonial: "The voice interaction feels so real. It's like talking to a human.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businesswoman-posing-indoors_74855-2005.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Priya K.",
|
||||
handle: "Data Scientist",
|
||||
testimonial: "I improved my confidence significantly. Highly recommended!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-professional-woman-having-coffee-break-her-full-working-day-she-holds-paper-cup-outdoors-near-business-building-while-relaxing-enjoying-her-beverage_158595-6863.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "John D.",
|
||||
handle: "Frontend Developer",
|
||||
testimonial: "The feedback is incredibly detailed and actionable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-jeweler-working-shop_23-2150914309.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah W.",
|
||||
handle: "UX Designer",
|
||||
testimonial: "Exactly what I needed to prepare for the big tech interviews.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by learners and professionals worldwide"
|
||||
description="See why top talent chooses BauxAI to master their interviews."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Ananya S.", handle: "Software Engineer", testimonial: "BauxAI helped me crack interviews I never thought I could.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-startup-office-coding_482257-119443.jpg" },
|
||||
{ id: "2", name: "Rohit M.", handle: "Product Manager", testimonial: "The voice interaction feels so real. It's like talking to a human.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businesswoman-posing-indoors_74855-2005.jpg" },
|
||||
{ id: "3", name: "Priya K.", handle: "Data Scientist", testimonial: "I improved my confidence significantly. Highly recommended!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-professional-woman-having-coffee-break-her-full-working-day-she-holds-paper-cup-outdoors-near-business-building-while-relaxing-enjoying-her-beverage_158595-6863.jpg" },
|
||||
{ id: "4", name: "John D.", handle: "Frontend Developer", testimonial: "The feedback is incredibly detailed and actionable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-jeweler-working-shop_23-2150914309.jpg" },
|
||||
{ id: "5", name: "Sarah W.", handle: "UX Designer", testimonial: "Exactly what I needed to prepare for the big tech interviews.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by learners and professionals worldwide"
|
||||
description="See why top talent chooses BauxAI to master their interviews."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Ready to ace your next interview?"
|
||||
description="Join BauxAI today and take the first step towards your dream job."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
buttonText="Start Free Interview"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/register-enquiry-online-web-page-concept_53876-132294.jpg"
|
||||
imageAlt="Register Enquiry Online"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Ready to ace your next interview?"
|
||||
description="Join BauxAI today and take the first step towards your dream job."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
buttonText="Start Free Interview"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/register-enquiry-online-web-page-concept_53876-132294.jpg"
|
||||
imageAlt="Register Enquiry Online"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "How It Works",
|
||||
href: "#how-it-works",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Interview Tips",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="BauxAI"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "How It Works", href: "#how-it-works" },
|
||||
{ label: "Pricing", href: "#pricing" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Interview Tips", href: "#" },
|
||||
{ label: "FAQ", href: "#" },
|
||||
{ label: "Help Center", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="BauxAI"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user