Merge version_1 into main #2
287
src/app/page.tsx
287
src/app/page.tsx
@@ -9,7 +9,7 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import { BookOpen, Mic, TrendingUp } from "lucide-react";
|
||||
import { BookOpen, Mic, TrendingUp, Calculator, FlaskConical, Atom } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,132 +30,43 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Subjects",
|
||||
id: "features",
|
||||
},
|
||||
name: "Subjects", id: "features"},
|
||||
{
|
||||
name: "Parents",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Parents", id: "metrics"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="SomaHub"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Learn Simply, Grow Smart"
|
||||
description="SomaHub empowers young learners across Kenya with engaging, CBC-aligned lessons accessible even on low-bandwidth connections."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/video-tutorial-abstract-concept-vector-illustration-web-education-video-blog-online-courses-training-elearning-tutorial-blogger-influencer-recording-watching-webinar-abstract-metaphor_335657-5884.jpg?_wi=1",
|
||||
imageAlt: "Child learning on tablet",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/video-tutorial-abstract-concept-vector-illustration-web-education-video-blog-online-courses-training-elearning-tutorial-blogger-influencer-recording-watching-webinar-abstract-metaphor_335657-5884.jpg?_wi=2",
|
||||
imageAlt: "Student engaging with lesson",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/video-tutorial-abstract-concept-vector-illustration-web-education-video-blog-online-courses-training-elearning-tutorial-blogger-influencer-recording-watching-webinar-abstract-metaphor_335657-5884.jpg?_wi=3",
|
||||
imageAlt: "Interactive learning classroom",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/video-tutorial-abstract-concept-vector-illustration-web-education-video-blog-online-courses-training-elearning-tutorial-blogger-influencer-recording-watching-webinar-abstract-metaphor_335657-5884.jpg?_wi=4",
|
||||
imageAlt: "Digital education journey",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/video-tutorial-abstract-concept-vector-illustration-web-education-video-blog-online-courses-training-elearning-tutorial-blogger-influencer-recording-watching-webinar-abstract-metaphor_335657-5884.jpg?_wi=5",
|
||||
imageAlt: "Curious child with tablet",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/video-tutorial-abstract-concept-vector-illustration-web-education-video-blog-online-courses-training-elearning-tutorial-blogger-influencer-recording-watching-webinar-abstract-metaphor_335657-5884.jpg", imageAlt: "Child learning on tablet" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/video-tutorial-abstract-concept-vector-illustration-web-education-video-blog-online-courses-training-elearning-tutorial-blogger-influencer-recording-watching-webinar-abstract-metaphor_335657-5884.jpg", imageAlt: "Student engaging with lesson" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/video-tutorial-abstract-concept-vector-illustration-web-education-video-blog-online-courses-training-elearning-tutorial-blogger-influencer-recording-watching-webinar-abstract-metaphor_335657-5884.jpg", imageAlt: "Interactive learning classroom" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/video-tutorial-abstract-concept-vector-illustration-web-education-video-blog-online-courses-training-elearning-tutorial-blogger-influencer-recording-watching-webinar-abstract-metaphor_335657-5884.jpg", imageAlt: "Digital education journey" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/video-tutorial-abstract-concept-vector-illustration-web-education-video-blog-online-courses-training-elearning-tutorial-blogger-influencer-recording-watching-webinar-abstract-metaphor_335657-5884.jpg", imageAlt: "Curious child with tablet" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/video-tutorial-abstract-concept-vector-illustration-web-education-video-blog-online-courses-training-elearning-tutorial-blogger-influencer-recording-watching-webinar-abstract-metaphor_335657-5884.jpg?_wi=6",
|
||||
imageAlt: "Child learning on tablet",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/video-tutorial-abstract-concept-vector-illustration-web-education-video-blog-online-courses-training-elearning-tutorial-blogger-influencer-recording-watching-webinar-abstract-metaphor_335657-5884.jpg?_wi=7",
|
||||
imageAlt: "Interactive quizzes interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/video-tutorial-abstract-concept-vector-illustration-web-education-video-blog-online-courses-training-elearning-tutorial-blogger-influencer-recording-watching-webinar-abstract-metaphor_335657-5884.jpg?_wi=8",
|
||||
imageAlt: "Digital progress tracking",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/video-tutorial-abstract-concept-vector-illustration-web-education-video-blog-online-courses-training-elearning-tutorial-blogger-influencer-recording-watching-webinar-abstract-metaphor_335657-5884.jpg?_wi=9",
|
||||
imageAlt: "Virtual learning environment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/video-tutorial-abstract-concept-vector-illustration-web-education-video-blog-online-courses-training-elearning-tutorial-blogger-influencer-recording-watching-webinar-abstract-metaphor_335657-5884.jpg?_wi=10",
|
||||
imageAlt: "Smart study sessions",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/video-tutorial-abstract-concept-vector-illustration-web-education-video-blog-online-courses-training-elearning-tutorial-blogger-influencer-recording-watching-webinar-abstract-metaphor_335657-5884.jpg", imageAlt: "Child learning on tablet" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/video-tutorial-abstract-concept-vector-illustration-web-education-video-blog-online-courses-training-elearning-tutorial-blogger-influencer-recording-watching-webinar-abstract-metaphor_335657-5884.jpg", imageAlt: "Interactive quizzes interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/video-tutorial-abstract-concept-vector-illustration-web-education-video-blog-online-courses-training-elearning-tutorial-blogger-influencer-recording-watching-webinar-abstract-metaphor_335657-5884.jpg", imageAlt: "Digital progress tracking" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/video-tutorial-abstract-concept-vector-illustration-web-education-video-blog-online-courses-training-elearning-tutorial-blogger-influencer-recording-watching-webinar-abstract-metaphor_335657-5884.jpg", imageAlt: "Virtual learning environment" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/video-tutorial-abstract-concept-vector-illustration-web-education-video-blog-online-courses-training-elearning-tutorial-blogger-influencer-recording-watching-webinar-abstract-metaphor_335657-5884.jpg", imageAlt: "Smart study sessions" },
|
||||
]}
|
||||
tag="CBC-Aligned Education"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Learning",
|
||||
href: "#subjects",
|
||||
},
|
||||
{
|
||||
text: "Choose Your Grade",
|
||||
href: "#grades",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pihgq2",
|
||||
alt: "Parent A",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hobby-education-academic-knowledge-book-study-concept_53876-124406.jpg",
|
||||
alt: "Parent B",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/science-beaker-set_78370-8948.jpg",
|
||||
alt: "Parent C",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/worker-holding-device-with-greenscreen_482257-76711.jpg",
|
||||
alt: "Parent D",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/video-tutorial-abstract-concept-vector-illustration-web-education-video-blog-online-courses-training-elearning-tutorial-blogger-influencer-recording-watching-webinar-abstract-metaphor_335657-5884.jpg",
|
||||
alt: "Parent E",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ Kenyan parents"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "CBC-Aligned",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Offline Ready",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Engaging Lessons",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Interactive Quizzes",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Parent Dashboard",
|
||||
},
|
||||
{ text: "Start Learning", href: "#subjects" },
|
||||
{ text: "Choose Your Grade", href: "#grades" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -167,70 +78,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "math",
|
||||
title: "Mathematics",
|
||||
description: "Master numbers with fun, real-life examples and interactive quizzes.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pihgq2&_wi=1",
|
||||
imageAlt: "Math icon",
|
||||
},
|
||||
id: "math", title: "Mathematics", description: "Master numbers with fun, real-life examples and interactive quizzes.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pihgq2", imageAlt: "Math icon"},
|
||||
items: [
|
||||
{
|
||||
icon: Calculator,
|
||||
text: "Foundation level",
|
||||
},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
text: "Practice exercises",
|
||||
},
|
||||
{ icon: Calculator, text: "Foundation level" },
|
||||
{ icon: TrendingUp, text: "Practice exercises" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/video-tutorial-abstract-concept-vector-illustration-web-education-video-blog-online-courses-training-elearning-tutorial-blogger-influencer-recording-watching-webinar-abstract-metaphor_335657-5884.jpg?_wi=11",
|
||||
imageAlt: "educational concept student tablet",
|
||||
},
|
||||
{
|
||||
id: "english",
|
||||
title: "English",
|
||||
description: "Improve your literacy and communication skills through engaging stories.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hobby-education-academic-knowledge-book-study-concept_53876-124406.jpg?_wi=1",
|
||||
imageAlt: "English icon",
|
||||
},
|
||||
id: "english", title: "English", description: "Improve your literacy and communication skills through engaging stories.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hobby-education-academic-knowledge-book-study-concept_53876-124406.jpg", imageAlt: "English icon"},
|
||||
items: [
|
||||
{
|
||||
icon: BookOpen,
|
||||
text: "Reading mastery",
|
||||
},
|
||||
{
|
||||
icon: Mic,
|
||||
text: "Audio practice",
|
||||
},
|
||||
{ icon: BookOpen, text: "Reading mastery" },
|
||||
{ icon: Mic, text: "Audio practice" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pihgq2&_wi=2",
|
||||
imageAlt: "mathematics icon set flat design",
|
||||
},
|
||||
{
|
||||
id: "science",
|
||||
title: "Integrated Science",
|
||||
description: "Explore the wonders of nature and science with hands-on lesson modules.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/science-beaker-set_78370-8948.jpg",
|
||||
imageAlt: "Science icon",
|
||||
},
|
||||
id: "science", title: "Integrated Science", description: "Explore the wonders of nature and science with hands-on lesson modules.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/science-beaker-set_78370-8948.jpg", imageAlt: "Science icon"},
|
||||
items: [
|
||||
{
|
||||
icon: FlaskConical,
|
||||
text: "Discover nature",
|
||||
},
|
||||
{
|
||||
icon: Atom,
|
||||
text: "Simple science",
|
||||
},
|
||||
{ icon: FlaskConical, text: "Discover nature" },
|
||||
{ icon: Atom, text: "Simple science" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hobby-education-academic-knowledge-book-study-concept_53876-124406.jpg?_wi=2",
|
||||
imageAlt: "english learning book icon",
|
||||
},
|
||||
]}
|
||||
title="Explore Our Subjects"
|
||||
@@ -244,27 +116,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
title: "Lessons Completed",
|
||||
description: "Quality educational modules.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-holding-device-with-greenscreen_482257-76711.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "95%",
|
||||
title: "Course Completion",
|
||||
description: "Success rate for students.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-holding-device-with-greenscreen_482257-76711.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Offline Access",
|
||||
description: "Accessible on low data.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-holding-device-with-greenscreen_482257-76711.jpg?_wi=3",
|
||||
},
|
||||
{ id: "m1", value: "100+", title: "Lessons Completed", description: "Quality educational modules.", imageSrc: "http://img.b2bpic.net/free-photo/worker-holding-device-with-greenscreen_482257-76711.jpg" },
|
||||
{ id: "m2", value: "95%", title: "Course Completion", description: "Success rate for students.", imageSrc: "http://img.b2bpic.net/free-photo/worker-holding-device-with-greenscreen_482257-76711.jpg" },
|
||||
{ id: "m3", value: "24/7", title: "Offline Access", description: "Accessible on low data.", imageSrc: "http://img.b2bpic.net/free-photo/worker-holding-device-with-greenscreen_482257-76711.jpg" },
|
||||
]}
|
||||
title="Track Your Growth"
|
||||
description="Parents and learners can easily track progress, view quizzes completed, and earn certificates."
|
||||
@@ -279,26 +133,10 @@ export default function LandingPage() {
|
||||
description="Everything you need to know about getting started with SomaHub."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How does offline access work?",
|
||||
content: "SomaHub allows you to download lessons via our app so students can learn without an active internet connection.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is the curriculum CBC-aligned?",
|
||||
content: "Yes, all our content is meticulously mapped to the Competency-Based Curriculum (CBC) used in Kenyan schools.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can parents track progress?",
|
||||
content: "Our dedicated Parent Dashboard provides real-time insights into your child's performance, quiz results, and areas for improvement.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Which grades are covered?",
|
||||
content: "We currently provide comprehensive lesson modules for Grade 1 through Grade 9.",
|
||||
},
|
||||
{ id: "q1", title: "How does offline access work?", content: "SomaHub allows you to download lessons via our app so students can learn without an active internet connection." },
|
||||
{ id: "q2", title: "Is the curriculum CBC-aligned?", content: "Yes, all our content is meticulously mapped to the Competency-Based Curriculum (CBC) used in Kenyan schools." },
|
||||
{ id: "q3", title: "Can parents track progress?", content: "Our dedicated Parent Dashboard provides real-time insights into your child's performance, quiz results, and areas for improvement." },
|
||||
{ id: "q4", title: "Which grades are covered?", content: "We currently provide comprehensive lesson modules for Grade 1 through Grade 9." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -309,22 +147,12 @@ export default function LandingPage() {
|
||||
title="Stay Connected"
|
||||
description="Got questions or feedback? We'd love to hear from our SomaHub community."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message here...",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/video-tutorial-abstract-concept-vector-illustration-web-education-video-blog-online-courses-training-elearning-tutorial-blogger-influencer-recording-watching-webinar-abstract-metaphor_335657-5884.jpg?_wi=12"
|
||||
name: "message", placeholder: "Your message here..."}}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/video-tutorial-abstract-concept-vector-illustration-web-education-video-blog-online-courses-training-elearning-tutorial-blogger-influencer-recording-watching-webinar-abstract-metaphor_335657-5884.jpg"
|
||||
imageAlt="Contact us illustration"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -335,33 +163,16 @@ export default function LandingPage() {
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2kevk4"
|
||||
columns={[
|
||||
{
|
||||
title: "SomaHub",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
title: "SomaHub", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Subjects",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Parent Dashboard",
|
||||
href: "#metrics",
|
||||
},
|
||||
title: "Resources", items: [
|
||||
{ label: "Subjects", href: "#features" },
|
||||
{ label: "Parent Dashboard", href: "#metrics" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user