"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumLargeSizeMediumTitles"
      background="none"
      cardStyle="soft-shadow"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "Get Started", href: "contact" }}
          brandName="MBS"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Professional Water Damage & Construction Services"
          description="MBS Maier Brand & Wasser Schadenmanagement GmbH - Your trusted partner for emergency water damage restoration and expert construction services across the Donau region."
          tag="Expert Services"
          background={{ variant: "plain" }}
          buttons={[
            { text: "Emergency Service", href: "contact" },
            { text: "Learn More", href: "services" },
          ]}
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/expert-using-pressure-measurement-device_482257-91080.jpg",              imageAlt: "Water damage restoration service"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-high-five-office_23-2149345549.jpg?_wi=1",              imageAlt: "Professional water damage cleanup"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/manual-worker-grinding-metal-steel-objects-workshop-with-tools_1163-3130.jpg?_wi=1",              imageAlt: "Construction and renovation work"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/paramedic-nurse-emergency-doctor-ambulance-with-kit-paramedic-standing-rear-ambulance-by-open-doors_657921-1447.jpg?_wi=1",              imageAlt: "Emergency response team"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/builders-unfinished-construction_1098-15482.jpg?_wi=1",              imageAlt: "Professional team members"},
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="About Us"
          title="Expert Water Damage & Construction Management"
          description="Since our establishment, MBS has been committed to providing comprehensive water damage restoration and construction services to residential and commercial clients throughout the Neustadt an der Donau region. Our experienced team combines technical expertise with customer-focused service to deliver exceptional results."
          metrics={[
            { value: "20+", title: "Years of Experience" },
            { value: "1000+", title: "Satisfied Customers" },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/builders-unfinished-construction_1098-15482.jpg?_wi=2"
          imageAlt="Professional MBS team"
          mediaAnimation="opacity"
          metricsAnimation="opacity"
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSix
          title="Our Services"
          description="Comprehensive solutions for all your water damage and construction needs"
          tag="What We Do"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              title: "Water Damage Restoration",              description: "Emergency response to water damage with professional extraction, drying, and restoration to prevent mold and structural damage.",              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-men-high-five-office_23-2149345549.jpg?_wi=2",              imageAlt: "Water damage restoration"},
            {
              id: 2,
              title: "Construction & Repair",              description: "Expert construction services including renovation, reconstruction, and structural repairs following water damage or other incidents.",              imageSrc: "http://img.b2bpic.net/free-photo/manual-worker-grinding-metal-steel-objects-workshop-with-tools_1163-3130.jpg?_wi=2",              imageAlt: "Construction and repair services"},
            {
              id: 3,
              title: "Emergency Response",              description: "24/7 emergency response team ready to handle urgent water damage situations with rapid assessment and immediate action.",              imageSrc: "http://img.b2bpic.net/free-photo/paramedic-nurse-emergency-doctor-ambulance-with-kit-paramedic-standing-rear-ambulance-by-open-doors_657921-1447.jpg?_wi=2",              imageAlt: "Emergency response services"},
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTen
          title="Why Choose MBS"
          description="Quality, reliability, and customer satisfaction are our core values"
          tag="Our Strengths"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          metrics={[
            {
              id: "1",              title: "Professional Certification",              subtitle: "Industry certified and insured professionals",              category: "Quality",              value: "100%"},
            {
              id: "2",              title: "24/7 Availability",              subtitle: "Emergency services available round the clock",              category: "Service",              value: "Always"},
            {
              id: "3",              title: "Fast Response Time",              subtitle: "Quick arrival for emergency situations",              category: "Speed",              value: "<1hr"},
            {
              id: "4",              title: "Damage Assessment",              subtitle: "Thorough and transparent damage evaluation",              category: "Transparency",              value: "Complete"},
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Customer Testimonials"
          description="Hear from satisfied clients about their experience with MBS services"
          tag="Client Stories"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              title: "Outstanding Emergency Response",              quote: "When our basement flooded, MBS arrived within 45 minutes. Their team was professional, efficient, and took care of everything. Highly recommended!",              name: "Hans Mueller",              role: "Homeowner",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=1",              imageAlt: "Hans Mueller"},
            {
              id: "2",              title: "Excellent Restoration Work",              quote: "After the water damage, MBS handled the entire restoration process from drying to reconstruction. The quality of work exceeded our expectations.",              name: "Maria Schmidt",              role: "Property Manager",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "Maria Schmidt"},
            {
              id: "3",              title: "Professional and Reliable",              quote: "Working with MBS was a breeze. They managed the insurance paperwork, provided detailed documentation, and completed everything on schedule.",              name: "Klaus Weber",              role: "Business Owner",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=2",              imageAlt: "Klaus Weber"},
            {
              id: "4",              title: "True Peace of Mind",              quote: "MBS not only fixed the water damage but also helped us prevent future issues. Their expertise and attention to detail is unmatched.",              name: "Annika Fischer",              role: "Homeowner",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Annika Fischer"},
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get in Touch"
          title="Need Emergency Service or a Quote?"
          description="Contact MBS Maier Brand & Wasser Schadenmanagement GmbH for immediate assistance with water damage, construction services, or to schedule an inspection."
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email"
          buttonText="Request Service"
          termsText="We'll respond to your inquiry within 24 hours. For emergencies, call us directly."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/grunge-metal-plates-old-brick-wall-background_1048-6347.jpg"
          imageAlt="Professional construction background"
          logoText="MBS Maier Brand & Wasser Schadenmanagement GmbH"
          copyrightText="© 2025 MBS Maier Brand & Wasser Schadenmanagement GmbH. All rights reserved."
          columns={[
            {
              title: "Services",              items: [
                { label: "Water Damage Restoration", href: "#services" },
                { label: "Construction Services", href: "#services" },
                { label: "Emergency Response", href: "#services" },
                { label: "Inspection Services", href: "#contact" },
              ],
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Why Choose Us", href: "#metrics" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Contact", href: "#contact" },
              ],
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Impressum", href: "#" },
                { label: "Insurance", href: "#" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
