"use client"

import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="medium"
      background="floatingGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Local Services"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Professional Local Services You Can Trust"
          description="Expert service provider with over 15 years of experience serving the community. Fast, reliable, and customer-focused solutions tailored to your needs."
          tag="Local Experts"
          background={{ variant: "plain" }}
          buttons={[
            { text: "Call Now", href: "tel:+1234567890" },
            { text: "Request Service", href: "contact" }
          ]}
          mediaItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-salesman-talking-with-clients-showcasing-dealership-vehicle_482257-124599.jpg", imageAlt: "Professional service team" },
            { imageSrc: "http://img.b2bpic.net/free-photo/colleagues-meeting-room-posing-camera_114579-2809.jpg", imageAlt: "Expert service delivery" },
            { imageSrc: "http://img.b2bpic.net/free-photo/executives-having-fun-while-working_1098-2208.jpg", imageAlt: "Quality workmanship" },
            { imageSrc: "http://img.b2bpic.net/free-photo/young-female-doctor-wearing-headset-talking-with-patients-while-working-medical-call-center-looking-camera_637285-4937.jpg", imageAlt: "Customer care focus" },
            { imageSrc: "http://img.b2bpic.net/free-photo/man-urban-environment-with-thumb-up_23-2147961614.jpg?_wi=1", imageAlt: "Professional expertise" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "15+ Years of " },
            { type: "image", src: "http://img.b2bpic.net/free-photo/colleagues-meeting-room-posing-camera_114579-2809.jpg", alt: "Community trust" },
            { type: "text", content: " Trusted Service Excellence" }
          ]}
          useInvertedBackground={false}
          buttons={[
            { text: "Learn More", href: "#services" },
            { text: "Get Quote", href: "#contact" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwelve
          title="Our Services"
          description="Comprehensive solutions tailored to meet all your local service needs with professional expertise"
          tag="What We Offer"
          features={[
            {
              id: "service-1",              label: "Residential",              title: "Home Service Excellence",              items: ["Expert installation", "Professional repairs", "24/7 emergency support", "Guaranteed satisfaction"],              buttons: [{ text: "Details", href: "#" }]
            },
            {
              id: "service-2",              label: "Commercial",              title: "Business Solutions",              items: ["Rapid response times", "Preventive maintenance", "Bulk discounts available", "Flexible scheduling"],              buttons: [{ text: "Details", href: "#" }]
            },
            {
              id: "service-3",              label: "Premium",              title: "Full-Service Packages",              items: ["Priority scheduling", "Dedicated support team", "Extended warranty", "Custom solutions"],              buttons: [{ text: "Details", href: "#" }]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Customers Say"
          description="Real feedback from satisfied clients in our community"
          tag="Client Reviews"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson, Homeowner",              date: "Date: 15 January 2025",              title: "Exceptional professionalism and quality",              quote: "The team arrived on time, completed the work efficiently, and cleaned up after themselves. They were courteous, knowledgeable, and went above and beyond expectations. I highly recommend their services to anyone in the area.",              tag: "Residential Service",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-curly-handsome-european-male_176532-8133.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/showing-smile_1098-16413.jpg"
            },
            {
              id: "2",              name: "Michael Chen, Business Owner",              date: "Date: 12 January 2025",              title: "Perfect for commercial needs",              quote: "We switched to this company for our commercial maintenance and haven't looked back. Their team is reliable, professional, and they truly understand the importance of minimal downtime for our business operations.",              tag: "Commercial Service",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-curly-handsome-european-male_176532-8133.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-having-meeting-with-group-doctors-shaking-hands-with-one-them-office_637285-7072.jpg"
            },
            {
              id: "3",              name: "Emily Rodriguez, Property Manager",              date: "Date: 8 January 2025",              title: "Trustworthy and dependable",              quote: "Managing multiple properties requires a service provider I can trust completely. This company has proven to be exactly that. Responsive, professional, and always deliver excellent results consistently.",              tag: "Property Service",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-curly-handsome-european-male_176532-8133.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/african-american-car-mechanic-shaking-hands-with-manager-auto-repair-shop_637285-4229.jpg"
            },
            {
              id: "4",              name: "David Kim, Facility Director",              date: "Date: 5 January 2025",              title: "Outstanding customer service",              quote: "From the initial phone call to final invoice, every interaction was smooth and professional. The team communicated clearly about timelines and pricing, with no surprises. This is the gold standard of service in our industry.",              tag: "Facility Management",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-curly-handsome-european-male_176532-8133.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-listening-senior-man_1262-1970.jpg"
            },
            {
              id: "5",              name: "Jessica Martinez, Restaurant Owner",              date: "Date: 2 January 2025",              title: "Reliable emergency response",              quote: "When we had an urgent issue on a Sunday, they answered immediately and resolved it within hours. That kind of dedication and reliability is rare. They're now our go-to service provider for everything.",              tag: "Emergency Service",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-curly-handsome-european-male_176532-8133.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/man-urban-environment-with-thumb-up_23-2147961614.jpg?_wi=2"
            },
            {
              id: "6",              name: "Robert Thompson, Community Leader",              date: "Date: 28 December 2024",              title: "Supporting local excellence",              quote: "I'm proud to recommend a local company that truly cares about their reputation and customer satisfaction. They've been integral to our community for years, and their commitment to quality is unwavering.",              tag: "Community Trusted",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-curly-handsome-european-male_176532-8133.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1654.jpg"
            }
          ]}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Leading Local Organizations"
          description="Partnered with businesses and community institutions that value quality and reliability"
          tag="Partners"
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "Chamber of Commerce",            "Local Business Alliance",            "Community Trust Network",            "Quality Assurance Board",            "Service Excellence Council",            "Regional Partners United",            "Certified Quality Providers",            "Community Approved"
          ]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get In Touch"
          title="Ready to Get Started?"
          description="Contact us today for a free consultation. Our team is ready to help with your service needs. Respond within 24 hours to all inquiries."
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-vector/yellow-background-with-devices-contact-elements_23-2147607369.jpg"
          mediaPosition="right"
          inputPlaceholder="Enter your email or phone"
          buttonText="Contact Us"
          termsText="We respect your privacy. Your information is secure and will only be used to respond to your inquiry."
          mediaAnimation="none"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Local Services"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Terms of Service", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}
