12 Commits

Author SHA1 Message Date
e8f9dc845e Update src/app/programs/page.tsx 2026-06-09 19:20:15 +00:00
2ce6a47838 Update src/app/page.tsx 2026-06-09 19:20:14 +00:00
801653d456 Update src/app/gallery/page.tsx 2026-06-09 19:20:14 +00:00
4ed18179a9 Update src/app/about/page.tsx 2026-06-09 19:20:13 +00:00
f0c41b17e0 Add src/app/rates-enrollment/page.tsx 2026-06-09 19:19:43 +00:00
f3938a3243 Add src/app/programs/page.tsx 2026-06-09 19:19:43 +00:00
3df6c2de75 Update src/app/page.tsx 2026-06-09 19:19:42 +00:00
5c39a1eff1 Add src/app/gallery/page.tsx 2026-06-09 19:19:42 +00:00
0a3707ee63 Add src/app/contact/page.tsx 2026-06-09 19:19:41 +00:00
e91cac40bf Add src/app/about/page.tsx 2026-06-09 19:19:41 +00:00
718871fbc3 Merge version_2 into main
Merge version_2 into main
2026-06-09 19:14:36 +00:00
76fc5cd092 Update src/app/page.tsx 2026-06-09 19:14:30 +00:00
6 changed files with 790 additions and 18 deletions

115
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,115 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="compact"
sizing="medium"
background="aurora"
cardStyle="outline"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Programs", id: "/programs" },
{ name: "Rates", id: "/rates" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/contact" }
]}
logoSrc="http://img.b2bpic.net/free-photo/peace-sign-rainbow-hearts_23-2148514694.jpg"
logoAlt="Rainbow Hands Childcare logo"
brandName="Rainbow Hands Childcare"
/>
</div>
<div id="about-intro" data-section="about-intro">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="Our Commitment to Your Child's Growth"
description="At Rainbow Hands, we believe in fostering a holistic environment where every child feels cherished, stimulated, and safe. Our personalized approach supports cognitive, social, and emotional development, laying a strong foundation for future success."
metrics={[
{ value: "10+", title: "Years Experience" },
{ value: "Certified", title: "Care Providers" },
{ value: "5-Star", title: "Parent Reviews" }
]}
imageSrc="http://img.b2bpic.net/free-photo/mother-helping-daughter-with-her-homework_23-2147997777.jpg?_wi=2"
imageAlt="Caregiver playing with children with toys"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="about-provider" data-section="about-provider">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Meet Yessica, Your Child's Nurturing Guide"
description="Yessica brings over 15 years of dedicated experience in early childhood education, holding certifications in pediatric First Aid & CPR, and early childhood development. Her caregiving philosophy centers on fostering a child-led, play-based learning environment where every child feels secure, respected, and encouraged to explore their unique potential. Parents consistently praise her patience, kindness, and ability to connect deeply with each child."
metrics={[
{ value: "15+", title: "Years Experience" },
{ value: "Certified", title: "Child Development" },
{ value: "First Aid", title: "& CPR Trained" }
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-kid-drawing-together_23-2148866776.jpg?_wi=2"
imageAlt="Daycare provider Yessica smiling warmly"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoSrc="http://img.b2bpic.net/free-photo/peace-sign-rainbow-hearts_23-2148514694.jpg"
logoAlt="Rainbow Hands Childcare logo"
logoText="Rainbow Hands Childcare"
columns={[
{
title: "Quick Links", items: [
{ label: "Home", href: "/" },
{ label: "About Us", href: "/about" },
{ label: "Contact", href: "/contact" }
]
},
{
title: "Programs", items: [
{ label: "Infant Care", href: "/programs#infant" },
{ label: "Toddler Program", href: "/programs#toddler" },
{ label: "Preschool Prep", href: "/programs#preschool" }
]
},
{
title: "Resources", items: [
{ label: "Rates & Enrollment", href: "/rates" },
{ label: "Gallery", href: "/gallery" },
{ label: "FAQs", href: "/contact#faqs" }
]
},
{
title: "Connect", items: [
{ label: "Facebook", href: "#" },
{ label: "Instagram", href: "#" },
{ label: "Email Us", href: "mailto:info@rainbowhands.com" }
]
}
]}
copyrightText="© 2024 Rainbow Hands Childcare. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

152
src/app/contact/page.tsx Normal file
View File

@@ -0,0 +1,152 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="compact"
sizing="medium"
background="aurora"
cardStyle="outline"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home", id: "/"
},
{
name: "About", id: "/about"
},
{
name: "Programs", id: "/programs"
},
{
name: "Rates", id: "/rates"
},
{
name: "Gallery", id: "/gallery"
},
{
name: "Contact", id: "/contact"
}
]}
logoSrc="http://img.b2bpic.net/free-photo/peace-sign-rainbow-hearts_23-2148514694.jpg"
logoAlt="Rainbow Hands Childcare logo"
brandName="Rainbow Hands Childcare"
/>
</div>
<div id="contact-form-inquiry" data-section="contact-form-inquiry">
<ContactCenter
tag="Get in Touch"
title="Send Us Your Inquiry"
description="Have a question or need more information? Fill out the form below and we'll get back to you shortly."
inputPlaceholder="Your Email Address"
buttonText="Send Message"
onSubmit={(email) => console.log("Inquiry submitted:", email)}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
<div id="contact-information" data-section="contact-information">
<ContactCTA
useInvertedBackground={true}
background={{ variant: "plain" }}
tag="Connect With Us"
title="Contact Information"
description="Reach out to Rainbow Hands Childcare. We are here to answer your questions and provide the best care for your child."
buttons={[
{
text: "Call Us: (408) 903-9413", href: "tel:+14089039413"
},
{
text: "Email Us: info@rainbowhands.com", href: "mailto:info@rainbowhands.com"
},
{
text: "Visit Us: 1015 Live Oak Dr, Santa Clara, CA 95051", href: "https://maps.app.goo.gl/example"
}
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoSrc="http://img.b2bpic.net/free-photo/peace-sign-rainbow-hearts_23-2148514694.jpg"
logoAlt="Rainbow Hands Childcare logo"
logoText="Rainbow Hands Childcare"
columns={[
{
title: "Quick Links", items: [
{
label: "Home", href: "/"
},
{
label: "About Us", href: "/about"
},
{
label: "Contact", href: "/contact"
}
]
},
{
title: "Programs", items: [
{
label: "Infant Care", href: "/programs#infant"
},
{
label: "Toddler Program", href: "/programs#toddler"
},
{
label: "Preschool Prep", href: "/programs#preschool"
}
]
},
{
title: "Resources", items: [
{
label: "Rates & Enrollment", href: "/rates"
},
{
label: "Gallery", href: "/gallery"
},
{
label: "FAQs", href: "/contact#faqs"
}
]
},
{
title: "Connect", items: [
{
label: "Facebook", href: "#"
},
{
label: "Instagram", href: "#"
},
{
label: "Email Us", href: "mailto:info@rainbowhands.com"
}
]
}
]}
copyrightText="© 2024 Rainbow Hands Childcare. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

119
src/app/gallery/page.tsx Normal file
View File

@@ -0,0 +1,119 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
export default function GalleryPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="compact"
sizing="medium"
background="aurora"
cardStyle="outline"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Programs", id: "/programs" },
{ name: "Rates", id: "/rates" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/contact" },
]}
logoSrc="http://img.b2bpic.net/free-photo/peace-sign-rainbow-hearts_23-2148514694.jpg"
logoAlt="Rainbow Hands Childcare logo"
brandName="Rainbow Hands Childcare"
/>
</div>
<div id="gallery-intro" data-section="gallery-intro">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="A Glimpse into Our Happy Home"
description="Explore our vibrant play areas, cozy napping nooks, and engaging learning spaces designed to spark joy and curiosity in every child. We believe in providing an environment that feels like a second home."
metrics={[
{ value: "Bright", title: "Learning Spaces" },
{ value: "Secure", title: "Outdoor Play" },
{ value: "Cozy", title: "Rest Areas" },
]}
imageSrc="http://img.b2bpic.net/free-photo/childrens-park-reading_23-2148598907.jpg?_wi=2"
imageAlt="Bright and colorful playroom in a home daycare"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="photo-gallery" data-section="photo-gallery">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
carouselMode="buttons"
products={[
{ id: "gallery-item-1", name: "Outdoor Fun", price: "Playtime", variant: "Outdoor", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-beach_23-2148601512.jpg?_wi=2", imageAlt: "Child playing on a swing outdoors" },
{ id: "gallery-item-2", name: "Creative Building", price: "Learning", variant: "Indoor", imageSrc: "http://img.b2bpic.net/free-photo/young-boy-playing-jenga-home_23-2148577234.jpg?_wi=2", imageAlt: "Children building blocks together" },
{ id: "gallery-item-3", name: "Story Time Magic", price: "Engage", variant: "Quiet", imageSrc: "http://img.b2bpic.net/free-photo/mother-sanitizing-her-children-s-hands_23-2148501295.jpg?_wi=2", imageAlt: "Caregiver reading to children" },
{ id: "gallery-item-4", name: "Healthy Meals", price: "Nourish", variant: "Meals", imageSrc: "http://img.b2bpic.net/free-photo/sister-pouring-milk-her-brother_23-2148277112.jpg?_wi=2", imageAlt: "Children eating healthy snacks at a table" },
{ id: "gallery-item-5", name: "Peaceful Naps", price: "Rest", variant: "Quiet", imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-adorable-european-female-kid-having-serious-concentrated-look-while-using-phone_273609-9499.jpg?_wi=2", imageAlt: "Toddler napping comfortably" },
{ id: "gallery-item-6", name: "Art & Expression", price: "Create", variant: "Art", imageSrc: "http://img.b2bpic.net/free-photo/multicolored-artist-palettes-copy-space_23-2148745543.jpg?_wi=2", imageAlt: "Children doing arts and crafts" }
]}
title="Our Daily Adventures Photo Gallery"
description="See our children engaged in various activities, enjoying nutritious meals, and discovering new things every day in a fun and safe environment."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoSrc="http://img.b2bpic.net/free-photo/peace-sign-rainbow-hearts_23-2148514694.jpg"
logoAlt="Rainbow Hands Childcare logo"
logoText="Rainbow Hands Childcare"
columns={[
{
title: "Quick Links", items: [
{ label: "Home", href: "/" },
{ label: "About Us", href: "/about" },
{ label: "Contact", href: "/contact" },
],
},
{
title: "Programs", items: [
{ label: "Infant Care", href: "/programs#infant" },
{ label: "Toddler Program", href: "/programs#toddler" },
{ label: "Preschool Prep", href: "/programs#preschool" },
],
},
{
title: "Resources", items: [
{ label: "Rates & Enrollment", href: "/rates" },
{ label: "Gallery", href: "/gallery" },
{ label: "FAQs", href: "/contact#faqs" },
],
},
{
title: "Connect", items: [
{ label: "Facebook", href: "#" },
{ label: "Instagram", href: "#" },
{ label: "Email Us", href: "mailto:info@rainbowhands.com" },
],
},
]}
copyrightText="© 2024 Rainbow Hands Childcare. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -40,7 +40,7 @@ export default function LandingPage() {
{ {
name: "Programs", id: "/programs"}, name: "Programs", id: "/programs"},
{ {
name: "Rates", id: "/rates"}, name: "Rates", id: "/rates-enrollment"},
{ {
name: "Gallery", id: "/gallery"}, name: "Gallery", id: "/gallery"},
{ {
@@ -82,7 +82,7 @@ export default function LandingPage() {
{ {
value: "5-Star", title: "Parent Reviews"}, value: "5-Star", title: "Parent Reviews"},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/mother-helping-daughter-with-her-homework_23-2147997777.jpg" imageSrc="http://img.b2bpic.net/free-photo/mother-helping-daughter-with-her-homework_23-2147997777.jpg?_wi=1"
imageAlt="Caregiver playing with children with toys" imageAlt="Caregiver playing with children with toys"
mediaAnimation="slide-up" mediaAnimation="slide-up"
metricsAnimation="slide-up" metricsAnimation="slide-up"
@@ -157,7 +157,7 @@ export default function LandingPage() {
{ {
value: "First Aid", title: "& CPR Trained"}, value: "First Aid", title: "& CPR Trained"},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/woman-kid-drawing-together_23-2148866776.jpg" imageSrc="http://img.b2bpic.net/free-photo/woman-kid-drawing-together_23-2148866776.jpg?_wi=1"
imageAlt="Daycare provider Yessica smiling warmly" imageAlt="Daycare provider Yessica smiling warmly"
mediaAnimation="slide-up" mediaAnimation="slide-up"
metricsAnimation="slide-up" metricsAnimation="slide-up"
@@ -172,11 +172,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Infant Discovery (0-12 months)", description: "A nurturing program focused on sensory exploration, tummy time, language development, and secure attachment through gentle care and interaction.", imageSrc: "http://img.b2bpic.net/free-photo/child-playing-with-toys-full-shot_23-2149357235.jpg", imageAlt: "Infant playing with soft toys"}, title: "Infant Discovery (0-12 months)", description: "A nurturing program focused on sensory exploration, tummy time, language development, and secure attachment through gentle care and interaction.", imageSrc: "http://img.b2bpic.net/free-photo/child-playing-with-toys-full-shot_23-2149357235.jpg?_wi=1", imageAlt: "Infant playing with soft toys"},
{ {
title: "Toddler Explorers (1-2 years)", description: "Our toddler program encourages independent play, social interaction, gross motor skill development, and early problem-solving through hands-on activities.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-kids-laughing-outdoors_23-2149073576.jpg", imageAlt: "Toddlers playing with blocks"}, title: "Toddler Explorers (1-2 years)", description: "Our toddler program encourages independent play, social interaction, gross motor skill development, and early problem-solving through hands-on activities.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-kids-laughing-outdoors_23-2149073576.jpg?_wi=1", imageAlt: "Toddlers playing with blocks"},
{ {
title: "Preschool Adventures (2-5 years)", description: "Preparing children for kindergarten with a blend of academic readiness, creative arts, outdoor play, and social-emotional learning in a fun group setting.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-speech-therapy-with-kids_23-2149110282.jpg", imageAlt: "Preschool children painting"}, title: "Preschool Adventures (2-5 years)", description: "Preparing children for kindergarten with a blend of academic readiness, creative arts, outdoor play, and social-emotional learning in a fun group setting.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-speech-therapy-with-kids_23-2149110282.jpg?_wi=1", imageAlt: "Preschool children painting"},
]} ]}
title="Our Engaging Daily Programs" title="Our Engaging Daily Programs"
description="We offer a rich array of age-appropriate activities designed to stimulate curiosity, foster social skills, and support the developmental milestones of each child." description="We offer a rich array of age-appropriate activities designed to stimulate curiosity, foster social skills, and support the developmental milestones of each child."
@@ -209,20 +209,20 @@ export default function LandingPage() {
plans={[ plans={[
{ {
id: "full-time", tag: "Daily Care", price: "$XXX", period: "/month", description: "Comprehensive full-day care for consistent support.", button: { id: "full-time", tag: "Daily Care", price: "$XXX", period: "/month", description: "Comprehensive full-day care for consistent support.", button: {
text: "Inquire Now", href: "/contact"}, text: "Inquire Now", href: "/rates-enrollment"},
featuresTitle: "Includes:", features: [ featuresTitle: "Includes:", features: [
"Monday-Friday, 7:30 AM - 5:30 PM", "All meals & snacks", "Structured activities", "Outdoor playtime"], "Monday-Friday, 7:00 AM - 5:00 PM", "All meals & snacks", "Structured activities", "Outdoor playtime"],
}, },
{ {
id: "part-time", tag: "Flexible", tagIcon: Sparkles, id: "part-time", tag: "Flexible", tagIcon: Sparkles,
price: "$YYY", period: "/month", description: "Part-time options tailored to your family's schedule.", button: { price: "$YYY", period: "/month", description: "Part-time options tailored to your family's schedule.", button: {
text: "Inquire Now", href: "/contact"}, text: "Inquire Now", href: "/rates-enrollment"},
featuresTitle: "Includes:", features: [ featuresTitle: "Includes:", features: [
"Minimum 3 full days/week", "Meals & snacks on care days", "Engaging activities", "Flexible scheduling"], "Minimum 3 full days/week", "Meals & snacks on care days", "Engaging activities", "Flexible scheduling"],
}, },
{ {
id: "drop-in", tag: "As Needed", price: "$ZZZ", period: "/day", description: "Occasional care for those days when you need extra support.", button: { id: "drop-in", tag: "As Needed", price: "$ZZZ", period: "/day", description: "Occasional care for those days when you need extra support.", button: {
text: "Inquire Now", href: "/contact"}, text: "Inquire Now", href: "/rates-enrollment"},
featuresTitle: "Includes:", features: [ featuresTitle: "Includes:", features: [
"Subject to availability", "Meals & snacks on care day", "Full day of activities", "Advance booking required"], "Subject to availability", "Meals & snacks on care day", "Full day of activities", "Advance booking required"],
}, },
@@ -245,7 +245,7 @@ export default function LandingPage() {
{ {
value: "Cozy", title: "Rest Areas"}, value: "Cozy", title: "Rest Areas"},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/childrens-park-reading_23-2148598907.jpg" imageSrc="http://img.b2bpic.net/free-photo/childrens-park-reading_23-2148598907.jpg?_wi=1"
imageAlt="Bright and colorful playroom in a home daycare" imageAlt="Bright and colorful playroom in a home daycare"
mediaAnimation="slide-up" mediaAnimation="slide-up"
metricsAnimation="slide-up" metricsAnimation="slide-up"
@@ -261,17 +261,17 @@ export default function LandingPage() {
carouselMode="buttons" carouselMode="buttons"
products={[ products={[
{ {
id: "gallery-item-1", name: "Outdoor Fun", price: "Playtime", variant: "Outdoor", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-beach_23-2148601512.jpg", imageAlt: "Child playing on a swing outdoors"}, id: "gallery-item-1", name: "Outdoor Fun", price: "Playtime", variant: "Outdoor", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-beach_23-2148601512.jpg?_wi=1", imageAlt: "Child playing on a swing outdoors"},
{ {
id: "gallery-item-2", name: "Creative Building", price: "Learning", variant: "Indoor", imageSrc: "http://img.b2bpic.net/free-photo/young-boy-playing-jenga-home_23-2148577234.jpg", imageAlt: "Children building blocks together"}, id: "gallery-item-2", name: "Creative Building", price: "Learning", variant: "Indoor", imageSrc: "http://img.b2bpic.net/free-photo/young-boy-playing-jenga-home_23-2148577234.jpg?_wi=1", imageAlt: "Children building blocks together"},
{ {
id: "gallery-item-3", name: "Story Time Magic", price: "Engage", variant: "Quiet", imageSrc: "http://img.b2bpic.net/free-photo/mother-sanitizing-her-children-s-hands_23-2148501295.jpg", imageAlt: "Caregiver reading to children"}, id: "gallery-item-3", name: "Story Time Magic", price: "Engage", variant: "Quiet", imageSrc: "http://img.b2bpic.net/free-photo/mother-sanitizing-her-children-s-hands_23-2148501295.jpg?_wi=1", imageAlt: "Caregiver reading to children"},
{ {
id: "gallery-item-4", name: "Healthy Meals", price: "Nourish", variant: "Meals", imageSrc: "http://img.b2bpic.net/free-photo/sister-pouring-milk-her-brother_23-2148277112.jpg", imageAlt: "Children eating healthy snacks at a table"}, id: "gallery-item-4", name: "Healthy Meals", price: "Nourish", variant: "Meals", imageSrc: "http://img.b2bpic.net/free-photo/sister-pouring-milk-her-brother_23-2148277112.jpg?_wi=1", imageAlt: "Children eating healthy snacks at a table"},
{ {
id: "gallery-item-5", name: "Peaceful Naps", price: "Rest", variant: "Quiet", imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-adorable-european-female-kid-having-serious-concentrated-look-while-using-phone_273609-9499.jpg", imageAlt: "Toddler napping comfortably"}, id: "gallery-item-5", name: "Peaceful Naps", price: "Rest", variant: "Quiet", imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-adorable-european-female-kid-having-serious-concentrated-look-while-using-phone_273609-9499.jpg?_wi=1", imageAlt: "Toddler napping comfortably"},
{ {
id: "gallery-item-6", name: "Art & Expression", price: "Create", variant: "Art", imageSrc: "http://img.b2bpic.net/free-photo/multicolored-artist-palettes-copy-space_23-2148745543.jpg", imageAlt: "Children doing arts and crafts"}, id: "gallery-item-6", name: "Art & Expression", price: "Create", variant: "Art", imageSrc: "http://img.b2bpic.net/free-photo/multicolored-artist-palettes-copy-space_23-2148745543.jpg?_wi=1", imageAlt: "Children doing arts and crafts"},
]} ]}
title="Our Daily Adventures Photo Gallery" title="Our Daily Adventures Photo Gallery"
description="See our children engaged in various activities, enjoying nutritious meals, and discovering new things every day in a fun and safe environment." description="See our children engaged in various activities, enjoying nutritious meals, and discovering new things every day in a fun and safe environment."
@@ -359,7 +359,7 @@ export default function LandingPage() {
{ {
title: "Resources", items: [ title: "Resources", items: [
{ {
label: "Rates & Enrollment", href: "/rates"}, label: "Rates & Enrollment", href: "/rates-enrollment"},
{ {
label: "Gallery", href: "/gallery"}, label: "Gallery", href: "/gallery"},
{ {

182
src/app/programs/page.tsx Normal file
View File

@@ -0,0 +1,182 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
export default function ProgramsPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="compact"
sizing="medium"
background="aurora"
cardStyle="outline"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home", id: "/"
},
{
name: "About", id: "/about"
},
{
name: "Programs", id: "/programs"
},
{
name: "Rates", id: "/rates"
},
{
name: "Gallery", id: "/gallery"
},
{
name: "Contact", id: "/contact"
}
]}
logoSrc="http://img.b2bpic.net/free-photo/peace-sign-rainbow-hearts_23-2148514694.jpg"
logoAlt="Rainbow Hands Childcare logo"
brandName="Rainbow Hands Childcare"
/>
</div>
<div id="programs-hero" data-section="programs-hero">
<HeroBillboardScroll
background={{
variant: "plain"
}}
title="Our Engaging Programs & Daily Schedule"
description="Discover our age-appropriate programs designed to nurture every child's potential, creativity, and love for learning."
buttons={[
{
text: "View Our Programs", href: "#program-features-page"
},
{
text: "FAQs", href: "#faq-programs-page"
}
]}
imageSrc="http://img.b2bpic.net/free-photo/happy-kids-playing-outdoors_23-2149073576.jpg"
imageAlt="Children happily engaged in various activities"
/>
</div>
<div id="program-features-page" data-section="program-features-page">
<FeatureCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{
title: "Infant Discovery (0-12 months)", description: "A nurturing program focused on sensory exploration, tummy time, language development, and secure attachment through gentle care and interaction.", imageSrc: "http://img.b2bpic.net/free-photo/child-playing-with-toys-full-shot_23-2149357235.jpg?_wi=2", imageAlt: "Infant playing with soft toys"
},
{
title: "Toddler Explorers (1-2 years)", description: "Our toddler program encourages independent play, social interaction, gross motor skill development, and early problem-solving through hands-on activities.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-kids-laughing-outdoors_23-2149073576.jpg?_wi=2", imageAlt: "Toddlers playing with blocks"
},
{
title: "Preschool Adventures (2-5 years)", description: "Preparing children for kindergarten with a blend of academic readiness, creative arts, outdoor play, and social-emotional learning in a fun group setting.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-speech-therapy-with-kids_23-2149110282.jpg?_wi=2", imageAlt: "Preschool children painting"
}
]}
title="Program Highlights by Age Group"
description="We offer a rich array of age-appropriate activities designed to stimulate curiosity, foster social skills, and support the developmental milestones of each child."
/>
</div>
<div id="faq-programs-page" data-section="faq-programs-page">
<FaqBase
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "1", title: "What is a typical daily schedule like?", content: "Our day balances structured activities with free play, including circle time, creative arts, outdoor exploration, nutritious meals, and quiet rest periods tailored to each age group."
},
{
id: "2", title: "What kind of activities do you offer?", content: "Activities vary by age and include sensory play, building blocks, puzzles, story time, music and movement, painting, drawing, and plenty of outdoor play in our secure yard."
},
{
id: "3", title: "How do you handle nap times?", content: "We provide cozy, supervised nap areas for children who need rest. Our schedule includes a designated nap time, but we also accommodate individual sleep needs."
}
]}
title="Frequently Asked Questions About Our Programs"
description="Find answers to common questions regarding our daily routines, educational approach, and specific activities for each age group."
faqsAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoSrc="http://img.b2bpic.net/free-photo/peace-sign-rainbow-hearts_23-2148514694.jpg"
logoAlt="Rainbow Hands Childcare logo"
logoText="Rainbow Hands Childcare"
columns={[
{
title: "Quick Links", items: [
{
label: "Home", href: "/"
},
{
label: "About Us", href: "/about"
},
{
label: "Contact", href: "/contact"
}
]
},
{
title: "Programs", items: [
{
label: "Infant Care", href: "/programs#infant"
},
{
label: "Toddler Program", href: "/programs#toddler"
},
{
label: "Preschool Prep", href: "/programs#preschool"
}
]
},
{
title: "Resources", items: [
{
label: "Rates & Enrollment", href: "/rates"
},
{
label: "Gallery", href: "/gallery"
},
{
label: "FAQs", href: "/contact#faqs"
}
]
},
{
title: "Connect", items: [
{
label: "Facebook", href: "#"
},
{
label: "Instagram", href: "#"
},
{
label: "Email Us", href: "mailto:info@rainbowhands.com"
}
]
}
]}
copyrightText="© 2024 Rainbow Hands Childcare. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -0,0 +1,204 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import { Sparkles } from "lucide-react";
export default function RatesEnrollmentPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="compact"
sizing="medium"
background="aurora"
cardStyle="outline"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home", id: "/"
},
{
name: "About", id: "/about"
},
{
name: "Programs", id: "/programs"
},
{
name: "Rates", id: "/rates-enrollment"
},
{
name: "Gallery", id: "/gallery"
},
{
name: "Contact", id: "/contact"
}
]}
logoSrc="http://img.b2bpic.net/free-photo/peace-sign-rainbow-hearts_23-2148514694.jpg"
logoAlt="Rainbow Hands Childcare logo"
brandName="Rainbow Hands Childcare"
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "full-time", tag: "Daily Care", price: "$XXX", period: "/month", description: "Comprehensive full-day care for consistent support.", button: {
text: "Inquire Now", href: "/contact"
},
featuresTitle: "Includes:", features: [
"Monday-Friday, 7:00 AM - 5:00 PM", "All meals & snacks", "Structured activities", "Outdoor playtime"
]
},
{
id: "part-time", tag: "Flexible", tagIcon: Sparkles,
price: "$YYY", period: "/month", description: "Part-time options tailored to your family's schedule.", button: {
text: "Inquire Now", href: "/contact"
},
featuresTitle: "Includes:", features: [
"Minimum 3 full days/week", "Meals & snacks on care days", "Engaging activities", "Flexible scheduling"
]
},
{
id: "drop-in", tag: "As Needed", price: "$ZZZ", period: "/day", description: "Occasional care for those days when you need extra support.", button: {
text: "Inquire Now", href: "/contact"
},
featuresTitle: "Includes:", features: [
"Subject to availability", "Meals & snacks on care day", "Full day of activities", "Advance booking required"
]
}
]}
title="Our Flexible Rates & Enrollment Options"
description="We offer various enrollment options designed to meet your family's needs. Please contact us to discuss current availability and find the perfect fit for your child."
/>
</div>
<div id="enrollment-intro" data-section="enrollment-intro">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="Your Journey to Enrollment"
description="We strive to make the enrollment process as smooth as possible for families. Our goal is to ensure a perfect fit for your child and our nurturing environment. Heres a quick overview of how to get started."
metrics={[
{
value: "1", title: "Schedule Visit"
},
{
value: "2", title: "Application"
},
{
value: "3", title: "Welcome!"
}
]}
imageSrc="http://img.b2bpic.net/free-photo/father-daughter-playing-together-park_23-2148201589.jpg"
imageAlt="Family playing, symbolizing new beginnings"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="enrollment-faqs" data-section="enrollment-faqs">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1", title: "How do I start the enrollment process?", content: "Begin by scheduling a tour of our facility through our contact page. After your visit, we'll guide you through the application forms and discuss availability."
},
{
id: "2", title: "What documents are required for enrollment?", content: "Typically, we require a completed enrollment form, health records including immunization, and a signed parent-provider agreement. Specifics will be provided during your inquiry."
},
{
id: "3", title: "Is there a waiting list?", content: "Due to high demand, we sometimes have a waiting list. We encourage families to inquire early. We will inform you of current availability and estimated wait times during your tour."
},
{
id: "4", title: "What is your sick child policy?", content: "For the health and safety of all children and staff, children with fever or contagious symptoms must stay home. Please refer to our full health policy provided upon enrollment."
}
]}
title="Common Enrollment Questions"
description="Have questions about the application process, required documents, or what to expect before your child starts? Find comprehensive answers here."
faqsAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoSrc="http://img.b2bpic.net/free-photo/peace-sign-rainbow-hearts_23-2148514694.jpg"
logoAlt="Rainbow Hands Childcare logo"
logoText="Rainbow Hands Childcare"
columns={[
{
title: "Quick Links", items: [
{
label: "Home", href: "/"
},
{
label: "About Us", href: "/about"
},
{
label: "Contact", href: "/contact"
}
]
},
{
title: "Programs", items: [
{
label: "Infant Care", href: "/programs#infant"
},
{
label: "Toddler Program", href: "/programs#toddler"
},
{
label: "Preschool Prep", href: "/programs#preschool"
}
]
},
{
title: "Resources", items: [
{
label: "Rates & Enrollment", href: "/rates-enrollment"
},
{
label: "Gallery", href: "/gallery"
},
{
label: "FAQs", href: "/contact#faqs"
}
]
},
{
title: "Connect", items: [
{
label: "Facebook", href: "#"
},
{
label: "Instagram", href: "#"
},
{
label: "Email Us", href: "mailto:info@rainbowhands.com"
}
]
}
]}
copyrightText="© 2024 Rainbow Hands Childcare. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}