Add src/app/rates-enrollment/page.tsx

This commit is contained in:
2026-06-09 19:19:43 +00:00
parent f3938a3243
commit f0c41b17e0

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