Update src/app/page.tsx
This commit is contained in:
178
src/app/page.tsx
178
src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { BookOpen, Globe, Palette } from "lucide-react";
|
||||
import { BookOpen, Globe, Palette, Calculator, Cpu, Dumbbell } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="School of Tomorrow"
|
||||
/>
|
||||
@@ -54,22 +42,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="School of Tomorrow | CMC Branch"
|
||||
description="Empowering students today for the leaders of tomorrow. Academic excellence rooted in character and innovation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Enroll Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Enroll Now", href: "#contact" },
|
||||
{ text: "Learn More", href: "#about" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/serious-young-blonde-lady-walking-outdoors-looking-aside_171337-19430.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/serious-young-blonde-lady-walking-outdoors-looking-aside_171337-19430.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -90,65 +70,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Modern Curriculum",
|
||||
description: "Rigorous academic programs designed to challenge and inspire.",
|
||||
items: [
|
||||
{
|
||||
icon: BookOpen,
|
||||
text: "Advanced Science",
|
||||
},
|
||||
{
|
||||
icon: Calculator,
|
||||
text: "Applied Math",
|
||||
},
|
||||
title: "Modern Curriculum", description: "Rigorous academic programs designed to challenge and inspire.", items: [
|
||||
{ icon: BookOpen, text: "Advanced Science" },
|
||||
{ icon: Calculator, text: "Applied Math" }
|
||||
],
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-digital-tablet-blue-stationery-blue-color-background_23-2148050732.jpg",
|
||||
},
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-young-blonde-lady-walking-outdoors-looking-aside_171337-19430.jpg?_wi=2",
|
||||
imageAlt: "classroom technology learning modern",
|
||||
media: { imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-digital-tablet-blue-stationery-blue-color-background_23-2148050732.jpg", imageAlt: "classroom technology learning modern" },
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Technology Integration",
|
||||
description: "Equipping classrooms with state-of-the-art tools for the digital age.",
|
||||
items: [
|
||||
{
|
||||
icon: Cpu,
|
||||
text: "Computer Labs",
|
||||
},
|
||||
{
|
||||
icon: Globe,
|
||||
text: "Smart Boards",
|
||||
},
|
||||
title: "Technology Integration", description: "Equipping classrooms with state-of-the-art tools for the digital age.", items: [
|
||||
{ icon: Cpu, text: "Computer Labs" },
|
||||
{ icon: Globe, text: "Smart Boards" }
|
||||
],
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablet-surrounded-by-stationery-supplies-table_23-2148543784.jpg",
|
||||
},
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-student-girl-glasses-with-pigtails-white-shirt-holding-arrow-raising-hand-surrender-standing-white-wall_141793-48016.jpg",
|
||||
imageAlt: "classroom technology learning modern",
|
||||
media: { imageSrc: "http://img.b2bpic.net/free-photo/tablet-surrounded-by-stationery-supplies-table_23-2148543784.jpg", imageAlt: "classroom technology learning modern" },
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Holistic Development",
|
||||
description: "Focusing on character building, arts, and physical fitness.",
|
||||
items: [
|
||||
{
|
||||
icon: Palette,
|
||||
text: "Arts Program",
|
||||
},
|
||||
{
|
||||
icon: Dumbbell,
|
||||
text: "Sports Complex",
|
||||
},
|
||||
title: "Holistic Development", description: "Focusing on character building, arts, and physical fitness.", items: [
|
||||
{ icon: Palette, text: "Arts Program" },
|
||||
{ icon: Dumbbell, text: "Sports Complex" }
|
||||
],
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-white-screen-digital-table-school-supplies-pink-wallpaper_23-2148050733.jpg",
|
||||
},
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brainstroming-education-concept-two-students-discuss-their-subject-write-notebook-create-article-blog-discuss-ideas-development-sit-coworking-space-tutor-gives-private-lesson_273609-28933.jpg?_wi=1",
|
||||
imageAlt: "classroom technology learning modern",
|
||||
},
|
||||
media: { imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-white-screen-digital-table-school-supplies-pink-wallpaper_23-2148050733.jpg", imageAlt: "classroom technology learning modern" },
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Our Educational Approach"
|
||||
description="We blend traditional values with modern methodologies to create a comprehensive learning environment."
|
||||
@@ -161,21 +105,9 @@ export default function LandingPage() {
|
||||
title="Our Impact"
|
||||
tag="Excellence in Numbers"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "15+",
|
||||
description: "Years of Excellence",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "500+",
|
||||
description: "Students Enrolled",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "98%",
|
||||
description: "Graduation Rate",
|
||||
},
|
||||
{ id: "1", value: "15+", description: "Years of Excellence" },
|
||||
{ id: "2", value: "500+", description: "Students Enrolled" },
|
||||
{ id: "3", value: "98%", description: "Graduation Rate" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -185,31 +117,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Abebe G.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brainstroming-education-concept-two-students-discuss-their-subject-write-notebook-create-article-blog-discuss-ideas-development-sit-coworking-space-tutor-gives-private-lesson_273609-28933.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sara H.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-her-hand-front-her_23-2148631377.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mulugeta T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-mother-working-from-home_23-2150231631.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Kebede K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-spending-time-together-with-his-girl-outdoors_23-2149032211.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Wubet F.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-father-kid-home_23-2149610748.jpg",
|
||||
},
|
||||
{ id: "1", name: "Abebe G.", imageSrc: "http://img.b2bpic.net/free-photo/brainstroming-education-concept-two-students-discuss-their-subject-write-notebook-create-article-blog-discuss-ideas-development-sit-coworking-space-tutor-gives-private-lesson_273609-28933.jpg" },
|
||||
{ id: "2", name: "Sara H.", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-her-hand-front-her_23-2148631377.jpg" },
|
||||
{ id: "3", name: "Mulugeta T.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-mother-working-from-home_23-2150231631.jpg" },
|
||||
{ id: "4", name: "Kebede K.", imageSrc: "http://img.b2bpic.net/free-photo/father-spending-time-together-with-his-girl-outdoors_23-2149032211.jpg" },
|
||||
{ id: "5", name: "Wubet F.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-father-kid-home_23-2149610748.jpg" }
|
||||
]}
|
||||
cardTitle="Parent Experiences"
|
||||
cardTag="Community Feedback"
|
||||
@@ -222,21 +134,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I enroll my child?",
|
||||
content: "Visit our administration office at CMC Branch for enrollment forms.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is transportation provided?",
|
||||
content: "Yes, we offer safe bus transport services within CMC and surrounding areas.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What are the school hours?",
|
||||
content: "Classes run from 8:00 AM to 3:00 PM, Monday to Friday.",
|
||||
},
|
||||
{ id: "1", title: "How do I enroll my child?", content: "Visit our administration office at CMC Branch for enrollment forms." },
|
||||
{ id: "2", title: "Is transportation provided?", content: "Yes, we offer safe bus transport services within CMC and surrounding areas." },
|
||||
{ id: "3", title: "What are the school hours?", content: "Classes run from 8:00 AM to 3:00 PM, Monday to Friday." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -247,9 +147,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Join Us"
|
||||
title="Get in Touch"
|
||||
description="Ready to join our school family? Contact us today."
|
||||
@@ -267,4 +165,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user