Files
94622283-09f9-4112-a9c1-627…/src/app/page.tsx
2026-05-31 02:58:24 +00:00

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>
);
}