"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import ContactText from "@/components/sections/contact/ContactText";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import Link from "next/link";
import { Award, Zap, GitBranch } from "lucide-react";

export default function ServicesPage() {
  const navItems = [
    { name: "Domů", id: "/" },
    { name: "Služby", id: "/sluzby" },
    { name: "Portfolio", id: "/portfolio" },
    { name: "O nás", id: "/o-nas" },
    { name: "Kontakt", id: "/kontakt" },
  ];

  const footerColumns = [
    {
      items: [
        { label: "Domů", href: "/" },
        { label: "O nás", href: "/o-nas" },
        { label: "Služby", href: "/sluzby" },
      ],
    },
    {
      items: [
        { label: "Portfolio", href: "/portfolio" },
        { label: "Kontakt", href: "/kontakt" },
        { label: "Dotazy", href: "mailto:info@kovovyroba.eu" },
      ],
    },
    {
      items: [
        { label: "Strašice, Plzeňsko", href: "#" },
        { label: "info@kovovyroba.eu", href: "mailto:info@kovovyroba.eu" },
        { label: "+420 XXX XXX XXX", href: "tel:+420XXXXXXXXX" },
      ],
    },
    {
      items: [
        { label: "Podmínky služeb", href: "#" },
        { label: "Ochrana osobních údajů", href: "#" },
        { label: "Cookies", href: "#" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeLargeTitles"
      background="grid"
      cardStyle="inset"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems.map((item) => ({
            name: item.name,
            id: item.id,
          }))}
          brandName="DEZORT"
          bottomLeftText="Strašice, Plzeňsko"
          bottomRightText="info@kovovyroba.eu"
        />
      </div>

      <div id="segments" data-section="segments">
        <FeatureCardEight
          title="Tři hlavní směry našeho podnikání"
          description="Pokrýváme komplexní spektrum průmyslových potřeb s odborností a inovací"
          tag="Naše segmenty"
          tagIcon={Award}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: "1",
              title: "Průmyslová řešení",
              description:
                "Výroba průmyslových palet, svařenců pro robotické linky a speciálních komponent. Precizní CNC obrábění s tolerancí na mikrometry.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/factory-workers-walking-through-large-production-hall-having-conversation_342744-169.jpg?_wi=2",
              imageAlt: "průmyslové palety robotické linky",
            },
            {
              id: "2",
              title: "Veterinární technika",
              description:
                "Vývoj a výroba operačních stolů a zdravotnického vybavení. Speciální projekty pro veterinární kliniky a výzkumné instituce.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/team-surgeons-performing-operation-operation-theater_107420-74196.jpg?_wi=2",
              imageAlt: "operační stůl veterinární klinika",
            },
            {
              id: "3",
              title: "Sportovní infrastruktura",
              description:
                "Stroje na údržbu a úpravu běžeckých tratí. Technicky propracovaná řešení pro profesionální sportovní areály.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/multiethnic-athlete-group-talking-with-each-other_171337-10774.jpg?_wi=2",
              imageAlt: "atletická běžecká dráha",
            },
          ]}
          buttons={[
            {
              text: "Zpět na domů",
              href: "/",
            },
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="capabilities" data-section="capabilities">
        <ProductCardTwo
          title="Naše technické schopnosti"
          description="Vybaveni nejmodernější technikou pro nejvyšší kvalitu"
          tag="Technologické vybavení"
          tagIcon={Zap}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          products={[
            {
              id: "welding",
              brand: "DEZORT",
              name: "Pokročilé svářečství",
              price: "Garantovaná kvalita",
              rating: 5,
              reviewCount: "50+ projektů/rok",
              imageSrc:
                "http://img.b2bpic.net/free-photo/abstract-metallic-background-close-up_23-2148859937.jpg?_wi=2",
              imageAlt: "Svářečský proces TIG",
            },
            {
              id: "cnc",
              brand: "DEZORT",
              name: "CNC obrábění",
              price: "Přesnost ±0.01mm",
              rating: 5,
              reviewCount: "500+ typů součástek",
              imageSrc:
                "http://img.b2bpic.net/free-photo/mature-craftsman-working-his-workspace-man-wearing-apron-using-special-machine-man-wearing-eyeglasses_1157-51611.jpg?_wi=2",
              imageAlt: "CNC obráběcí stroj",
            },
            {
              id: "design",
              brand: "DEZORT",
              name: "Technické řešení",
              price: "Od návrhu k výrobě",
              rating: 5,
              reviewCount: "Custom projekty",
              imageSrc:
                "http://img.b2bpic.net/free-photo/father-sons-making-robot_23-2148863358.jpg?_wi=3",
              imageAlt: "Inženýrský design a CAD",
            },
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
        />
      </div>

      <div id="cta" data-section="cta">
        <ContactText
          text="Máte projekt, který vyžaduje přesnost a kvalitu? Kontaktujte nás ještě dnes pro bezplatnou konzultaci a nabídku."
          animationType="background-highlight"
          background={{ variant: "grid" }}
          useInvertedBackground={false}
          buttons={[
            {
              text: "Poslat poptávku",
              href: "/kontakt",
            },
            {
              text: "Zavolat +420 XXX XXX XXX",
              href: "tel:+420XXXXXXXXX",
            },
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis columns={footerColumns} logoText="DEZORT" />
      </div>
    </ThemeProvider>
  );
}