Update src/app/page.tsx

Merge version_1 into main
2026-04-22 14:23:27 +00:00 · 2026-04-22 14:20:29 +00:00 · 2026-04-22 14:19:59 +00:00 · 2026-04-22 14:19:25 +00:00
1 changed files with 54 additions and 82 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,15 +2,15 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
-import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import TextAbout from '@/components/sections/about/TextAbout';

 export default function LandingPage() {
@@ -31,16 +31,11 @@ export default function LandingPage() {
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "About Us",          id: "about"},
-        {
-          name: "Programs",          id: "programs"},
-        {
-          name: "FAQ",          id: "faq"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "About Us", id: "about" },
+        { name: "Programs", id: "programs" },
+        { name: "FAQ", id: "faq" },
+        { name: "Contact", id: "contact" },
      ]}
      brandName="TLC Academy"
    />
@@ -50,10 +45,7 @@ export default function LandingPage() {
      <HeroOverlay
      title="TLC Academy for Young Children"
      description="Growing a Life of Learning. An independent, family-owned early childhood education center serving the Hudson community."
-      buttons={[
-        {
-          text: "Contact Us to Enroll",          href: "#contact"},
-      ]}
+      buttons={[{ text: "Contact Us to Enroll", href: "#contact" }]}
      imageSrc="http://img.b2bpic.net/free-photo/artist-workshop-with-paintings-wall_23-2148185856.jpg?_wi=1"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/art-desk-concept-with-painting-supplies_23-2148577655.jpg", alt: "Art desk concept" },
@@ -79,15 +71,9 @@ export default function LandingPage() {
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
-        {
-          id: "infants",          title: "Infants (0–18 mo)",          tags: ["Care", "Nurture"],
-          imageSrc: "http://img.b2bpic.net/free-photo/young-activist-taking-action_23-2149502780.jpg",          imageAlt: "Young activist taking action"},
-        {
-          id: "toddlers",          title: "Toddlers (18–36 mo)",          tags: ["Development", "Play"],
-          imageSrc: "http://img.b2bpic.net/free-photo/artist-workshop-with-paintings-wall_23-2148185856.jpg?_wi=2",          imageAlt: "Young activist taking action"},
-        {
-          id: "preschool",          title: "Preschool (3–5 yrs)",          tags: ["Learning", "Discovery"],
-          imageSrc: "http://img.b2bpic.net/free-photo/child-sitting-near-water-colors-paper_23-2148037942.jpg?_wi=1",          imageAlt: "Young activist taking action"},
+        { id: "infants", title: "Infants (0–18 mo)", tags: ["Care", "Nurture"], imageSrc: "http://img.b2bpic.net/free-photo/young-activist-taking-action_23-2149502780.jpg", imageAlt: "Young activist taking action" },
+        { id: "toddlers", title: "Toddlers (18–36 mo)", tags: ["Development", "Play"], imageSrc: "http://img.b2bpic.net/free-photo/artist-workshop-with-paintings-wall_23-2148185856.jpg?_wi=2", imageAlt: "Young activist taking action" },
+        { id: "preschool", title: "Preschool (3–5 yrs)", tags: ["Learning", "Discovery"], imageSrc: "http://img.b2bpic.net/free-photo/child-sitting-near-water-colors-paper_23-2148037942.jpg?_wi=1", imageAlt: "Young activist taking action" },
      ]}
      title="Our Programs"
      description="Comprehensive care for your child at every stage of development."
@@ -101,12 +87,9 @@ export default function LandingPage() {
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
-        {
-          id: "curr",          name: "Standard Curriculum",          price: "Integrated",          imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughters-sitting-grass_23-2147638883.jpg?_wi=1"},
-        {
-          id: "loose",          name: "Loose Parts Play",          price: "Hands-on",          imageSrc: "http://img.b2bpic.net/free-photo/child-sitting-near-water-colors-paper_23-2148037942.jpg?_wi=2"},
-        {
-          id: "enrich",          name: "Piper's Key",          price: "Specialized",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-students-hugging-their-teacher_23-2148633328.jpg?_wi=1"},
+        { id: "curr", name: "Standard Curriculum", price: "Integrated", imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughters-sitting-grass_23-2147638883.jpg?_wi=1" },
+        { id: "loose", name: "Loose Parts Play", price: "Hands-on", imageSrc: "http://img.b2bpic.net/free-photo/child-sitting-near-water-colors-paper_23-2148037942.jpg?_wi=2" },
+        { id: "enrich", name: "Piper's Key", price: "Specialized", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-students-hugging-their-teacher_23-2148633328.jpg?_wi=1" },
      ]}
      title="Curriculum"
      description="Explore our educational framework and tools."
@@ -114,79 +97,68 @@ export default function LandingPage() {
  </div>

  <div id="events" data-section="events">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",          value: "Calendar",          title: "School Events",          items: [
-            "Refer to website calendar",            "Important dates",            "Community activities"],
-        },
-      ]}
+      <MetricCardFourteen
      title="Upcoming Events"
-      description="Stay connected with our community."
+      tag="Activities"
+      metrics={[
+        { id: "e1", value: "Calendar", description: "Access our full school calendar of important dates and community gatherings." },
+      ]}
+      metricsAnimation="slide-up"
+      useInvertedBackground={false}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",          name: "Sarah J.",          handle: "@tlc-family",          testimonial: "An incredible family-owned center.",          imageSrc: "http://img.b2bpic.net/free-photo/girl-with-brush-near-set-water-colors-paper-sitting-floor_23-2148037931.jpg",          imageAlt: "Girl with brush near set of water colors and paper sitting on floor"},
-        {
-          id: "2",          name: "Mark D.",          handle: "@tlc-family",          testimonial: "My child loves the Reggio approach.",          imageSrc: "http://img.b2bpic.net/free-photo/artist-workshop-with-paintings-wall_23-2148185856.jpg?_wi=3",          imageAlt: "Girl with brush near set of water colors and paper sitting on floor"},
-        {
-          id: "3",          name: "Elena R.",          handle: "@tlc-family",          testimonial: "Excellent care and learning environment.",          imageSrc: "http://img.b2bpic.net/free-photo/child-sitting-near-water-colors-paper_23-2148037942.jpg?_wi=3",          imageAlt: "Girl with brush near set of water colors and paper sitting on floor"},
-        {
-          id: "4",          name: "James P.",          handle: "@tlc-family",          testimonial: "Dedicated and kind teachers.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-students-hugging-their-teacher_23-2148633328.jpg?_wi=2",          imageAlt: "Girl with brush near set of water colors and paper sitting on floor"},
-        {
-          id: "5",          name: "Linda M.",          handle: "@tlc-family",          testimonial: "Highly recommended for Hudson families.",          imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughters-sitting-grass_23-2147638883.jpg?_wi=2",          imageAlt: "Girl with brush near set of water colors and paper sitting on floor"},
-      ]}
+      <TestimonialCardSixteen
      title="What Families Say"
-      description="Hear from our happy families in Hudson."
+      description="Hear from our happy families in Hudson about their experience."
+      testimonials={[
+        { id: "1", name: "Sarah J.", role: "Parent", company: "TLC Community", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-with-brush-near-set-water-colors-paper-sitting-floor_23-2148037931.jpg" },
+        { id: "2", name: "Mark D.", role: "Parent", company: "TLC Community", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/artist-workshop-with-paintings-wall_23-2148185856.jpg?_wi=3" },
+      ]}
+      kpiItems={[
+        { value: "100%", label: "Care-focused" },
+        { value: "50+", label: "Happy Families" },
+        { value: "10yrs", label: "Experience" },
+      ]}
+      animationType="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={false}
    />
  </div>

  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
+      <FaqSplitMedia
+      title="Frequently Asked Questions"
+      description="Find answers to common questions about our programs and enrollment."
      faqs={[
-        {
-          id: "f1",          title: "Where are you located?",          content: "Hudson, OH."},
-        {
-          id: "f2",          title: "What is your philosophy?",          content: "Reggio-Emilia approach."},
-        {
-          id: "f3",          title: "How do I contact you?",          content: "Call 330-655-2797 or email us."},
+        { id: "f1", title: "Where are you located?", content: "Hudson, OH." },
+        { id: "f2", title: "What is your philosophy?", content: "Reggio-Emilia approach." },
+        { id: "f3", title: "How do I contact you?", content: "Call 330-655-2797 or email us." },
      ]}
-      sideTitle="Frequently Asked Questions"
      faqsAnimation="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={false}
    />
  </div>

  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
-      tag="Contact"
+      <ContactSplitForm
      title="Get in Touch"
-      description="Call us at 330-655-2797 or email tlccare4kids@gmail.com."
-      imageSrc="http://img.b2bpic.net/free-photo/little-girl-sitting-table-with-toys_23-2147663559.jpg"
-      mediaAnimation="slide-up"
+      description="Reach out to us to schedule a visit or ask any questions."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "email", type: "email", placeholder: "Your Email", required: true },
+      ]}
+      useInvertedBackground={false}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="TLC Academy for Young Children"
-      leftLink={{
-        text: "Contact Us",        href: "#contact"}}
-      rightLink={{
-        text: "Call Now",        href: "tel:3306552797"}}
+      leftLink={{ text: "Contact Us", href: "#contact" }}
+      rightLink={{ text: "Call Now", href: "tel:3306552797" }}
    />
  </div>
      </ReactLenis>
Author	SHA1	Message	Date
bender	afa4c4031b	Update src/app/page.tsx	2026-04-22 14:23:27 +00:00
bender	78d85d9c0a	Merge version_1 into main Merge version_1 into main	2026-04-22 14:20:29 +00:00
bender	d7f3a1217b	Merge version_1 into main Merge version_1 into main	2026-04-22 14:19:59 +00:00
bender	a5472d2451	Merge version_1 into main Merge version_1 into main	2026-04-22 14:19:25 +00:00