Add src/app/contact/page.tsx

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