280 lines
14 KiB
TypeScript
280 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import { BookOpen, Facebook, Instagram, Leaf, MessageSquare, Palette, Sparkles, Brush, Shapes, SpellCheck, TreeDeciduous, Trampoline } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "About Us", id: "about"},
|
|
{
|
|
name: "Programs", id: "programs"},
|
|
{
|
|
name: "Our Values", id: "values"},
|
|
{
|
|
name: "Our Team", id: "team"},
|
|
{
|
|
name: "Testimonials", id: "testimonials"},
|
|
{
|
|
name: "FAQs", id: "faq"},
|
|
{
|
|
name: "Contact Us", id: "contact"},
|
|
]}
|
|
brandName="Little Stars Preschool Miami"
|
|
button={{
|
|
text: "Enroll Today", href: "#contact"}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
title="Nurturing Young Minds in Miami"
|
|
description="At Little Stars Preschool, we provide a vibrant, safe, and engaging environment where children aged 2-5 blossom through play-based learning and discovery. Join our family in Miami!"
|
|
tag="Bright Futures Start Here"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Explore Our Programs", href: "#programs"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-coloring-pencils_181624-57671.jpg", imageAlt: "Happy children playing in a colorful preschool classroom"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/children-participating-together-as-team-treasure-hunt_23-2149042900.jpg", imageAlt: "Kids playing joyfully in an outdoor playground"},
|
|
]}
|
|
mediaAnimation="opacity"
|
|
rating={5}
|
|
ratingText="Trusted by Miami Families"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="Our Philosophy: Learn, Grow, Shine"
|
|
description="Little Stars Preschool believes in fostering curiosity, creativity, and compassion. Our dedicated educators create personalized experiences that support each child's unique developmental journey, building a strong foundation for lifelong learning."
|
|
tag="About Us"
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-kid-drawing-together_23-2148866776.jpg"
|
|
imageAlt="Preschool teacher interacting playfully with diverse children during learning time"
|
|
/>
|
|
</div>
|
|
|
|
<div id="programs" data-section="programs">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Creative Arts & Crafts", description: "Encouraging self-expression through painting, sculpting, and imaginative play, fostering fine motor skills and artistic development.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-angel-like-cheerful-smiling-with-teeth-child-white-morning-light-art-room-holding-her-hand-bunch-brushes-little-european-girl-with-blond-hair-looking-happy-joyful-showing_176420-15707.jpg", imageAlt: "Children painting with bright colors"},
|
|
items: [
|
|
{
|
|
icon: Palette,
|
|
text: "Daily Art Sessions"},
|
|
{
|
|
icon: Brush,
|
|
text: "Sensory Exploration"},
|
|
{
|
|
icon: Shapes,
|
|
text: "Craft Projects"},
|
|
],
|
|
reverse: false,
|
|
},
|
|
{
|
|
title: "Early Literacy & Language", description: "Building a love for reading and communication through interactive story times, phonics games, and vocabulary-rich activities.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/friendly-environment-top-view-happy-woman-school-children-sitting-circle-floor-library-with-hands-outstretched-center-looking-camera_259150-58158.jpg", imageAlt: "Teacher reading a book to a group of attentive children"},
|
|
items: [
|
|
{
|
|
icon: BookOpen,
|
|
text: "Story Time Adventures"},
|
|
{
|
|
icon: SpellCheck,
|
|
text: "Phonics Fun"},
|
|
{
|
|
icon: MessageSquare,
|
|
text: "Language Development"},
|
|
],
|
|
reverse: true,
|
|
},
|
|
{
|
|
title: "Outdoor Play & Exploration", description: "Promoting physical development and an appreciation for nature through active play, garden exploration, and outdoor learning experiences.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-beautiful-girls-playing-with-swing_329181-16383.jpg", imageAlt: "Kids playing happily in an outdoor playground"},
|
|
items: [
|
|
{
|
|
icon: TreeDeciduous,
|
|
text: "Nature Walks"},
|
|
{
|
|
icon: Trampoline,
|
|
text: "Active Playground"},
|
|
{
|
|
icon: Leaf,
|
|
text: "Gardening Club"},
|
|
],
|
|
reverse: false,
|
|
},
|
|
]}
|
|
title="Our Engaging Programs"
|
|
description="Designed to ignite imagination and foster key skills, our programs cater to various age groups with a holistic approach to early childhood education."
|
|
tag="Discovery & Growth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="values" data-section="values">
|
|
<MetricCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "1", value: "10+", title: "Years of Experience", items: [
|
|
"Expert Educators", "Proven Curriculum"],
|
|
},
|
|
{
|
|
id: "2", value: "200+", title: "Happy Graduates", items: [
|
|
"Successful Transition", "Confident Learners"],
|
|
},
|
|
{
|
|
id: "3", value: "1:6", title: "Student-Teacher Ratio", items: [
|
|
"Personalized Attention", "Individualized Support"],
|
|
},
|
|
]}
|
|
title="Our Core Values"
|
|
description="We are committed to creating an environment that supports every child's holistic growth and prepares them for future success."
|
|
tag="Our Commitment"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
members={[
|
|
{
|
|
id: "1", name: "Ms. Isabella Rivera", role: "School Director", imageSrc: "http://img.b2bpic.net/free-photo/portrait-old-female-teacher-class_23-2148925498.jpg", imageAlt: "Smiling female school director"},
|
|
{
|
|
id: "2", name: "Mr. Daniel Chen", role: "Lead Preschool Teacher", imageSrc: "http://img.b2bpic.net/free-photo/front-view-kid-with-stickers-table_23-2149610745.jpg", imageAlt: "Smiling male lead preschool teacher"},
|
|
{
|
|
id: "3", name: "Ms. Sophia Martinez", role: "Assistant Teacher", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-dressed-formally-office-with-laptop_273609-4628.jpg", imageAlt: "Smiling female assistant teacher"},
|
|
]}
|
|
title="Meet Our Dedicated Team"
|
|
description="Our passionate educators and staff are the heart of Little Stars Preschool. They bring years of experience, a love for teaching, and a commitment to nurturing every child."
|
|
tag="Our Educators"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Maria Rodriguez", role: "Parent", testimonial: "Little Stars Preschool has been a blessing for our family. Our daughter absolutely loves going to school every day, and we've seen incredible growth in her confidence and learning!", imageSrc: "http://img.b2bpic.net/free-photo/joyful-childhood-moments-outdoors-smiling-girl-with-baby_169016-69575.jpg", imageAlt: "Happy parent with child"},
|
|
{
|
|
id: "2", name: "David Lee", role: "Parent", testimonial: "The educators here are truly exceptional. They create such a warm and supportive atmosphere, making learning fun and engaging. We highly recommend Little Stars!", imageSrc: "http://img.b2bpic.net/free-photo/young-family-enjoying-trips_23-2149176492.jpg", imageAlt: "Happy father and son"},
|
|
{
|
|
id: "3", name: "Sofia Gomez", role: "Parent", testimonial: "My son has thrived at Little Stars. The focus on play-based learning and social-emotional development has made such a positive impact on him. Thank you for everything!", imageSrc: "http://img.b2bpic.net/free-photo/i-love-my-mom-so-much_329181-2549.jpg", imageAlt: "Happy grandmother and grandchild"},
|
|
{
|
|
id: "4", name: "Jessica White", role: "Parent", testimonial: "We couldn't be happier with our choice of preschool. The communication is excellent, and we always feel our child is safe, cared for, and learning something new every day.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-mother-with-little-son-home_273609-14793.jpg", imageAlt: "Diverse happy mother with children"},
|
|
{
|
|
id: "5", name: "Carlos Sanchez", role: "Parent", testimonial: "The curriculum at Little Stars is perfectly balanced, combining academics with creative play. Our child is always excited to share what they learned and created.", imageSrc: "http://img.b2bpic.net/free-photo/happy-black-family-spending-time-together_23-2148947202.jpg", imageAlt: "Parent talking to preschool teacher"},
|
|
]}
|
|
title="What Our Parents Say"
|
|
description="Hear directly from families who have experienced the difference Little Stars Preschool makes in their children's lives."
|
|
tag="Happy Families"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What are your operating hours?", content: "Our preschool operates Monday to Friday, from 8:00 AM to 3:00 PM. We also offer extended care options until 6:00 PM."},
|
|
{
|
|
id: "2", title: "What age groups do you accept?", content: "We welcome children aged 2 to 5 years old into our various programs, tailored to their developmental stages."},
|
|
{
|
|
id: "3", title: "What is your curriculum focus?", content: "Our curriculum is play-based, focusing on early literacy, math, science, creative arts, and social-emotional development, all delivered in an engaging, child-centered manner."},
|
|
{
|
|
id: "4", title: "How do you ensure child safety?", content: "Child safety is our top priority. We have secure entry systems, certified staff trained in first aid and CPR, and a strict pick-up policy. Our facilities are regularly inspected and maintained."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/caucasian-african-children-learn-friendship-success-generated-by-ai_188544-29239.jpg"
|
|
imageAlt="Preschool children raising hands to ask questions in class"
|
|
mediaAnimation="opacity"
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our programs, admissions process, daily schedule, and more."
|
|
tag="Your Questions Answered"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
text="Ready to Give Your Child a Bright Start?"
|
|
buttons={[
|
|
{
|
|
text: "Get in Touch", href: "mailto:info@littlestarsmiami.com"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Little Stars Preschool Miami"
|
|
copyrightText="© 2024 Little Stars Preschool. All rights reserved."
|
|
socialLinks={[
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com/littlestarsmiami", ariaLabel: "Facebook"},
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com/littlestarsmiami", ariaLabel: "Instagram"},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|