"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Award, BarChart3, CheckCircle, Heart, Phone, Shield, Wrench, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="medium"
      background="grid"
      cardStyle="layered-gradient"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="LevelCare"
          navItems={[
            { name: "How It Works", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Results", id: "results" }
          ]}
          button={{ text: "Get Free Estimate", href: "contact" }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardTestimonial
          title="Your Foundation Deserves Better"
          description="Professional mobile home releveling with precision engineering and peace of mind."
          tag="Expert Service"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          imageSrc="http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384862.jpg?_wi=1"
          imageAlt="Professional mobile home leveling service"
          mediaAnimation="slide-up"
          testimonials={[
            {
              name: "Margaret Chen",              handle: "Homeowner, Kansas",              testimonial: "LevelCare fixed our foundation issues perfectly. The whole process was transparent and professional.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-multiracial-business-team_1262-21007.jpg"
            },
            {
              name: "Robert Davis",              handle: "Property Manager, Texas",              testimonial: "Fast, reliable, and they left our property spotless. Highly recommend their service.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg"
            },
            {
              name: "Susan Martinez",              handle: "Mobile Home Owner, Oklahoma",              testimonial: "They caught issues I didn't even know existed. Expert technicians who truly care.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg"
            }
          ]}
          testimonialRotationInterval={5000}
          buttons={[{ text: "Get Free Estimate", href: "contact" }]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="What is Mobile Home Releveling?"
          description="Over time, mobile homes can settle unevenly, causing doors to stick, floors to creak, and structural stress. Our expert team uses advanced equipment to carefully level your foundation, restoring proper alignment and protecting your home's integrity for years to come."
          tag="The Process"
          tagIcon={Wrench}
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/close-up-wood-texture-background_23-2148935976.jpg?_wi=1"
          imageAlt="Mobile home foundation before leveling"
          useInvertedBackground={false}
        />
      </div>

      <div id="results" data-section="results">
        <ProductCardThree
          title="See the Transformation"
          description="Real results from homes we've leveled. Each project demonstrates our commitment to precision and quality."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              name: "Foundation Leveling",              price: "Before & After",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-wood-texture-background_23-2148935976.jpg?_wi=2",              imageAlt: "Before foundation leveling"
            },
            {
              id: "2",              name: "Professional Restoration",              price: "Complete Service",              imageSrc: "http://img.b2bpic.net/free-photo/urban-environment-with-grunge-aesthetic_23-2150943422.jpg",              imageAlt: "After professional leveling"
            },
            {
              id: "3",              name: "Structural Integrity",              price: "Long-term Value",              imageSrc: "http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384862.jpg?_wi=2",              imageAlt: "Properly leveled mobile home"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureHoverPattern
          title="Why Choose LevelCare"
          description="Industry-leading expertise combined with customer-first service."
          features={[
            {
              icon: Award,
              title: "Certified Experts",              description: "Licensed technicians with 20+ years combined experience in mobile home foundations."
            },
            {
              icon: Shield,
              title: "Guaranteed Results",              description: "We stand behind every job with a comprehensive warranty on all work performed."
            },
            {
              icon: Zap,
              title: "Quick Turnaround",              description: "Most leveling projects completed in a single day with minimal disruption."
            },
            {
              icon: BarChart3,
              title: "Transparent Pricing",              description: "Free estimates with no hidden fees. You know exactly what you're paying for."
            },
            {
              icon: Wrench,
              title: "Advanced Equipment",              description: "State-of-the-art precision instruments ensure perfect leveling every time."
            },
            {
              icon: Heart,
              title: "Customer Care",              description: "Dedicated support team available to answer all your questions and concerns."
            }
          ]}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="The team at LevelCare transformed our home. Not only did they fix the leveling issue, but they also educated us on foundation maintenance. Professional, courteous, and fair pricing. We couldn't be happier."
          rating={5}
          author="James & Lisa Thompson, Colorado"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/cheerful-multiracial-business-team_1262-21007.jpg", alt: "James Thompson" },
            { src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Customer" },
            { src: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", alt: "Customer" },
            { src: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", alt: "Customer" }
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Ready to Restore Your Home?"
          title="Get Your Free Estimate Today"
          description="Schedule a no-obligation inspection with our expert team. We'll assess your foundation and provide a transparent estimate with no hidden costs."
          tagIcon={Phone}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email"
          buttonText="Schedule Estimate"
          termsText="We respect your privacy and will never spam you. Unsubscribe anytime."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Service",              items: [
                { label: "Mobile Home Leveling", href: "#" },
                { label: "Foundation Inspection", href: "#" },
                { label: "Maintenance Plans", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#" },
                { label: "Contact", href: "contact" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Warranty", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 LevelCare. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
