Add src/app/about/page.tsx

2026-06-09 19:19:41 +00:00
parent 718871fbc3
commit e91cac40bf
1 changed files with 115 additions and 0 deletions
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -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>
+  );
+}