"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import BlogCardOne from "@/components/sections/blog/BlogCardOne";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import ContactText from "@/components/sections/contact/ContactText";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import Link from "next/link";
import { Image, TrendingUp } from "lucide-react";
import { Award, Clock, ThumbsUp, Layers } from "lucide-react";

export default function PortfolioPage() {
  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="portfolio" data-section="portfolio">
        <BlogCardOne
          title="Naše realizované projekty"
          description="Příklady našich nejlepších řešení a spolupráce s renomovanými klienty"
          tag="Portfolio"
          tagIcon={Image}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          blogs={[
            {
              id: "1",
              category: "Průmysl",
              title: "Průmyslové palety pro Volkswagen Group",
              excerpt:
                "Výroba 500+ svařenců pro robotické linky s tolerancí ±0.05mm a certifikací ISO 9001.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/photovoltaics-factory-engineer-analyzing-data-pc-screen-reviewing-system-health-metrics-solar_482257-135562.jpg?_wi=2",
              imageAlt: "Průmyslové palety",
              authorName: "DEZORT",
              authorAvatar:
                "http://img.b2bpic.net/free-photo/mature-craftsman-working-his-workspace-man-wearing-apron-using-special-machine-man-wearing-eyeglasses_1157-51611.jpg",
              date: "2024",
            },
            {
              id: "2",
              category: "Veterina",
              title: "Operační stůl pro Fakultní veterinární kliniku",
              excerpt:
                "Custom design ergonomického veterinárního operačního stolu se speciálními funkcemi.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/side-view-smiling-female-veterinarian-with-dog-table-clinic_23-2147928376.jpg?_wi=2",
              imageAlt: "Operační stůl",
              authorName: "DEZORT",
              authorAvatar:
                "http://img.b2bpic.net/free-photo/mature-craftsman-working-his-workspace-man-wearing-apron-using-special-machine-man-wearing-eyeglasses_1157-51611.jpg",
              date: "2023",
            },
            {
              id: "3",
              category: "Sport",
              title: "Stroj na údržbu atletické dráhy",
              excerpt:
                "Inovativní řešení pro maintenance běžeckých tratí s automatizovanými procesy.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/woman-stadium-stretching-before-running_23-2148297742.jpg?_wi=2",
              imageAlt: "Běžecká dráha",
              authorName: "DEZORT",
              authorAvatar:
                "http://img.b2bpic.net/free-photo/mature-craftsman-working-his-workspace-man-wearing-apron-using-special-machine-man-wearing-eyeglasses_1157-51611.jpg",
              date: "2024",
            },
          ]}
          animationType="slide-up"
          carouselMode="buttons"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Naše dosažení"
          description="Číselné potvrzení naší excellence a spolehlivosti"
          tag="Výsledky"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          metrics={[
            {
              id: "1",
              value: "20+",
              title: "let zkušeností",
              description: "Tradice a know-how od roku 2003",
              icon: Award,
            },
            {
              id: "2",
              value: "500+",
              title: "projektů",
              description: "Realizovaných řešení pro domácí i zahraniční klienty",
              icon: Layers,
            },
            {
              id: "3",
              value: "98%",
              title: "spokojených",
              description: "Klientů, kteří se k nám vrací opakovaně",
              icon: ThumbsUp,
            },
            {
              id: "4",
              value: "24h",
              title: "odezva",
              description: "Na veškeré dotazy a poptávky zákazníků",
              icon: Clock,
            },
          ]}
          gridVariant="four-items-2x2-equal-grid"
          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>
  );
}