Merge version_1 into main #2
352
src/app/page.tsx
352
src/app/page.tsx
@@ -1,285 +1,91 @@
|
||||
"use client";
|
||||
'use client';
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import { Link } from 'next/link';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function HomePage() {
|
||||
const navItems = [{ name: 'Home', id: '/' }];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Admissions",
|
||||
id: "#admissions",
|
||||
},
|
||||
{
|
||||
name: "Academics",
|
||||
id: "#academics",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Monet Education"
|
||||
/>
|
||||
</div>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered navItems={navItems} brandName="Monet Education" />
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Enroll your child into a results-driven school"
|
||||
description="Monet Education combines academic rigor, discipline, and cutting-edge tech skills to raise thinkers and build future leaders."
|
||||
buttons={[{ text: 'Apply now', href: '#contact' }, { text: 'Book visit', href: '#contact' }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-futuristic-classroom-students_23-2150906160.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/little-girl-writes-notebook-while-sitting-front-laptop_169016-29250.jpg", alt: "A little girl writes on a notebook while sitting in front of a laptop" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/schoolgirl-studies-online-home-girl-is-typing-laptop-keyboard_169016-64531.jpg", alt: "A schoolgirl studies online at home The girl is typing on the laptop keyboard" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/little-girls-using-computer-concept_53876-139661.jpg", alt: "Little Girls Using Computer Concept" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/primary-school-pupils-library-discuss-online-seminar_482257-114548.jpg", alt: "Primary school pupils in a library discuss during an online seminar" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/little-black-boy-using-laptop-while-homeschooling-with-his-mother_637285-9308.jpg", alt: "Little black boy using laptop while homeschooling with his mother" }
|
||||
]}
|
||||
avatarText="Join 500+ successful students"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Enroll your child into a results-driven school"
|
||||
description="Monet Education combines academic rigor, discipline, and cutting-edge tech skills to raise thinkers and build future leaders."
|
||||
buttons={[
|
||||
{
|
||||
text: "Apply now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Book visit",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-futuristic-classroom-students_23-2150906160.jpg?_wi=1"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/little-girl-writes-notebook-while-sitting-front-laptop_169016-29250.jpg",
|
||||
alt: "A little girl writes on a notebook while sitting in front of a laptop",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/schoolgirl-studies-online-home-girl-is-typing-laptop-keyboard_169016-64531.jpg",
|
||||
alt: "A schoolgirl studies online at home The girl is typing on the laptop keyboard",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/little-girls-using-computer-concept_53876-139661.jpg",
|
||||
alt: "Little Girls Using Computer Concept",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/primary-school-pupils-library-discuss-online-seminar_482257-114548.jpg",
|
||||
alt: "Primary school pupils in a library discuss during an online seminar",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/little-black-boy-using-laptop-while-homeschooling-with-his-mother_637285-9308.jpg",
|
||||
alt: "Little black boy using laptop while homeschooling with his mother",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 500+ successful students"
|
||||
/>
|
||||
</div>
|
||||
<div id="why-monet" data-section="why-monet">
|
||||
<FeatureCardTwentyNine
|
||||
title="Why Monet Education"
|
||||
description="We foster growth through structured learning and modern skill integration."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "WAEC Preparation", description: "Focused academic support for standard examination excellence.", imageSrc: "http://img.b2bpic.net/free-vector/premium-golden-shield-set_23-2147635146.jpg", titleIconSrc: "http://img.b2bpic.net/free-photo/delaware-flag-with-banner_187299-35477.jpg", buttonText: "Learn more" },
|
||||
{ title: "Coding & Tech", description: "Future-ready programming skills taught from early grades.", imageSrc: "http://img.b2bpic.net/free-photo/texture-background_1404-62.jpg", titleIconSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062864.jpg", buttonText: "Explore" },
|
||||
{ title: "Holistic Development", description: "Balancing sports, culture, and academic growth daily.", imageSrc: "http://img.b2bpic.net/free-photo/traditional-russian-balalaika-vector-illustration-side-by-side_1308-184619.jpg", titleIconSrc: "http://img.b2bpic.net/free-photo/view-matchsticks-with-slab-stone_23-2149600198.jpg", buttonText: "Details" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-monet" data-section="why-monet">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "WAEC Preparation",
|
||||
description: "Focused academic support for standard examination excellence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/premium-golden-shield-set_23-2147635146.jpg?_wi=1",
|
||||
titleIconSrc: "http://img.b2bpic.net/free-photo/delaware-flag-with-banner_187299-35477.jpg",
|
||||
buttonText: "Learn more",
|
||||
},
|
||||
{
|
||||
title: "Coding & Tech",
|
||||
description: "Future-ready programming skills taught from early grades.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/texture-background_1404-62.jpg?_wi=1",
|
||||
titleIconSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062864.jpg",
|
||||
buttonText: "Explore",
|
||||
},
|
||||
{
|
||||
title: "Holistic Development",
|
||||
description: "Balancing sports, culture, and academic growth daily.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-russian-balalaika-vector-illustration-side-by-side_1308-184619.jpg?_wi=1",
|
||||
titleIconSrc: "http://img.b2bpic.net/free-photo/view-matchsticks-with-slab-stone_23-2149600198.jpg",
|
||||
buttonText: "Details",
|
||||
},
|
||||
]}
|
||||
title="Why Monet Education"
|
||||
description="We foster growth through structured learning and modern skill integration."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
title="Parent Voices"
|
||||
description="Hear from our community of parents witnessing real results."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Adewale O.", date: "Jan 2025", title: "Parent", quote: "The structure here is unmatched. My children are truly thriving.", tag: "Excellent", avatarSrc: "http://img.b2bpic.net/free-photo/young-teenagers-reading-literary-texts-library-as-part-their-curriculum_482257-118176.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-classroom-students_23-2150906160.jpg", imageAlt: "student focused classroom" },
|
||||
{ id: "t2", name: "Sarah K.", date: "Dec 2024", title: "Parent", quote: "Monet Education really bridges the gap between academics and tech skills.", tag: "Happy", avatarSrc: "http://img.b2bpic.net/free-photo/indoor-shot-astonished-female-kid-with-braids-sitting-front-computer-with-very-surprised-facial-expression-looking-laptop-display-with-shock-online-education_176532-15163.jpg", imageSrc: "http://img.b2bpic.net/free-vector/premium-golden-shield-set_23-2147635146.jpg", imageAlt: "student focused classroom" },
|
||||
{ id: "t3", name: "Tunde F.", date: "Nov 2024", title: "Parent", quote: "Discipline and academic results have never been balanced so perfectly.", tag: "Top tier", avatarSrc: "http://img.b2bpic.net/free-photo/university-student-engrossed-texting-with-classmates-library_482257-126939.jpg", imageSrc: "http://img.b2bpic.net/free-photo/texture-background_1404-62.jpg", imageAlt: "student focused classroom" },
|
||||
{ id: "t4", name: "Chidi E.", date: "Oct 2024", title: "Parent", quote: "Best environment for my child's intellectual and cultural growth.", tag: "Loved", avatarSrc: "http://img.b2bpic.net/free-photo/little-girl-front-laptop-screen-study-concept_169016-30290.jpg", imageSrc: "http://img.b2bpic.net/free-photo/traditional-russian-balalaika-vector-illustration-side-by-side_1308-184619.jpg", imageAlt: "student focused classroom" },
|
||||
{ id: "t5", name: "Amaka L.", date: "Sep 2024", title: "Parent", quote: "Automated systems make tracking progress incredibly easy.", tag: "Efficient", avatarSrc: "http://img.b2bpic.net/free-photo/schoolgirl-studies-online-home-girl-is-typing-laptop-keyboard_169016-63299.jpg", imageSrc: "http://img.b2bpic.net/free-photo/delaware-flag-with-banner_187299-35477.jpg", imageAlt: "student focused classroom" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Adewale O.",
|
||||
date: "Jan 2025",
|
||||
title: "Parent",
|
||||
quote: "The structure here is unmatched. My children are truly thriving.",
|
||||
tag: "Excellent",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-teenagers-reading-literary-texts-library-as-part-their-curriculum_482257-118176.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-classroom-students_23-2150906160.jpg?_wi=2",
|
||||
imageAlt: "student focused classroom",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah K.",
|
||||
date: "Dec 2024",
|
||||
title: "Parent",
|
||||
quote: "Monet Education really bridges the gap between academics and tech skills.",
|
||||
tag: "Happy",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/indoor-shot-astonished-female-kid-with-braids-sitting-front-computer-with-very-surprised-facial-expression-looking-laptop-display-with-shock-online-education_176532-15163.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/premium-golden-shield-set_23-2147635146.jpg?_wi=2",
|
||||
imageAlt: "student focused classroom",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Tunde F.",
|
||||
date: "Nov 2024",
|
||||
title: "Parent",
|
||||
quote: "Discipline and academic results have never been balanced so perfectly.",
|
||||
tag: "Top tier",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/university-student-engrossed-texting-with-classmates-library_482257-126939.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/texture-background_1404-62.jpg?_wi=2",
|
||||
imageAlt: "student focused classroom",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Chidi E.",
|
||||
date: "Oct 2024",
|
||||
title: "Parent",
|
||||
quote: "Best environment for my child's intellectual and cultural growth.",
|
||||
tag: "Loved",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/little-girl-front-laptop-screen-study-concept_169016-30290.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-russian-balalaika-vector-illustration-side-by-side_1308-184619.jpg?_wi=2",
|
||||
imageAlt: "student focused classroom",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Amaka L.",
|
||||
date: "Sep 2024",
|
||||
title: "Parent",
|
||||
quote: "Automated systems make tracking progress incredibly easy.",
|
||||
tag: "Efficient",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/schoolgirl-studies-online-home-girl-is-typing-laptop-keyboard_169016-63299.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delaware-flag-with-banner_187299-35477.jpg",
|
||||
imageAlt: "student focused classroom",
|
||||
},
|
||||
]}
|
||||
title="Parent Voices"
|
||||
description="Hear from our community of parents witnessing real results."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to raise a leader? Start your enrollment process with Monet Education today."
|
||||
buttons={[{ text: 'Enroll Now', href: '#' }]}
|
||||
background={{ variant: 'sparkles-gradient' }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Academic Excellence"
|
||||
description="Evidence-based learning results from our students."
|
||||
testimonials={[
|
||||
{
|
||||
id: "ex-1",
|
||||
title: "Future Readiness",
|
||||
quote: "The curriculum perfectly balances traditional subjects with cutting-edge tech.",
|
||||
name: "James K.",
|
||||
role: "Parent",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-open-book-assortment_23-2149765701.jpg",
|
||||
},
|
||||
{
|
||||
id: "ex-2",
|
||||
title: "Strong Foundation",
|
||||
quote: "My kids have developed strong character and discipline at Monet Education.",
|
||||
name: "Fiona M.",
|
||||
role: "Parent",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-working-digital-device-network-graphic-overlay_53876-138487.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Ready to raise a leader? Start your enrollment process with Monet Education today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Enroll Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Monet Education"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Admission",
|
||||
href: "#admissions",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Portals",
|
||||
items: [
|
||||
{
|
||||
label: "Parent Login",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Teacher Login",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:info@monet.edu",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Monet Education"
|
||||
columns={[
|
||||
{ title: 'Links', items: [{ label: 'About', href: '#about' }, { label: 'Admission', href: '#admissions' }] },
|
||||
{ title: 'Portals', items: [{ label: 'Parent Login', href: '#' }, { label: 'Teacher Login', href: '#' }] },
|
||||
{ title: 'Contact', items: [{ label: 'Email', href: 'mailto:info@monet.edu' }, { label: 'Support', href: '#' }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user