"use client";

import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { ShieldCheck, Wrench, DollarSign, Phone, Users, Languages, FileCheck, Award, Zap } from "lucide-react";

export default function HvacPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="medium"
      sizing="medium"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            brandName="Volthex"
            navItems={[
              { name: "Services", id: "services" },
              { name: "Why Choose Us", id: "about" },
              { name: "Testimonials", id: "testimonials" },
              { name: "Contact", id: "contact" },
            ]}
            button={{ text: "Request a Proposal", href: "#contact" }}
            animateOnLoad={false}
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroOverlay
            title="Your Reliable Partner for Industrial Electrical Installations Across the EU"
            description="We deploy certified, fully equipped Slovakian electrical teams for your industrial, commercial, and green-energy projects in Germany, Austria, and Belgium. Scale your workforce instantly with zero administrative stress."
            buttons={[
              { text: "Request a Proposal", href: "#contact" },
              { text: "Our Services", href: "#services" },
            ]}
            buttonAnimation="slide-up"
            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=soel7n"
            imageAlt="Industrial electricians working on complex wiring in a factory"
            showDimOverlay={true}
          />
        </div>

        <div id="about" data-section="about">
          <MetricSplitMediaAbout
            tag="Why Choose Us"
            title="Key Advantages with Volthex"
            description="Volthex addresses critical labor shortages in Western Europe by deploying fully equipped, self-sufficient teams of industrial electricians. We ensure seamless project execution, full legal compliance, and adherence to the highest safety and quality standards."
            metrics={[
              {
                value: "4-30+",                title: "Skilled Teams"},
              {
                value: "ISO 9001, SCCP",                title: "Certified Quality"},
            ]}
            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hh7e95"
            imageAlt="Industrial electricians team leader reviewing project plans with EU compliance documents"
            mediaAnimation="slide-up"
            metricsAnimation="slide-up"
            useInvertedBackground={false}
          />
        </div>
        <div id="services" data-section="services">
          <FeatureCardOne
            title="Our Technical Expertise"
            description="Volthex specializes in three core pillars: industrial electrical, commercial development, and green energy projects. We provide comprehensive solutions from cable routing to advanced automation."
            features={[
              {
                title: "Industrial Electrical Installation",                description: "Complex cable routing, heavy-duty wiring, switchgear assembly, and machinery connection for manufacturing and chemical plants.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/hvac-industrial-1.jpg?w=1000&h=667&_wi=1",                imageAlt: "Industrial electrician installing heavy cable trays and wiring in a factory"},
              {
                title: "Commercial & Residential Developments",                description: "Wiring multi-family housing, office parks, and integrating advanced Building Management Systems (BMS).",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/hvac-commercial-1.jpg?w=1000&h=667&_wi=1",                imageAlt: "Commercial electrician wiring a modern office building or apartment complex"},
              {
                title: "Green Energy & Photovoltaics (PV)",                description: "Deployment of specialized teams for large commercial solar farms, industrial rooftop PV arrays, and inverter systems.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/hvac-green-energy-1.jpg?w=1000&h=667&_wi=1",                imageAlt: "Installation of a large-scale commercial solar farm or industrial rooftop PV system"}
            ]}
            gridVariant="uniform-all-items-equal"
            uniformGridCustomHeightClasses="aspect-square"
            gridClassName="md:!grid-cols-3"
            carouselThreshold={7}
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
          />
        </div>
        <FeatureBorderGlow
          title="Why Partner with Volthex"
          description="The Volthex Advantage: Speed, Reliability, Compliance, and Expertise"
          features={[
            {
              icon: Users,
              title: "Plug-and-Play Teams",              description: "Teams of 4 to 30+ experienced industrial electricians ready to deploy to your site immediately."},
            {
              icon: Languages,
              title: "No Language Barriers",              description: "Every team includes a dedicated German/English-speaking coordinator to guarantee smooth on-site communication."},
            {
              icon: FileCheck,
              title: "100% Legal Compliance",              description: "We take care of all EU cross-border documentation—including A1 forms, Freistellung certificates, and liability insurances."},
            {
              icon: Award,
              title: "Certified Quality",              description: "Operating under strict ISO 9001 and safety-tested SCCP standards for complex industrial environments."},
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />

        <FeatureCardEight
          title="Our Operational Advantage"
          description="Streamlined deployment of expert teams, fully compliant and self-sufficient."
          features={[
            {
              title: "Rapid Team Deployment",              description: "Fully equipped teams, sized 4 to 30+, ready for immediate dispatch to your project across Western Europe.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/hvac-rapid-deployment.jpg?w=1000&h=667&_wi=1",              imageAlt: "Industrial electrical team preparing for deployment to a large European project"},
            {
              title: "Seamless On-Site Communication",              description: "Every team includes a fluent German or English-speaking foreman ensuring clear coordination and autonomous execution.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/hvac-communication.jpg?w=1000&h=667&_wi=1",              imageAlt: "German-speaking foreman communicating with client on an industrial construction site"},
            {
              title: "Complete Legal & Administrative Compliance",              description: "Volthex handles all cross-border documents: A1 posting, tax exemptions (Freistellung), and liability insurance for peace of mind.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/hvac-compliance.jpg?w=1000&h=667&_wi=1",              imageAlt: "EU legal documents such as A1 forms and Freistellung certificates on a desk"},
            {
              title: "Uncompromised Safety & Quality",              description: "Adherence to ISO 9001 quality and SCCP safety certifications, vital for high-risk industrial environments.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/hvac-safety-quality.jpg?w=1000&h=667&_wi=1",              imageAlt: "Safety sign and certified electrician equipment on an industrial job site"},
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
        <div id="testimonials" data-section="testimonials">
          <TestimonialCardThirteen
            title="Real Industry Reviews & Reputation"
            description="Hear from B2B clients who value our speed, reliability, and technical autonomy."
            testimonials={[
              {
                id: "1",                name: "Project Manager",                handle: "Industrial Plant Construction, Frankfurt",                testimonial: "We brought in a Volthex team of 6 electricians to help finish a backlog on a manufacturing facility expansion. Their team arrived fully equipped with their own professional tools and vehicles. The communication with their German-speaking lead was seamless. They worked strictly according to our blueprints without needing constant oversight.",                rating: 5,
                imageSrc: "https://images.unsplash.com/photo-1560250097-0b93528c311a?q=80&w=300&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",                imageAlt: "Project Manager Avatar"},
              {
                id: "2",                name: "General Contractor",                handle: "Commercial Building, Vienna",                testimonial: "Reliable partner for high-volume electrical works. Volthex handles all cross-border legalities (A1, Freistellung) perfectly, which saves our HR department massive headaches. Their teams have high safety standards (ISO/SCC compliance), making them viable for our strictly regulated job sites.",                rating: 5,
                imageSrc: "https://images.unsplash.com/photo-1507206130118-b5997236529f?q=80&w=300&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",                imageAlt: "General Contractor Avatar"}
            ]}
            showRating={true}
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
          />
        </div>
        <div id="faq" data-section="faq">
          <FaqSplitText
            sideTitle="Common Questions About Partnering with Volthex"
            sideDescription="Find answers to frequently asked questions about our services, deployment, and operational procedures."
            buttons={[{ text: "Request a Proposal", href: "#contact" }]}
            buttonAnimation="slide-up"
            faqsAnimation="slide-up"
            textPosition="left"
            useInvertedBackground={false}
            faqs={[
              {
                id: "1",                title: "What regions do you operate in?",                content: "Volthex primarily deploys teams to large-scale industrial, commercial, and green-energy projects across Western Europe, with a focus on Germany, Austria, and Belgium."},
              {
                id: "2",                title: "What size teams can Volthex provide?",                content: "We can deploy self-sufficient teams ranging from 4 to 30+ highly qualified industrial electricians, mechanics, and technicians, tailored to your project's needs."},
              {
                id: "3",                title: "How do you ensure language barrier resolution on site?",                content: "Every deployed Volthex team includes at least one fluent German- or English-speaking electrician who acts as the foreman and coordinator with the local client."},
              {
                id: "4",                title: "How do you handle administrative and legal compliance?",                content: "Volthex manages all cross-border documentation, including A1 posting documents, local tax exemptions (like Freistellung in Germany), and liability insurances, ensuring full EU compliance."},
              {
                id: "5",                title: "What safety and quality standards does Volthex adhere to?",                content: "We hold ISO 9001 quality certifications and undergo strict SCCP certification, specifically for high-risk job sites like chemical plants and refineries, guaranteeing uncompromised safety."},
            ]}
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactCTA
            tag="Need Immediate Workforce Support?"
            tagIcon={Zap}
            title="Scale Your Projects with Volthex"
            description="Submit your project scope, location, and target start date. Our multilingual administrative team will provide a transparent, tailored workforce proposal within 48 hours."
            buttons={[
              { text: "Request a Proposal", href: "#contact" }
            ]}
            background={{ variant: "plain" }}
            useInvertedBackground={false}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterMedia
            logoText="Volthex"
            imageSrc="https://images.unsplash.com/photo-1542626991-cdf5e342b540?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
            imageAlt="Modern industrial building or corporate office reflecting the Volthex brand"
            columns={[
              {
                title: "Services",                items: [
                  { label: "Industrial Electrical", href: "#services" },
                  { label: "Commercial Development", href: "#services" },
                  { label: "Green Energy & PV", href: "#services" },
                ],
              },
              {
                title: "Company",                items: [
                  { label: "About Us", href: "#about" },
                  { label: "Why Choose Us", href: "#about" },
                  { label: "Testimonials", href: "#testimonials" },
                  { label: "FAQ", href: "#faq" },
                  { label: "Contact", href: "#contact" },
                ],
              },
              {
                title: "Contact",                items: [
                  { label: "Doležalova 15C, Bratislava", href: "#" },
                  { label: "info@volthex.eu", href: "mailto:info@volthex.eu" },
                  { label: "Request a Proposal", href: "#contact" },
                ],
              },
            ]}
            copyrightText="© 2024 | Volthex"
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
