Update src/app/page.tsx
This commit is contained in:
117
src/app/page.tsx
117
src/app/page.tsx
@@ -1,29 +1,118 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { Shield, Activity, HeartHandshake } from "lucide-react";
|
||||
import { Sparkles, BookOpen, Users, CheckCircle, GraduationCap, CalendarDays, Smile } from "lucide-react";
|
||||
|
||||
// Component imports
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
|
||||
// Component imports removed due to "Cannot find module" errors and empty registry.
|
||||
|
||||
export default function LandingPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Courses", id: "courses" },
|
||||
{ name: "Our Team", id: "team" },
|
||||
{ name: "Trial Lesson", id: "contact" }
|
||||
];
|
||||
|
||||
const carouselImages = [
|
||||
{ id: "hero-1", imageSrc: "https://images.unsplash.com/photo-1546410531-eed626804a62?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80", imageAlt: "Kids learning English in a fun classroom" },
|
||||
{ id: "hero-2", imageSrc: "https://images.unsplash.com/photo-1524178232363-bb23363364f8?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80", imageAlt: "Teacher helping a young student" },
|
||||
{ id: "hero-3", imageSrc: "https://images.unsplash.com/photo-1546410531-eed626804a62?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80", imageAlt: "Group of children engaged in an activity" },
|
||||
{ id: "hero-4", imageSrc: "https://images.unsplash.com/photo-1524178232363-bb23363364f8?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80", imageAlt: "Happy kids learning English" },
|
||||
{ id: "hero-5", imageSrc: "https://images.unsplash.com/photo-1546410531-eed626804a62?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80", imageAlt: "Teacher with students in a creative class" },
|
||||
{ id: "hero-6", imageSrc: "https://images.unsplash.com/photo-1524178232363-bb23363364f8?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80", imageAlt: "Students collaborating on a project" }
|
||||
];
|
||||
|
||||
const courses = [
|
||||
{ id: "course-1", name: "Seedling English (Ages 4-6)", price: "From $99/month", imageSrc: "https://images.unsplash.com/photo-1524178232363-bb23363364f8?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=800&q=80", imageAlt: "Happy child learning" },
|
||||
{ id: "course-2", name: "Explorer English (Ages 7-8)", price: "From $120/month", imageSrc: "https://images.unsplash.com/photo-1546410531-eed626804a62?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=800&q=80", imageAlt: "Kids exploring" },
|
||||
{ id: "course-3", name: "Innovator English (Ages 9-10)", price: "From $140/month", imageSrc: "https://images.unsplash.com/photo-1524178232363-bb23363364f8?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=800&q=80", imageAlt: "Creative learning" }
|
||||
];
|
||||
|
||||
const teamMembers = [
|
||||
{ id: "teacher-1", name: "Ms. Emily", imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=300&q=80", imageAlt: "Portrait of Ms. Emily" },
|
||||
{ id: "teacher-2", name: "Mr. David", imageSrc: "https://images.unsplash.com/photo-1560250097-0b73528c311a?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=300&q=80", imageAlt: "Portrait of Mr. David" },
|
||||
{ id: "teacher-3", name: "Ms. Sarah", imageSrc: "https://images.unsplash.com/photo-1580489944761-15a19d654956?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=300&q=80", imageAlt: "Portrait of Ms. Sarah" }
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
background="floatingGradient"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
secondaryButtonStyle="flat"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
{/*
|
||||
All component usages removed because their imports resulted in "Cannot find module" errors
|
||||
and the component registry was empty, indicating these components are not available.
|
||||
*/}
|
||||
<></>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={navItems}
|
||||
brandName="The Learning Garden"
|
||||
button={{ text: "Book Trial Lesson", href: "#contact" }}
|
||||
logoSrc="https://logo.com/placeholder.png" // Placeholder logo
|
||||
/>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
title="Watch Your Child Blossom in English!"
|
||||
description="Fun, interactive lessons designed to spark curiosity and build confidence in young learners."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
buttons={[{ text: "Book a FREE Trial Lesson!", href: "#contact" }]}
|
||||
carouselItems={carouselImages}
|
||||
tag="Playful Learning"
|
||||
tagIcon={Sparkles}
|
||||
autoPlay={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="courses" data-section="courses">
|
||||
<ProductCardOne
|
||||
title="Our Play-Based Programs"
|
||||
description="Engaging courses tailored for different age groups, fostering a love for English through creativity and interaction."
|
||||
products={courses}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "View All Programs", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTen
|
||||
title="Meet Our Passionate Teachers"
|
||||
tag="Friendly & Experienced"
|
||||
members={teamMembers}
|
||||
membersAnimation="slide-up"
|
||||
memberVariant="card"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Ready for a Free Trial Lesson?"
|
||||
description="Let your child experience the joy of learning English with us! Fill out the form to schedule a complimentary trial class."
|
||||
inputs={[
|
||||
{ name: "parentName", type: "text", placeholder: "Parent's Name", required: true },
|
||||
{ name: "childAge", type: "number", placeholder: "Child's Age", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone (Optional)" }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Any specific interests or questions?", rows: 3 }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://images.unsplash.com/photo-1546410531-eed626804a62?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1200&q=80"
|
||||
buttonText="Book My Trial!"
|
||||
mediaPosition="left"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user