Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-03-29 13:16:42 +00:00

View File

@@ -14,348 +14,142 @@ import TestimonialCardSixteen from '@/components/sections/testimonial/Testimonia
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
defaultButtonVariant="hover-bubble"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
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="StudyMate"
/>
</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="StudyMate"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "gradient-bars",
}}
title="Master Your Homework with Expert Guidance"
description="Stop struggling and start succeeding. Get 24/7 personalized homework help from verified academic experts across all subjects."
buttons={[
{
text: "Get Started",
href: "#pricing",
},
]}
mediaItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/modern-student-working-on-a-laptop-with--1774790151872-42017573.png",
imageAlt: "Student studying with tablet",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/academic-expert-tutor-giving-guidance-on-1774790150772-87849a17.png",
imageAlt: "Expert tutor online",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/close-up-of-math-calculations-written-on-1774790152469-d0a497cb.png",
imageAlt: "Math assignment help",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/microscope-and-science-equipment-on-a-la-1774790151836-f9b83613.png",
imageAlt: "Science lab assistance",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/handwriting-an-essay-in-a-notebook-with--1774790151675-22f81718.png",
imageAlt: "Essay writing support",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/exam-preparation-with-highlighters-stick-1774790152717-e5724651.png",
imageAlt: "Exam preparation",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{ variant: "gradient-bars" }}
title="Master Your Homework with Expert Guidance"
description="Stop struggling and start succeeding. Get 24/7 personalized homework help from verified academic experts across all subjects."
buttons={[{ text: "Get Started", href: "#pricing" }]}
mediaItems={[
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/modern-student-working-on-a-laptop-with--1774790151872-42017573.png", imageAlt: "Modern student working on a laptop with textbooks on a clean desk" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/academic-expert-tutor-giving-guidance-on-1774790150772-87849a17.png", imageAlt: "Academic expert tutor giving guidance online" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/close-up-of-math-calculations-written-on-1774790152469-d0a497cb.png", imageAlt: "Close up of math calculations" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/microscope-and-science-equipment-on-a-la-1774790151836-f9b83613.png", imageAlt: "Microscope and science equipment" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/handwriting-an-essay-in-a-notebook-with--1774790151675-22f81718.png", imageAlt: "Handwriting an essay in a notebook" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/exam-preparation-with-highlighters-stick-1774790152717-e5724651.png", imageAlt: "Exam preparation with highlighters" }
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardEight
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: 1,
title: "24/7 Availability",
description: "Get help whenever you need it, day or night.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/minimalist-clock-icon-representing-24-7--1774790152346-dc56e70f.png",
imageAlt: "24/7 clock icon",
},
{
id: 2,
title: "Verified Experts",
description: "Connect with PhD and Masters level tutors.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/minimalist-verification-seal-icon-repres-1774790149858-53f30ddc.png",
imageAlt: "Expert verification icon",
},
{
id: 3,
title: "Step-by-Step Solutions",
description: "Understand the process, not just the answer.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/step-by-step-guidance-icon-illustrating--1774790154198-ff101fcf.png",
imageAlt: "Step-by-step guidance icon",
},
]}
title="Why Students Love Us"
description="Comprehensive tools and expert support tailored to your academic success."
/>
</div>
<div id="features" data-section="features">
<FeatureCardEight
textboxLayout="default"
useInvertedBackground={false}
title="Why Students Love Us"
description="Comprehensive tools and expert support tailored to your academic success."
features={[
{ id: 1, title: "24/7 Availability", description: "Get help whenever you need it, day or night.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/minimalist-clock-icon-representing-24-7--1774790152346-dc56e70f.png", imageAlt: "24/7 clock icon" },
{ id: 2, title: "Verified Experts", description: "Connect with PhD and Masters level tutors.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/minimalist-verification-seal-icon-repres-1774790149858-53f30ddc.png", imageAlt: "Expert verification icon" },
{ id: 3, title: "Step-by-Step Solutions", description: "Understand the process, not just the answer.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/step-by-step-guidance-icon-illustrating--1774790154198-ff101fcf.png", imageAlt: "Step-by-step guidance icon" }
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Empowering Academic Excellence"
description="We bridge the gap between complex subjects and student understanding, providing professional guidance that makes learning accessible."
metrics={[
{
value: "50k+",
title: "Completed Tasks",
},
{
value: "1.2k+",
title: "Expert Tutors",
},
{
value: "98%",
title: "Success Rate",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/students-collaborating-in-a-bright-moder-1774790151206-552addaf.png"
imageAlt="Students collaborating in a library"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Empowering Academic Excellence"
description="We bridge the gap between complex subjects and student understanding, providing professional guidance that makes learning accessible."
metrics={[
{ value: "50k+", title: "Completed Tasks" },
{ value: "1.2k+", title: "Expert Tutors" },
{ value: "98%", title: "Success Rate" }
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/students-collaborating-in-a-bright-moder-1774790151206-552addaf.png"
imageAlt="Students collaborating in a library"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Starter",
price: "$19.99",
subtitle: "Perfect for occasional help",
features: [
"3 subjects",
"24/7 chat support",
"Step-by-step guides",
],
buttons: [
{
text: "Get Started",
href: "#",
},
],
},
{
id: "pro",
badge: "Most Popular",
price: "$49.99",
subtitle: "For consistent learners",
features: [
"10 subjects",
"Priority tutor access",
"In-depth essay feedback",
],
buttons: [
{
text: "Get Started",
href: "#",
},
],
},
{
id: "premium",
badge: "Elite",
price: "$99.99",
subtitle: "Unlimited support",
features: [
"All subjects",
"1-on-1 tutoring",
"Exam prep sessions",
],
buttons: [
{
text: "Get Started",
href: "#",
},
],
},
]}
title="Choose Your Success Plan"
description="Flexible pricing options designed for every student budget."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Choose Your Success Plan"
description="Flexible pricing options designed for every student budget."
plans={[
{ id: "basic", badge: "Starter", price: "$19.99", subtitle: "Perfect for occasional help", buttons: [{ text: "Get Started", href: "#" }], features: ["3 subjects", "24/7 chat support", "Step-by-step guides"] },
{ id: "pro", badge: "Most Popular", price: "$49.99", subtitle: "For consistent learners", buttons: [{ text: "Get Started", href: "#" }], features: ["10 subjects", "Priority tutor access", "In-depth essay feedback"] },
{ id: "premium", badge: "Elite", price: "$99.99", subtitle: "Unlimited support", buttons: [{ text: "Get Started", href: "#" }], features: ["All subjects", "1-on-1 tutoring", "Exam prep sessions"] }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Miller",
role: "University Student",
company: "State University",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/portrait-of-a-female-university-student--1774790151850-37ff45e9.png?_wi=1",
},
{
id: "2",
name: "James Chen",
role: "High School Senior",
company: "Academy Prep",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/portrait-of-a-young-high-school-senior-p-1774790151994-02b01414.png",
},
{
id: "3",
name: "Emily Watson",
role: "College Freshman",
company: "Tech Institute",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/portrait-of-a-college-freshman-smiling-c-1774790152153-46f93ccb.png",
},
{
id: "4",
name: "David Smith",
role: "Graduate Student",
company: "Research Center",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/portrait-of-a-graduate-student-serious-a-1774790150408-0039959f.png",
},
{
id: "5",
name: "Jessica Lee",
role: "Medical Student",
company: "Health Academy",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/portrait-of-a-female-university-student--1774790151850-37ff45e9.png?_wi=2",
},
]}
kpiItems={[
{
value: "4.9/5",
label: "Avg Rating",
},
{
value: "95%",
label: "Student Satisfaction",
},
{
value: "24/7",
label: "Support Always",
},
]}
title="What Students Say"
description="Join thousands of successful students who reached their goals with StudyMate."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="What Students Say"
description="Join thousands of successful students who reached their goals with StudyMate."
testimonials={[
{ id: "1", name: "Sarah Miller", role: "University Student", company: "State University", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/portrait-of-a-female-university-student--1774790151850-37ff45e9.png" },
{ id: "2", name: "James Chen", role: "High School Senior", company: "Academy Prep", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/portrait-of-a-young-high-school-senior-p-1774790151994-02b01414.png" },
{ id: "3", name: "Emily Watson", role: "College Freshman", company: "Tech Institute", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/portrait-of-a-college-freshman-smiling-c-1774790152153-46f93ccb.png" },
{ id: "4", name: "David Smith", role: "Graduate Student", company: "Research Center", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/portrait-of-a-graduate-student-serious-a-1774790150408-0039959f.png" },
{ id: "5", name: "Jessica Lee", role: "Medical Student", company: "Health Academy", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/portrait-of-a-female-university-student--1774790151850-37ff45e9.png" }
]}
kpiItems={[
{ value: "4.9/5", label: "Avg Rating" },
{ value: "95%", label: "Student Satisfaction" },
{ value: "24/7", label: "Support Always" }
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "How do I start?",
content: "Sign up, pick a plan, and submit your first assignment.",
},
{
id: "2",
title: "Is my data private?",
content: "Yes, we ensure full student privacy and data security.",
},
{
id: "3",
title: "Are tutors verified?",
content: "Every tutor undergoes a rigorous vetting process.",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/abstract-background-illustrating-helpful-1774790150971-69bee95e.jpg"
imageAlt="Academic FAQ support"
title="Frequently Asked Questions"
description="Have questions about our service? Here are the answers."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
title="Frequently Asked Questions"
description="Have questions about our service? Here are the answers."
faqsAnimation="slide-up"
faqs={[
{ id: "1", title: "How do I start?", content: "Sign up, pick a plan, and submit your first assignment." },
{ id: "2", title: "Is my data private?", content: "Yes, we ensure full student privacy and data security." },
{ id: "3", title: "Are tutors verified?", content: "Every tutor undergoes a rigorous vetting process." }
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcZ0t9nZUcUgkZzO5BTH7InTdp/abstract-background-illustrating-helpful-1774790150971-69bee95e.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#",
},
{
label: "Careers",
href: "#",
},
{
label: "Contact",
href: "#",
},
],
},
{
title: "Resources",
items: [
{
label: "Blog",
href: "#",
},
{
label: "Help Center",
href: "#",
},
{
label: "Tutor FAQ",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
copyrightText="© 2024 StudyMate. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }, { label: "Contact", href: "#" }] },
{ title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Help Center", href: "#" }, { label: "Tutor FAQ", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
]}
copyrightText="© 2024 StudyMate. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}