Add src/app/about/page.tsx
This commit is contained in:
115
src/app/about/page.tsx
Normal file
115
src/app/about/page.tsx
Normal 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"
|
||||
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"
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user