"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactText from '@/components/sections/contact/ContactText';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Heart, Star, HelpCircle, Facebook, Instagram } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSizeMediumTitles"
      background="circleGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Mayleen Daycare"
          navItems={[
            { name: "Why Choose Us", id: "about" },
            { name: "Our Care", id: "features" },
            { name: "Parent Reviews", id: "testimonials" },
            { name: "Questions?", id: "faq" },
            { name: "Contact Us", id: "contact" }
          ]}
          bottomLeftText="Loving Care • Safe Environment"
          bottomRightText="Schedule Your Tour Today"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Safe, Loving Care for Your Child"
          description="At Mayleen Daycare, we create a warm, home-like environment where every child feels safe, valued, and cherished. Our experienced caregivers are committed to nurturing development through play, learning, and genuine connection."
          tag="Premium Daycare in Lutz"
          tagIcon={Heart}
          tagAnimation="slide-up"
          buttons={[
            { text: "Schedule a Tour", href: "#contact" },
            { text: "Learn More", href: "#features" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/boy-plastic-garbage-collection_1268-20105.jpg"
          imageAlt="Happy children playing in our warm, welcoming daycare environment"
          showDimOverlay={false}
          showBlur={true}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Why Parents Trust Mayleen Daycare" }
          ]}
          buttons={[
            { text: "See Our Facility", href: "#features" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree
          title="What Sets Us Apart"
          description="Every aspect of Mayleen Daycare is designed around your child's safety, happiness, and development."
          tag="Our Promise"
          tagIcon={Star}
          tagAnimation="slide-up"
          features={[
            {
              id: "1",              title: "Safe & Secure Environment",              description: "Clean, organized spaces with age-appropriate equipment. We maintain the highest safety standards so you can have complete peace of mind.",              imageSrc: "http://img.b2bpic.net/free-photo/young-boy-girl-playing-indoors-with-eco-toys_23-2150268107.jpg",              imageAlt: "Clean, organized daycare classroom"
            },
            {
              id: "2",              title: "Loving, Experienced Care",              description: "Our caregivers are trained professionals who genuinely love working with children. They create warm, nurturing relationships that help kids thrive.",              imageSrc: "http://img.b2bpic.net/free-photo/teacher-playing-with-kids_23-2147797980.jpg",              imageAlt: "Caregiver providing nurturing care"
            },
            {
              id: "3",              title: "Play-Based Learning",              description: "We believe children learn best through play and exploration. Our activities develop creativity, social skills, and a love of learning.",              imageSrc: "http://img.b2bpic.net/free-photo/teacher-looking-student-writing_23-2148618654.jpg",              imageAlt: "Children engaged in educational play activities"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="Trusted by Lutz Families"
          description="Real parents share why they chose Mayleen Daycare for their most precious treasures."
          tag="5-Star Reviews"
          tagIcon={Star}
          tagAnimation="slide-up"
          kpiItems={[
            { value: "100+", label: "Happy Families" },
            { value: "4.9★", label: "Parent Rating" },
            { value: "10+ Years", label: "Experience" }
          ]}
          testimonials={[
            {
              id: "1",              name: "Sarah Martinez",              role: "Parent of Emma (3 years)",              company: "Lutz Resident",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/origami-lesson-home_23-2148542874.jpg",              imageAlt: "happy parent portrait professional photo"
            },
            {
              id: "2",              name: "James Wilson",              role: "Parent of Lucas (2 years)",              company: "Lutz Resident",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-family-celebrating-orthodox-easter_23-2150279942.jpg",              imageAlt: "happy parent portrait professional photo"
            },
            {
              id: "3",              name: "Michelle Chen",              role: "Parent of Sophie (4 years)",              company: "Lutz Resident",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-grey-t-shirt-standing-with-crossed-arms-looking-joyful-front-view_176474-16096.jpg",              imageAlt: "happy parent portrait professional photo"
            },
            {
              id: "4",              name: "David Rodriguez",              role: "Parent of Miguel (3 years)",              company: "Lutz Resident",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-person-intership_23-2149315595.jpg",              imageAlt: "happy parent portrait professional photo"
            },
            {
              id: "5",              name: "Jennifer Blake",              role: "Parent of Oliver (2 years)",              company: "Lutz Resident",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-striped-dress-glasses-looking-cheerful-front-view_176474-15768.jpg",              imageAlt: "happy parent portrait professional photo"
            },
            {
              id: "6",              name: "Robert Thompson",              role: "Parent of Lily (4 years)",              company: "Lutz Resident",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-winter-home-lifestyle_23-2149198783.jpg",              imageAlt: "happy parent portrait professional photo"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          carouselMode="buttons"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Common Questions"
          description="Everything parents want to know about Mayleen Daycare, answered."
          tag="FAQ"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "What are your operating hours?",              content: "We're open Monday through Friday, 7:00 AM to 6:00 PM. Extended hours available by arrangement. We're closed on major holidays and school breaks."
            },
            {
              id: "2",              title: "What age groups do you care for?",              content: "We serve children ages 6 weeks to 5 years. Our classrooms are organized by age group to ensure developmentally appropriate care and activities."
            },
            {
              id: "3",              title: "How do you ensure my child's safety?",              content: "Safety is our top priority. We maintain strict protocols including secure facility access, trained staff, regular inspections, emergency procedures, and open communication with parents throughout the day."
            },
            {
              id: "4",              title: "What's your staff-to-child ratio?",              content: "We exceed state requirements with low ratios. Infants have 1:4 care, toddlers 1:6, and preschoolers 1:8, ensuring every child receives individualized attention."
            },
            {
              id: "5",              title: "Do you provide meals and snacks?",              content: "Yes! We provide nutritious, age-appropriate meals and snacks daily. We accommodate allergies and dietary preferences. Parents are welcome to bring special items."
            },
            {
              id: "6",              title: "How often do you communicate with parents?",              content: "We provide daily updates via our parent app, including photos, activity summaries, and your child's development notes. You can reach us anytime with questions or concerns."
            }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          showCard={true}
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Give Your Child the Care They Deserve"
          animationType="entrance-slide"
          buttons={[
            { text: "Schedule Your Tour", href: "tel:+18135551234" },
            { text: "Send Us a Message", href: "mailto:hello@maleendaycare.com" }
          ]}
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Mayleen Daycare"
          copyrightText="© 2025 Mayleen Daycare. All rights reserved. | Lutz, Florida"
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Follow us on Facebook" },
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Follow us on Instagram" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}