"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Award, CheckCircle, Phone, Shield, Star, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumLargeSizeLargeTitles"
      background="fluid"
      cardStyle="soft-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="ATonis El & Bygg"
          navItems={[
            { name: "Hem", id: "hero" },
            { name: "Om Oss", id: "about" },
            { name: "Tjänster", id: "services" },
            { name: "Referenser", id: "testimonials" },
            { name: "Kontakt", id: "contact" }
          ]}
          button={{
            text: "Få Gratis Offert",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Electrical Excellence Built to Last"
          description="Professional electrical installations, renovations, and maintenance for homes and businesses across Ängelholm. Certified, insured, and ready when you need us."
          tag="Certified & Licensed"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          imageSrc="http://img.b2bpic.net/free-photo/attractive-male-contractor-working-with-wood-sanding-wooden-panel-carpenter-using-electrical-sander_662251-454.jpg"
          imageAlt="Professional electrical installation work"
          buttons={[
            { text: "Request a Free Quote", href: "#contact" },
            { text: "Learn More", href: "#services" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="About ATonis"
          tagIcon={Award}
          tagAnimation="slide-up"
          title="Trusted Electrical & Construction Partners for Ängelholm"
          description="With over a decade of experience, ATonis El & Bygg AB has established itself as the region's premier licensed electrical and construction company. We combine Swedish precision engineering with local market expertise to deliver exceptional results for residential and commercial clients. Our team of certified electricians and skilled technicians is committed to safe, efficient, and transparent service."
          metrics={[
            { value: "15+", title: "Years of Experience" },
            { value: "500+", title: "Satisfied Customers" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/happy-manual-worker-presenting-results-business-development-while-giving-presentation-company-leaders-his-team-factory_637285-4144.jpg"
          imageAlt="ATonis El & Bygg professional team"
          useInvertedBackground={false}
          mediaAnimation="slide-up"
          metricsAnimation="blur-reveal"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSeven
          title="Our Services"
          description="Comprehensive electrical and construction solutions tailored to your needs"
          tag="What We Offer"
          tagIcon={Zap}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="blur-reveal"
          features={[
            {
              id: 1,
              title: "Residential Electrical",              description: "Complete electrical installations, renovations, and maintenance for homes. From new construction wiring to upgrades and troubleshooting, we ensure your home is safe and efficient.",              imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-near-board-with-wires-installation-connection-electrics_169016-5875.jpg",              imageAlt: "Residential electrical installation"
            },
            {
              id: 2,
              title: "Commercial Installation",              description: "Professional electrical systems for offices, retail, and industrial facilities. We handle complex installations and ensure compliance with Swedish standards and regulations.",              imageSrc: "http://img.b2bpic.net/free-photo/electrical-panel-with-fuses-contactors-closeup_169016-52159.jpg",              imageAlt: "Commercial electrical installation"
            },
            {
              id: 3,
              title: "Maintenance & Support",              description: "Regular maintenance programs and emergency support to keep your systems running optimally. Preventive inspections and repairs to minimize downtime and extend equipment life.",              imageSrc: "http://img.b2bpic.net/free-photo/composition-with-digital-tablet-electrician-work-items_169016-24255.jpg",              imageAlt: "Electrical maintenance and inspection"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Why Choose ATonis"
          description="Proven performance metrics that demonstrate our commitment to excellence"
          tag="Our Impact"
          tagIcon={Award}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="scale-rotate"
          metrics={[
            { id: "1", icon: CheckCircle, title: "Certified & Licensed", value: "100%" },
            { id: "2", icon: Zap, title: "Response Time", value: "24hrs" },
            { id: "3", icon: Shield, title: "Fully Insured", value: "Guaranteed" },
            { id: "4", icon: Users, title: "Customer Satisfaction", value: "98%" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Clients Say"
          description="Real feedback from homeowners and businesses who trust ATonis El & Bygg"
          tag="Client Testimonials"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          testimonials={[
            {
              id: "1",              name: "Erik Andersson, Husejer",              date: "Date: October 2024",              tag: "Residential",              title: "Professionell och pålitlig service",              quote: "ATonis El & Bygg genomförde en komplett elombyggnad av vår villa. Mycket kunnigt team, transparent prissättning och helt utan stress. Vi rekommenderar dem starkt!",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=1",              imageAlt: "Erik Andersson testimonial"
            },
            {
              id: "2",              name: "Petra Svensson, Affärsledare",              date: "Date: September 2024",              tag: "Commercial",              title: "Snabb installation med höga standarder",              quote: "Vi behövde nya elkällor för vår expansion. ATonis levererade exakt vad vi behövde, i tid och inom budget. Mycket bra att ha lokala experter att arbeta med.",              avatarSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageAlt: "Petra Svensson testimonial"
            },
            {
              id: "3",              name: "Jonas Lindström, Projektledare",              date: "Date: August 2024",              tag: "Construction",              title: "Tillförlitlig partner för byggprojekt",              quote: "Som byggentreprenör behöver jag alltid kunna lita på mina underleverantörer. ATonis är konsekvent professionell, säker och levererar alltid på sin löfte.",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Jonas Lindström testimonial"
            },
            {
              id: "4",              name: "Maria Bergström, Fastighetschef",              date: "Date: July 2024",              tag: "Maintenance",              title: "Bra underhållstjänster och snabb support",              quote: "Vi använder ATonis för både planerat underhåll och akuta reparationer. Deras snabba responstid och expertis sparar oss mycket tid och ger oss ro i sinnet.",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=2",              imageAlt: "Maria Bergström testimonial"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get in Touch"
          tagIcon={Phone}
          tagAnimation="slide-up"
          title="Ready to Upgrade Your Electrical Systems?"
          description="Contact ATonis El & Bygg AB today for a free consultation and transparent quote. Our team is ready to discuss your project and provide expert recommendations tailored to your specific needs."
          buttons={[
            { text: "Request Free Quote", href: "https://example.com/contact" },
            { text: "Call Us Today", href: "tel:+4640123456" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="ATonis El & Bygg"
          columns={[
            {
              items: [
                { label: "Hem", href: "#hero" },
                { label: "Om Oss", href: "#about" },
                { label: "Tjänster", href: "#services" }
              ]
            },
            {
              items: [
                { label: "Referenser", href: "#testimonials" },
                { label: "Kontakt", href: "#contact" },
                { label: "FAQ", href: "#" }
              ]
            },
            {
              items: [
                { label: "Phone", href: "tel:+4640123456" },
                { label: "Email", href: "mailto:info@atonis.se" },
                { label: "Ängelholm, Sweden", href: "#" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Impressum", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
