bender/98916585-e656-47ef-95de-ad0e0bc3863e
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-28 11:00:56 +00:00
parent bfe3a14436
commit 492d742be0
1 changed files with 79 additions and 296 deletions
Download Patch File Download Diff File Expand all files Collapse all files

375
src/app/page.tsx
View File

@@ -34,34 +34,20 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Get Started",
href: "#contact",
}}
text: "Get Started", href: "#contact"}}
logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-nerd-logo-template_23-2149203377.jpg"
logoAlt="Bright Learn logo"
brandName="Bright Learn"
@@ -71,46 +57,29 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardCarousel
background={{
variant: "downward-rays-animated-grid",
}}
variant: "downward-rays-animated-grid"}}
title="Future-Ready Education for All"
description="Bright Learn connects students, parents, and institutions with engaging tools and a vibrant community for a brighter future."
tag="Empowering Learners"
buttons={[
{
text: "Explore Courses",
href: "#features",
},
text: "Explore Courses", href: "#features"},
{
text: "Join Our Community",
href: "#contact",
},
text: "Join Our Community", href: "#contact"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-vr-headset-sitting-spherical-chair_74855-3186.jpg?_wi=1",
imageAlt: "Students engaging with interactive screens",
},
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-vr-headset-sitting-spherical-chair_74855-3186.jpg", imageAlt: "Students engaging with interactive screens"},
{
imageSrc: "http://img.b2bpic.net/free-photo/little-girl-drawing-i-miss-you-message-her-mom-video-call_23-2149120891.jpg?_wi=1",
imageAlt: "Parent and child learning together",
},
imageSrc: "http://img.b2bpic.net/free-photo/little-girl-drawing-i-miss-you-message-her-mom-video-call_23-2149120891.jpg", imageAlt: "Parent and child learning together"},
{
imageSrc: "http://img.b2bpic.net/free-photo/cute-multiethnic-kids-learning-use-virtual-reality-glasses_74855-16359.jpg?_wi=1",
imageAlt: "Students in a modern computer lab",
},
imageSrc: "http://img.b2bpic.net/free-photo/cute-multiethnic-kids-learning-use-virtual-reality-glasses_74855-16359.jpg", imageAlt: "Students in a modern computer lab"},
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063028.jpg?_wi=1",
imageAlt: "Textbook with holographic projections",
},
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063028.jpg", imageAlt: "Textbook with holographic projections"},
{
imageSrc: "http://img.b2bpic.net/free-photo/problem-solving-concept-with-rocket_23-2149908694.jpg",
imageAlt: "Diverse students celebrating graduation",
},
imageSrc: "http://img.b2bpic.net/free-photo/problem-solving-concept-with-rocket_23-2149908694.jpg", imageAlt: "Diverse students celebrating graduation"},
{
imageSrc: "http://img.b2bpic.net/free-photo/trans-man-work-with-laptop_23-2149409840.jpg",
imageAlt: "Teacher using interactive display with students",
},
imageSrc: "http://img.b2bpic.net/free-photo/trans-man-work-with-laptop_23-2149409840.jpg", imageAlt: "Teacher using interactive display with students"},
]}
/>
</div>
@@ -120,19 +89,13 @@ export default function LandingPage() {
useInvertedBackground={true}
heading={[
{
type: "text",
content: "A Platform Built for Connections and Growth",
},
type: "text", content: "A Platform Built for Connections and Growth"},
]}
buttons={[
{
text: "Our Mission",
href: "#",
},
text: "Our Mission", href: "#"},
{
text: "Why Bright Learn?",
href: "#features",
},
text: "Why Bright Learn?", href: "#features"},
]}
/>
</div>
@@ -144,52 +107,22 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Personalized Learning Paths",
description: "Tailored content adapts to each student's pace and style, ensuring optimal understanding and progress.",
bentoComponent: "reveal-icon",
icon: GraduationCap,
imageSrc: "http://img.b2bpic.net/free-photo/tutor-home-pupil-learning_23-2148511067.jpg",
imageAlt: "education network connectivity abstract",
title: "Personalized Learning Paths", description: "Tailored content adapts to each student's pace and style, ensuring optimal understanding and progress.", bentoComponent: "reveal-icon", icon: GraduationCap,
},
{
title: "Interactive Course Materials",
description: "Engage with lessons through rich multimedia, quizzes, and simulations that bring topics to life.",
bentoComponent: "reveal-icon",
icon: BookOpen,
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-nerd-logo-template_23-2149203377.jpg",
imageAlt: "education network connectivity abstract",
title: "Interactive Course Materials", description: "Engage with lessons through rich multimedia, quizzes, and simulations that bring topics to life.", bentoComponent: "reveal-icon", icon: BookOpen,
},
{
title: "Seamless Parent-Teacher Communication",
description: "Stay informed with real-time updates on student performance and direct messaging with educators.",
bentoComponent: "reveal-icon",
icon: Users,
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-vr-headset-sitting-spherical-chair_74855-3186.jpg?_wi=2",
imageAlt: "education network connectivity abstract",
title: "Seamless Parent-Teacher Communication", description: "Stay informed with real-time updates on student performance and direct messaging with educators.", bentoComponent: "reveal-icon", icon: Users,
},
{
title: "Performance Analytics & Insights",
description: "Detailed dashboards provide actionable data for students, parents, and institutions to track progress.",
bentoComponent: "reveal-icon",
icon: LineChart,
imageSrc: "http://img.b2bpic.net/free-photo/little-girl-drawing-i-miss-you-message-her-mom-video-call_23-2149120891.jpg?_wi=2",
imageAlt: "education network connectivity abstract",
title: "Performance Analytics & Insights", description: "Detailed dashboards provide actionable data for students, parents, and institutions to track progress.", bentoComponent: "reveal-icon", icon: LineChart,
},
{
title: "Collaborative Project Spaces",
description: "Facilitate group projects and discussions with integrated tools for teamwork and idea sharing.",
bentoComponent: "reveal-icon",
icon: Lightbulb,
imageSrc: "http://img.b2bpic.net/free-photo/cute-multiethnic-kids-learning-use-virtual-reality-glasses_74855-16359.jpg?_wi=2",
imageAlt: "education network connectivity abstract",
title: "Collaborative Project Spaces", description: "Facilitate group projects and discussions with integrated tools for teamwork and idea sharing.", bentoComponent: "reveal-icon", icon: Lightbulb,
},
{
title: "Secure & Intuitive Platform",
description: "Enjoy a safe and easy-to-navigate environment, ensuring focus remains on learning.",
bentoComponent: "reveal-icon",
icon: Shield,
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063028.jpg?_wi=2",
imageAlt: "education network connectivity abstract",
title: "Secure & Intuitive Platform", description: "Enjoy a safe and easy-to-navigate environment, ensuring focus remains on learning.", bentoComponent: "reveal-icon", icon: Shield,
},
]}
title="Innovative Tools for Modern Learning"
@@ -199,33 +132,16 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "95%",
title: "Student Success Rate",
description: "Our students consistently achieve higher academic results.",
imageSrc: "http://img.b2bpic.net/free-photo/young-graduate-showing-her-certificate-close-up_23-2148232810.jpg",
imageAlt: "Rising bar chart with graduation cap",
},
id: "m1", value: "95%", title: "Student Success Rate", description: "Our students consistently achieve higher academic results.", imageSrc: "http://img.b2bpic.net/free-photo/young-graduate-showing-her-certificate-close-up_23-2148232810.jpg", imageAlt: "Rising bar chart with graduation cap"},
{
id: "m2",
value: "100K+",
title: "Active Learners",
description: "A growing community of engaged students and supportive parents.",
imageSrc: "http://img.b2bpic.net/free-photo/co-working-people-working-together_23-2149328297.jpg",
imageAlt: "Upward trending line graph with group of people",
},
id: "m2", value: "100K+", title: "Active Learners", description: "A growing community of engaged students and supportive parents.", imageSrc: "http://img.b2bpic.net/free-photo/co-working-people-working-together_23-2149328297.jpg", imageAlt: "Upward trending line graph with group of people"},
{
id: "m3",
value: "500+",
title: "Partner Institutions",
description: "Trusted by schools and universities worldwide for their digital learning needs.",
imageSrc: "http://img.b2bpic.net/free-photo/colourful-pins-top-view-map_23-2148510446.jpg",
imageAlt: "Pie chart representing global institutional adoption",
},
id: "m3", value: "500+", title: "Partner Institutions", description: "Trusted by schools and universities worldwide for their digital learning needs.", imageSrc: "http://img.b2bpic.net/free-photo/colourful-pins-top-view-map_23-2148510446.jpg", imageAlt: "Pie chart representing global institutional adoption"},
]}
title="Our Impact at a Glance"
description="Bright Learn is dedicated to fostering educational excellence and making a tangible difference."
@@ -239,60 +155,23 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
title: "Individual Student",
price: "$19/month",
period: "billed monthly",
features: [
"Access to all courses",
"Personalized learning paths",
"Basic progress tracking",
"Community forum access",
],
id: "basic", title: "Individual Student", price: "$19/month", period: "billed monthly", features: [
"Access to all courses", "Personalized learning paths", "Basic progress tracking", "Community forum access"],
button: {
text: "Start Learning",
href: "#",
},
imageSrc: "http://img.b2bpic.net/free-photo/learn-something-new-today-text-slate-with-pen-eraser-pink-background_23-2147879752.jpg",
imageAlt: "Individual student learning journey graphic",
},
text: "Start Learning", href: "#"},
imageSrc: "http://img.b2bpic.net/free-photo/learn-something-new-today-text-slate-with-pen-eraser-pink-background_23-2147879752.jpg", imageAlt: "Individual student learning journey graphic"},
{
id: "pro",
title: "Family Plan",
price: "$49/month",
period: "billed monthly",
features: [
"Up to 5 student profiles",
"Dedicated parent dashboard",
"Advanced analytics & reports",
"Direct teacher messaging",
],
id: "pro", title: "Family Plan", price: "$49/month", period: "billed monthly", features: [
"Up to 5 student profiles", "Dedicated parent dashboard", "Advanced analytics & reports", "Direct teacher messaging"],
button: {
text: "Empower Your Family",
href: "#",
},
imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104607.jpg",
imageAlt: "Family learning group graphic",
},
text: "Empower Your Family", href: "#"},
imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104607.jpg", imageAlt: "Family learning group graphic"},
{
id: "enterprise",
title: "Institution Package",
price: "Custom Quote",
period: "annually",
features: [
"Unlimited student accounts",
"Dedicated account manager",
"LMS integration",
"Custom branding & analytics",
"24/7 Premium Support",
],
id: "enterprise", title: "Institution Package", price: "Custom Quote", period: "annually", features: [
"Unlimited student accounts", "Dedicated account manager", "LMS integration", "Custom branding & analytics", "24/7 Premium Support"],
button: {
text: "Contact Sales",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252462.jpg",
imageAlt: "Institutional education network graphic",
},
text: "Contact Sales", href: "#contact"},
imageSrc: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252462.jpg", imageAlt: "Institutional education network graphic"},
]}
title="Flexible Plans for Every Learning Journey"
description="Choose the perfect plan that fits your educational goals, whether you're an individual, a family, or an entire institution."
@@ -306,64 +185,28 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Anya Sharma",
role: "High School Student",
company: "Maplewood High",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-redhead-woman-red-hat-sits-with-backpack-thermos-using-digital-tablet-outdoors_1258-196860.jpg",
imageAlt: "Anya Sharma",
},
id: "1", name: "Anya Sharma", role: "High School Student", company: "Maplewood High", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-redhead-woman-red-hat-sits-with-backpack-thermos-using-digital-tablet-outdoors_1258-196860.jpg", imageAlt: "Anya Sharma"},
{
id: "2",
name: "David Lee",
role: "Parent",
company: "Home Learner",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/dad-preparing-kid-first-day-school_23-2149573034.jpg",
imageAlt: "David Lee",
},
id: "2", name: "David Lee", role: "Parent", company: "Home Learner", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/dad-preparing-kid-first-day-school_23-2149573034.jpg", imageAlt: "David Lee"},
{
id: "3",
name: "Dr. Eleanor Vance",
role: "Head of Curriculum",
company: "Future Academy",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/teenage-student-smiling-with-book-head_23-2148208755.jpg",
imageAlt: "Dr. Eleanor Vance",
},
id: "3", name: "Dr. Eleanor Vance", role: "Head of Curriculum", company: "Future Academy", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/teenage-student-smiling-with-book-head_23-2148208755.jpg", imageAlt: "Dr. Eleanor Vance"},
{
id: "4",
name: "Sophia Rodriguez",
role: "College Prep Student",
company: "Bright Future Institute",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-dark-skinned-young-female-with-curly-bushy-hair-has-broad-toothy-smile-being-glad-hear-something-pleasant-wears-denim-overalls-stands-against-yellow-wall-emotions-concept_273609-15574.jpg",
imageAlt: "Sophia Rodriguez",
},
id: "4", name: "Sophia Rodriguez", role: "College Prep Student", company: "Bright Future Institute", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-dark-skinned-young-female-with-curly-bushy-hair-has-broad-toothy-smile-being-glad-hear-something-pleasant-wears-denim-overalls-stands-against-yellow-wall-emotions-concept_273609-15574.jpg", imageAlt: "Sophia Rodriguez"},
{
id: "5",
name: "Mr. Ben Carter",
role: "School Administrator",
company: "Innovate Schools",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/indian-business-man-with-crossed-arm-dark-wall_231208-2667.jpg",
imageAlt: "Mr. Ben Carter",
},
id: "5", name: "Mr. Ben Carter", role: "School Administrator", company: "Innovate Schools", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/indian-business-man-with-crossed-arm-dark-wall_231208-2667.jpg", imageAlt: "Mr. Ben Carter"},
]}
kpiItems={[
{
value: "5/5",
label: "Avg. Rating",
},
value: "5/5", label: "Avg. Rating"},
{
value: "98%",
label: "User Satisfaction",
},
value: "98%", label: "User Satisfaction"},
{
value: "120K+",
label: "Reviews",
},
value: "120K+", label: "Reviews"},
]}
title="What Our Community Says"
description="Hear directly from students, parents, and educators about their transformative experiences with Bright Learn."
@@ -376,30 +219,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "How does Bright Learn personalize education?",
content: "Our platform uses AI-driven algorithms to analyze each student's learning style, pace, and performance. This data informs dynamic adjustments to course content and recommendations, ensuring a truly personalized experience.",
},
id: "faq1", title: "How does Bright Learn personalize education?", content: "Our platform uses AI-driven algorithms to analyze each student's learning style, pace, and performance. This data informs dynamic adjustments to course content and recommendations, ensuring a truly personalized experience."},
{
id: "faq2",
title: "What kind of support is available for parents?",
content: "Parents receive access to a dedicated dashboard with real-time progress reports, activity logs, and direct communication channels to teachers. We also offer resources and webinars on supporting remote learning.",
},
id: "faq2", title: "What kind of support is available for parents?", content: "Parents receive access to a dedicated dashboard with real-time progress reports, activity logs, and direct communication channels to teachers. We also offer resources and webinars on supporting remote learning."},
{
id: "faq3",
title: "Can institutions integrate Bright Learn with existing LMS systems?",
content: "Yes, Bright Learn is designed for seamless integration with major Learning Management Systems (LMS) via API. Our enterprise plans include dedicated support for custom integrations and setup.",
},
id: "faq3", title: "Can institutions integrate Bright Learn with existing LMS systems?", content: "Yes, Bright Learn is designed for seamless integration with major Learning Management Systems (LMS) via API. Our enterprise plans include dedicated support for custom integrations and setup."},
{
id: "faq4",
title: "Is Bright Learn suitable for all age groups?",
content: "Bright Learn offers content tailored for K-12, higher education, and adult learners. Our flexible curriculum and tools are adapted to meet the needs of various age groups and educational levels.",
},
id: "faq4", title: "Is Bright Learn suitable for all age groups?", content: "Bright Learn offers content tailored for K-12, higher education, and adult learners. Our flexible curriculum and tools are adapted to meet the needs of various age groups and educational levels."},
{
id: "faq5",
title: "What are the technical requirements to use the platform?",
content: "Bright Learn is a web-based platform accessible from any modern browser. For optimal experience, a stable internet connection and a device (desktop, laptop, tablet) with a recent operating system are recommended.",
},
id: "faq5", title: "What are the technical requirements to use the platform?", content: "Bright Learn is a web-based platform accessible from any modern browser. For optimal experience, a stable internet connection and a device (desktop, laptop, tablet) with a recent operating system are recommended."},
]}
imageSrc="http://img.b2bpic.net/free-photo/teenage-girl-helping-little-sister-using-tablet-online-school_23-2148827438.jpg"
imageAlt="Students and parents collaborating around a transparent digital screen"
@@ -418,26 +246,11 @@ export default function LandingPage() {
useInvertedBackground={true}
members={[
{
id: "t1",
name: "Dr. Alex Chen",
role: "CEO & Founder",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg",
imageAlt: "Dr. Alex Chen",
},
id: "t1", name: "Dr. Alex Chen", role: "CEO & Founder", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg", imageAlt: "Dr. Alex Chen"},
{
id: "t2",
name: "Maria Rodriguez",
role: "Chief Education Officer",
imageSrc: "http://img.b2bpic.net/free-photo/young-teacher-using-laptop-explaining-lesson-her-students-online_637285-9392.jpg",
imageAlt: "Maria Rodriguez",
},
id: "t2", name: "Maria Rodriguez", role: "Chief Education Officer", imageSrc: "http://img.b2bpic.net/free-photo/young-teacher-using-laptop-explaining-lesson-her-students-online_637285-9392.jpg", imageAlt: "Maria Rodriguez"},
{
id: "t3",
name: "Ethan Davis",
role: "Lead Product Designer",
imageSrc: "http://img.b2bpic.net/free-photo/two-men-using-digital-tablet-laptop-coffee-shop_1170-2034.jpg",
imageAlt: "Ethan Davis",
},
id: "t3", name: "Ethan Davis", role: "Lead Product Designer", imageSrc: "http://img.b2bpic.net/free-photo/two-men-using-digital-tablet-laptop-coffee-shop_1170-2034.jpg", imageAlt: "Ethan Davis"},
]}
title="Meet the Minds Behind Bright Learn"
description="Our dedicated team of educators, technologists, and innovators are passionate about shaping the future of learning."
@@ -448,18 +261,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
text="Ready to transform your learning journey? Reach out to us today and let's explore how Bright Learn can empower you."
buttons={[
{
text: "Contact Sales",
href: "mailto:sales@brightlearn.com",
},
text: "Contact Sales", href: "mailto:sales@brightlearn.com"},
{
text: "Support Center",
href: "#",
},
text: "Support Center", href: "#"},
]}
/>
</div>
@@ -471,62 +279,37 @@ export default function LandingPage() {
logoText="Bright Learn"
columns={[
{
title: "Platform",
items: [
title: "Platform", items: [
{
label: "Features",
href: "#features",
},
label: "Features", href: "#features"},
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "FAQs",
href: "#faq",
},
label: "FAQs", href: "#faq"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Team",
href: "#team",
},
label: "Our Team", href: "#team"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{
label: "Blog",
href: "#",
},
label: "Blog", href: "#"},
{
label: "Support",
href: "#",
},
label: "Support", href: "#"},
{
label: "Help Center",
href: "#",
},
label: "Help Center", href: "#"},
],
},
]}