265 lines
20 KiB
TypeScript
265 lines
20 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
|
|
import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
|
|
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
|
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
|
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
import { AlertCircle, Sparkles, BookOpen, Star, Award, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmall"
|
|
background="circleGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Brightway"
|
|
navItems={[
|
|
{ name: "How It Works", id: "solution" },
|
|
{ name: "Programs", id: "programs" },
|
|
{ name: "Success Stories", id: "testimonials" },
|
|
{ name: "Blog", id: "blog" },
|
|
{ name: "FAQ", id: "faq" },
|
|
]}
|
|
button={{ text: "Start Free Trial", href: "#hero" }}
|
|
className="z-50"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Make School Simple Again."
|
|
description="Brightway turns complex subjects into clear, practical lessons designed for teens who struggle with math, science, and academic organization. Short, engaging lessons, step-by-step explanations, and smart progress tracking help you succeed."
|
|
background={{ variant: "plain" }}
|
|
tag="Free Trial Available"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Start Free Trial", href: "#cta" },
|
|
{ text: "Learn More", href: "#solution" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
carouselItems={[
|
|
{
|
|
id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUrU2oBaWKXZUpKWCq3Mjydreq/a-bright-energetic-illustration-of-diver-1772658093002-2a9eef3b.png", imageAlt: "Diverse students studying together with Brightway"
|
|
},
|
|
{
|
|
id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUrU2oBaWKXZUpKWCq3Mjydreq/clean-modern-interface-showing-a-video-l-1772658093026-7ce4143e.png", imageAlt: "Video lesson interface from Brightway platform"
|
|
},
|
|
{
|
|
id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUrU2oBaWKXZUpKWCq3Mjydreq/clean-interface-mockup-of-a-digital-stud-1772658093048-406bc3b3.png", imageAlt: "Study planner and organization tools"
|
|
},
|
|
{
|
|
id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUrU2oBaWKXZUpKWCq3Mjydreq/digital-dashboard-showing-progress-track-1772658094764-939db7ce.png", imageAlt: "Progress tracking and achievement dashboard"
|
|
},
|
|
{
|
|
id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUrU2oBaWKXZUpKWCq3Mjydreq/illustration-of-a-well-organized-study-s-1772658092409-aab944f2.png", imageAlt: "Study system and productivity tools"
|
|
},
|
|
{
|
|
id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUrU2oBaWKXZUpKWCq3Mjydreq/a-bright-energetic-illustration-of-diver-1772658093002-2a9eef3b.png", imageAlt: "Happy students after using Brightway"
|
|
},
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={4000}
|
|
ariaLabel="Hero section with student success carousel"
|
|
/>
|
|
</div>
|
|
|
|
<div id="problems" data-section="problems">
|
|
<FeatureCardTwelve
|
|
title="Does This Sound Familiar?"
|
|
description="Most struggling students face one or more of these challenges. You're not alone, and Brightway is designed to help."
|
|
tag="Common Struggles"
|
|
tagIcon={AlertCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
id: "math", label: "Math", title: "Complex equations and unclear explanations leave you confused", items: [
|
|
"Struggling with algebra and geometry", "Can't figure out where to start", "Hate word problems and real-world applications", "Tests feel impossible even after studying"
|
|
],
|
|
},
|
|
{
|
|
id: "grades", label: "Grades", title: "Despite effort, grades keep staying low", items: [
|
|
"Study hard but grades don't improve", "Can't focus during important exams", "Forget information right after learning it", "Don't know how to study effectively"
|
|
],
|
|
},
|
|
{
|
|
id: "organization", label: "Organization", title: "Your study life is chaotic and unstructured", items: [
|
|
"Don't know how to plan your study time", "Lose track of assignments and deadlines", "Don't have a system that actually works", "Feel overwhelmed by everything at once"
|
|
],
|
|
},
|
|
{
|
|
id: "motivation", label: "Motivation", title: "School feels boring and you've lost your drive", items: [
|
|
"Can't stay focused when studying alone", "Feel discouraged and unmotivated", "Don't see the point of trying harder", "Need something to make learning feel exciting"
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="solution" data-section="solution">
|
|
<TextSplitAbout
|
|
title="How Brightway Works"
|
|
description={[
|
|
"Brightway combines three powerful elements designed specifically for struggling students: crystal-clear video lessons that break complex subjects into bite-sized pieces, step-by-step explanations that build your understanding gradually, and smart study tools that keep you organized and motivated.", "We know that teenagers learn differently. That's why every lesson is short (5-15 minutes), practical, and designed to work with your busy schedule. Plus, our progress tracking system shows you exactly how much you're improving, which keeps you motivated and confident.", "Join thousands of students who have already improved their grades and discovered that school doesn't have to be overwhelming. Your path to success starts here."
|
|
]}
|
|
buttons={[{ text: "Explore Programs", href: "#programs" }]}
|
|
buttonAnimation="slide-up"
|
|
showBorder={true}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="programs" data-section="programs">
|
|
<ProductCardThree
|
|
title="Choose Your Learning Program"
|
|
description="Select the program that matches your biggest challenge. Each program is designed to tackle specific struggle areas with proven strategies and engaging content."
|
|
tag="Programs"
|
|
tagIcon={BookOpen}
|
|
tagAnimation="slide-up"
|
|
buttons={[{ text: "Start Free Trial", href: "#cta" }]}
|
|
buttonAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
carouselMode="buttons"
|
|
products={[
|
|
{
|
|
id: "math-simplified", name: "Math Simplified", price: "$9.99/mo", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUrU2oBaWKXZUpKWCq3Mjydreq/illustration-of-mathematical-concepts-al-1772658093679-e888e86a.png", imageAlt: "Math Simplified program cover", initialQuantity: 1,
|
|
},
|
|
{
|
|
id: "study-system", name: "Study System 30 Days", price: "$14.99/mo", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUrU2oBaWKXZUpKWCq3Mjydreq/illustration-of-a-well-organized-study-s-1772658092409-aab944f2.png", imageAlt: "Study System 30 Days program cover", initialQuantity: 1,
|
|
},
|
|
{
|
|
id: "focus-productivity", name: "Focus & Productivity Bootcamp", price: "$19.99/mo", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUrU2oBaWKXZUpKWCq3Mjydreq/illustration-showing-a-focused-determine-1772658092472-1914885c.png", imageAlt: "Focus & Productivity Bootcamp program cover", initialQuantity: 1,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="Success Stories from Real Students"
|
|
description="Join hundreds of teenagers who've transformed their academic journey with Brightway. Here's what they have to say."
|
|
tag="Student & Parent Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Emma Chen, 15 years old", date: "Date: 15 January 2025", title: "My grades went from D's to A's in just 3 months!", quote: "I was so confused in math class. I'd study for hours but nothing made sense. With Brightway, the lessons finally clicked. The step-by-step explanations actually helped me understand, not just memorize. Now I actually enjoy math and my parents are so proud!", tag: "Math Simplified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUrU2oBaWKXZUpKWCq3Mjydreq/portrait-photo-of-a-happy-confident-teen-1772658092935-bc501bc7.png", avatarAlt: "Emma Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUrU2oBaWKXZUpKWCq3Mjydreq/portrait-photo-of-a-happy-confident-teen-1772658092935-bc501bc7.png", imageAlt: "Emma's success story"
|
|
},
|
|
{
|
|
id: "2", name: "Marcus Johnson, 16 years old", date: "Date: 22 January 2025", title: "Finally got organized. Life-changing for real.", quote: "I was such a mess with assignments and deadlines. The Study System showed me how to actually plan my time instead of panicking last minute. Now I finish projects early and have less stress. Seriously wish I'd found this sooner.", tag: "Study System 30 Days", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUrU2oBaWKXZUpKWCq3Mjydreq/portrait-photo-of-a-happy-teenage-boy-14-1772658093105-a68bef0b.png", avatarAlt: "Marcus Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUrU2oBaWKXZUpKWCq3Mjydreq/portrait-photo-of-a-happy-teenage-boy-14-1772658093105-a68bef0b.png", imageAlt: "Marcus's success story"
|
|
},
|
|
{
|
|
id: "3", name: "Sarah Park, 17 years old", date: "Date: 10 February 2025", title: "I went from wanting to quit to actually loving school.", quote: "I was so burned out and had zero motivation. The Focus Bootcamp taught me to actually focus without distractions. Plus, seeing my progress every day kept me motivated. My grades improved AND I'm actually happy now. This is amazing.", tag: "Focus & Productivity Bootcamp", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUrU2oBaWKXZUpKWCq3Mjydreq/portrait-photo-of-a-confident-teenage-gi-1772658091401-c4105456.png", avatarAlt: "Sarah Park", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUrU2oBaWKXZUpKWCq3Mjydreq/portrait-photo-of-a-confident-teenage-gi-1772658091401-c4105456.png", imageAlt: "Sarah's success story"
|
|
},
|
|
{
|
|
id: "4", name: "Alex Rodriguez, 14 years old", date: "Date: 5 February 2025", title: "My son is actually excited about school now!", quote: "We were so worried about his grades and motivation. Brightway helped him see that he CAN succeed. The short lessons don't feel overwhelming, and the progress tracking shows real improvement. As a parent, I'm relieved and impressed.", tag: "All Programs", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUrU2oBaWKXZUpKWCq3Mjydreq/portrait-photo-of-a-diverse-teenage-stud-1772658093348-a8a628a3.png", avatarAlt: "Alex Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUrU2oBaWKXZUpKWCq3Mjydreq/portrait-photo-of-a-diverse-teenage-stud-1772658093348-a8a628a3.png", imageAlt: "Alex's success story"
|
|
},
|
|
{
|
|
id: "5", name: "Jennifer Williams, Parent", date: "Date: 28 January 2025", title: "Best investment in my child's education ever.", quote: "My daughter was struggling and losing confidence. Brightway gave her the structure and support she needed. The platform is easy to use, engaging, and it WORKS. Her grades went up and her attitude completely changed. Worth every penny.", tag: "Parent Testimonial", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUrU2oBaWKXZUpKWCq3Mjydreq/portrait-photo-of-a-supportive-parent-ad-1772658092793-7277d240.png", avatarAlt: "Jennifer Williams", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUrU2oBaWKXZUpKWCq3Mjydreq/portrait-photo-of-a-supportive-parent-ad-1772658092793-7277d240.png", imageAlt: "Jennifer's testimonial"
|
|
},
|
|
{
|
|
id: "6", name: "David Martinez, Parent", date: "Date: 12 February 2025", title: "Finally found something that actually helps.", quote: "We tried tutors, apps, everything. Nothing stuck until Brightway. The lessons are clear, the organization system is practical, and my son actually WANTS to use it. His confidence is back and his grades prove it works.", tag: "Parent Testimonial", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUrU2oBaWKXZUpKWCq3Mjydreq/portrait-photo-of-another-confident-pare-1772658092290-b951522e.png", avatarAlt: "David Martinez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUrU2oBaWKXZUpKWCq3Mjydreq/portrait-photo-of-another-confident-pare-1772658092290-b951522e.png", imageAlt: "David's testimonial"
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialproof" data-section="socialproof">
|
|
<SocialProofOne
|
|
title="Trusted by Leading Educational Organizations"
|
|
description="Brightway partners with schools, districts, and educational platforms that believe in accessible, effective learning."
|
|
tag="Partners & Schools"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Edtech Leaders", "School Districts", "Learning Platforms", "Student Success Teams", "Education Innovators", "Academic Support Centers", "Online Learning Networks", "Youth Development Organizations"
|
|
]}
|
|
logos={[
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUrU2oBaWKXZUpKWCq3Mjydreq/logo-of-a-popular-edtech-or-education-te-1772658091253-15cd7087.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUrU2oBaWKXZUpKWCq3Mjydreq/logo-of-an-educational-institution-schoo-1772658092961-9dcc7731.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUrU2oBaWKXZUpKWCq3Mjydreq/logo-representing-learning-education-or--1772658091261-262d8f4a.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUrU2oBaWKXZUpKWCq3Mjydreq/tech-company-or-software-logo-representi-1772658091218-1463a4a6.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUrU2oBaWKXZUpKWCq3Mjydreq/online-platform-or-saas-company-logo-rep-1772658092433-3c313c5e.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUrU2oBaWKXZUpKWCq3Mjydreq/logo-representing-innovation-progress-an-1772658092064-4e51bc71.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUrU2oBaWKXZUpKWCq3Mjydreq/logo-representing-community-collaboratio-1772658091970-2c91af01.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUrU2oBaWKXZUpKWCq3Mjydreq/logo-representing-achievement-success-an-1772658091227-d84f4e3b.png"
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="cta" data-section="cta">
|
|
<ContactCTA
|
|
tag="Ready to Transform Your Grades?"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
title="Join Thousands of Students Who Are Succeeding with Brightway"
|
|
description="Start your free trial today. No credit card required. Get instant access to video lessons, study tools, and our supportive community. Your academic breakthrough is just one click away."
|
|
buttons={[
|
|
{ text: "Start Free Trial Now", href: "/" },
|
|
{ text: "Schedule a Demo", href: "#contact" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUrU2oBaWKXZUpKWCq3Mjydreq/soft-subtle-abstract-background-featurin-1772658092491-470c9e07.png"
|
|
imageAlt="Brightway community and learning"
|
|
logoText="Brightway"
|
|
copyrightText="© 2025 Brightway Education. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Product", items: [
|
|
{ label: "Math Simplified", href: "#programs" },
|
|
{ label: "Study System 30 Days", href: "#programs" },
|
|
{ label: "Focus & Productivity", href: "#programs" },
|
|
{ label: "Pricing", href: "#programs" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Blog & Resources", href: "/blog" },
|
|
{ label: "How It Works", href: "#solution" },
|
|
{ label: "Careers", href: "/careers" },
|
|
],
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "FAQ", href: "/faq" },
|
|
{ label: "Contact Us", href: "/contact" },
|
|
{ label: "Help Center", href: "/help" },
|
|
{ label: "Privacy Policy", href: "/privacy" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|