"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
import ContactText from "@/components/sections/contact/ContactText";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Award, GitBranch } from "lucide-react";

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="inset"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Domů", id: "/" },
            { name: "Služby", id: "/sluzby" },
            { name: "Portfolio", id: "/portfolio" },
            { name: "O nás", id: "/o-nas" },
            { name: "Kontakt", id: "/kontakt" },
          ]}
          brandName="DEZORT"
          bottomLeftText="Strašice, Plzeňsko"
          bottomRightText="info@kovovyroba.eu"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitTestimonial
          title="DEZORT - Dvacet let průmyslové excellence"
          description="Od roku 2003 jsme se zaměřili na precizní kovovýrobu s důrazem na kvalitu, inovaci a dlouhodobé vztahy se zákazníky. Naše mise je jednoduchá: dodávat výjimečné produkty, které překonávají očekávání."
          tag="Naše příběh"
          tagIcon={Award}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          testimonials={[
            {
              name: "Ing. Petr Novotný",              handle: "Vedoucí nákupu, Automotive Group",              testimonial: "DEZORT je naš spolehlivý partner již 8 let. Přesnost a rychlost jejich servisu je bezkonkurenční.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-man-writing-down-his-plans_1098-17086.jpg",              imageAlt: "muž inženýr průmysl portret"},
            {
              name: "Dr. Jana Krupicová",              handle: "Majitelka, Veterinární klinika",              testimonial: "Operační stůly od DEZORTu jsou inovativní a ergonomické. Naši pacienti i tým jsou spokojeni.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/doctor-with-medical-report_23-2148168362.jpg",              imageAlt: "žena veterinářka medicína"},
            {
              name: "Miroslav Dvořák",              handle: "Projektant, Sportovní infrastruktura",              testimonial: "Výborná technická podpora a výrobní kvalita. Doporučuji DEZORT všem svým klientům.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-holding-digital-tablet-outside-office-building_107420-74333.jpg",              imageAlt: "muž investor podnikatel"},
          ]}
          testimonialRotationInterval={5000}
          useInvertedBackground={false}
          buttons={[
            { text: "Kontaktujte nás", href: "/kontakt" },
            { text: "Zpět na domů", href: "/" },
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/automated-car-assembly-line-assembly-car-door-plant-automotive-industry-line-car-body_645730-690.jpg"
          imageAlt="Moderní průmyslová dílna DEZORT"
          mediaAnimation="opacity"
          imagePosition="right"
        />
      </div>

      <div id="values" data-section="values">
        <FeatureCardEight
          title="Naše hodnoty a principy"
          description="Co nás vede a řídí naše každodenní rozhodnutí"
          tag="Naše nadání"
          tagIcon={GitBranch}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          features={[
            {
              id: "1",              title: "Preciznost a Kvalita",              description: "Každý výrobek je podroben důsledné kontrole. Naše tolerance nejsou kompromisem, ale standardem.",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk-still-life_23-2150440935.jpg"},
            {
              id: "2",              title: "Inovace a Vývoj",              description: "Investujeme do nejnovějších technologií a neustále hledáme způsoby, jak vylepšit naše služby.",              imageSrc: "http://img.b2bpic.net/free-photo/father-sons-making-robot_23-2148863358.jpg"},
            {
              id: "3",              title: "Spolehlivost a Partnerství",              description: "Naši klienti si na nás mohou spolehnout. Dlouhodobé vztahy jsou základem našeho úspěchu.",              imageSrc: "http://img.b2bpic.net/free-photo/shareholders-planning-factory-upgrades-using-cad-software-devices_482257-119594.jpg"},
          ]}
        />
      </div>

      <div id="call-to-action" data-section="call-to-action">
        <ContactText
          text="Chcete se dozvědět více o našich schopnostech? Rád bychom diskutovali o vašem příštím projektu."
          animationType="background-highlight"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          buttons={[
            { text: "Zahájit rozhovor", href: "/kontakt" },
            { text: "Zobrazit naši práci", href: "/" },
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="DEZORT"
          columns={[
            {
              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: "#" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}