Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2f96973c8f | |||
| 33a128307e |
449
src/app/page.tsx
449
src/app/page.tsx
@@ -2,15 +2,16 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import { BookOpen } from "lucide-react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,342 +28,118 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Our Team",
|
||||
id: "#team",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="EduCenter"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Courses", id: "courses" },
|
||||
{ name: "Teachers", id: "teachers" },
|
||||
{ name: "Results", id: "results" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="EduCenter"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Empowering Minds, Shaping Futures"
|
||||
description="Providing holistic education in a supportive and modern environment for students to excel academically and grow personally."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/classmates-reading-library-steps_23-2147864052.jpg",
|
||||
alt: "Student",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-looking-girl-answering-standing-near-desk_259150-60249.jpg",
|
||||
alt: "Teacher",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104577.jpg",
|
||||
alt: "Counselor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-adults-studying-together_23-2150331677.jpg",
|
||||
alt: "Staff",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/childrens-classroom_23-2148601358.jpg",
|
||||
alt: "Diverse student",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Excellence",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Integrity",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Leadership",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
title="Empowering Minds, Shaping Futures"
|
||||
description="Expert tutoring and guidance for English, IELTS, SAT, and IT courses. Enroll now to start your success story."
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[{ text: "Enroll Now", href: "#contact" }, { text: "View Courses", href: "#courses" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/classmates-reading-library-steps_23-2147864052.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Excellence in Education"
|
||||
description="Our institution is committed to providing a well-rounded academic experience. With small class sizes, experienced educators, and a focus on individualized learning, we help every student realize their full potential."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Individualized Attention",
|
||||
description: "Tailored learning plans for every student.",
|
||||
},
|
||||
{
|
||||
title: "Modern Facilities",
|
||||
description: "State-of-the-art technology and laboratories.",
|
||||
},
|
||||
{
|
||||
title: "Experienced Faculty",
|
||||
description: "Passionate educators with years of experience.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/colleagues-studying-university-library_23-2148844690.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[{ type: 'text', content: 'Dedicated to your Academic Growth' }]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Generic Learning",
|
||||
"Disconnected Methods",
|
||||
"Lack of Attention",
|
||||
"Rigid Scheduling",
|
||||
"Isolation",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Innovative Curriculum",
|
||||
"Global Partnerships",
|
||||
"Holistic Support",
|
||||
"Extracurricular Excellence",
|
||||
"Community Engagement",
|
||||
],
|
||||
}}
|
||||
title="Why Choose Us"
|
||||
description="Our center provides a unique educational ecosystem that prepares students for challenges in a dynamic world."
|
||||
/>
|
||||
</div>
|
||||
<div id="courses" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
title="Our Specialized Courses"
|
||||
description="We offer premium training to help you achieve your goals."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: BookOpen, title: "English", description: "Master language skills from basic to advanced levels." },
|
||||
{ icon: BookOpen, title: "IELTS", description: "Achieve your target score with our focused preparation." },
|
||||
{ icon: BookOpen, title: "SAT", description: "Preparation strategies to get into your dream university." },
|
||||
{ icon: BookOpen, title: "IT Classes", description: "Technical skills and programming training for the future." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Dr. Sarah Miller",
|
||||
role: "Principal",
|
||||
description: "Over 20 years in academic excellence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-cheerful-african-woman-student-smiling-laughing-sitting-cafe-books-magazines-lying-table-learning-education_176420-12412.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Johnson",
|
||||
role: "Senior Counselor",
|
||||
description: "Dedicated to student emotional development.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-holding-jacket-shoulder_1262-3853.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Lead Teacher",
|
||||
description: "Expert in innovative learning strategies.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67170.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Chen",
|
||||
role: "Science Head",
|
||||
description: "Innovator in STEM learning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-man-writing-his-agenda_1098-860.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Anna Petrova",
|
||||
role: "Arts Director",
|
||||
description: "Bringing creativity to the curriculum.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-library_23-2149204750.jpg",
|
||||
},
|
||||
]}
|
||||
title="Meet Our Faculty"
|
||||
description="Highly qualified educators dedicated to student success."
|
||||
/>
|
||||
</div>
|
||||
<div id="teachers" data-section="team">
|
||||
<TeamCardSix
|
||||
title="Our Experienced Faculty"
|
||||
description="Learn from experts committed to student excellence."
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{ id: '1', name: 'Sarah Miller', role: 'Head of English' },
|
||||
{ id: '2', name: 'James Doe', role: 'SAT Expert' },
|
||||
{ id: '3', name: 'Linda Chen', role: 'IT Instructor' }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Parent",
|
||||
company: "Happy Parent",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-father-helping-kid-with-homework_23-2149610737.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike T.",
|
||||
role: "Student",
|
||||
company: "Academic Success",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-photo-happy-cute-student-with-notebooks-earphones-standing-pink_273443-4911.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lisa R.",
|
||||
role: "Parent",
|
||||
company: "Satisfied Parent",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-mother-taking-her-daughter-school-education-concept_58466-15886.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alex K.",
|
||||
role: "Student",
|
||||
company: "Top Achiever",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-schoolgirl-memphis-background_23-2148203850.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jamie B.",
|
||||
role: "Parent",
|
||||
company: "Education Enthusiast",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isolated-shot-young-multiethnic-friendly-female-groupmates-embrace_273609-44568.jpg",
|
||||
},
|
||||
]}
|
||||
title="What People Say"
|
||||
description="Building a stronger educational community together."
|
||||
/>
|
||||
</div>
|
||||
<div id="results" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
title="Proven Success"
|
||||
description="See how our students have excelled."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
kpiItems={[{ value: "500+", label: "Students" }, { value: "98%", label: "Success Rate" }, { value: "4.9/5", label: "Rating" }]}
|
||||
testimonials={[
|
||||
{ id: "1", name: "John S.", role: "SAT Student", company: "Harvard Bound", rating: 5 },
|
||||
{ id: "2", name: "Anna W.", role: "IELTS Student", company: "Band 8.5", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I enroll my child?",
|
||||
content: "You can contact our admissions team or visit our website to start the online enrollment form.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are there student support services?",
|
||||
content: "Yes, we offer academic counseling and personalized tutoring sessions.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer weekend programs?",
|
||||
content: "We do host special weekend enrichment sessions throughout the academic year.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common answers for parents and prospective students."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
title="Transparent Fees"
|
||||
description="Affordable and quality education for everyone."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: 'p1', tag: 'Standard', price: '$200', period: '/month', description: 'Core courses access.', button: { text: 'Enroll Now' }, featuresTitle: 'Included:', features: ['Weekly Classes', 'Materials', 'Mentorship'] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get In Touch"
|
||||
title="Start Your Journey"
|
||||
description="Questions? We are here to help guide you through the enrollment process."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/working-from-home-formal-young-teacher-writing-notebook-planning-her-class-home_662251-2313.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Send Inquiry"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Enroll Now"
|
||||
description="Get in touch with us for location info, courses, or enrollment."
|
||||
inputs={[{ name: 'name', type: 'text', placeholder: 'Name' }, { name: 'email', type: 'email', placeholder: 'Email' }]}
|
||||
textarea={{ name: 'message', placeholder: 'How can we help? Mention WhatsApp/Telegram for quick reach.' }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Team",
|
||||
href: "#team",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Admissions",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="EduCenter"
|
||||
copyrightText="© 2025 EduCenter | All rights reserved"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
logoText="EduCenter"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/students-studying-university-library_23-2148844690.jpg"
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "WhatsApp", href: "https://wa.me/number" }, { label: "Telegram", href: "https://t.me/handle" }] },
|
||||
{ title: "Info", items: [{ label: "123 School St", href: "#" }, { label: "+1-234-567-890", href: "tel:+1234567890" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user