"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="small"
        sizing="large"
        background="none"
        cardStyle="gradient-radial"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Úvod",          id: "#hero"},
        {
          name: "O nás",          id: "#about"},
        {
          name: "Služby",          id: "#services"},
        {
          name: "Dopad",          id: "#impact"},
        {
          name: "Reference",          id: "#testimonials"},
        {
          name: "Klienti",          id: "#clients"},
        {
          name: "FAQ",          id: "#faqs"},
        {
          name: "Kontakt",          id: "#contact"},
      ]}
      button={{
        text: "Začít",        href: "#contact"}}
      brandName="IPR spol. s r.o."
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "gradient-bars"}}
      logoText="IPR spol. s r.o."
      description="Váš důvěryhodný partner pro inovativní řešení a strategický růst. Pomáháme firmám dosáhnout jejich plného potenciálu prostřednictvím odborného poradenství a služeb na míru."
      buttons={[
        {
          text: "Naše služby",          href: "#services"},
        {
          text: "Kontaktujte nás",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/two-businessman-shake-hand-coffee-shop_1150-6425.jpg"
      imageAlt="Profesionální obchodní řešení"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="O společnosti IPR spol. s r.o."
      description="Ve společnosti IPR spol. s r.o. se zaměřujeme na poskytování excelentních služeb a dosahování hmatatelných výsledků pro naše klienty. S mnohaletými zkušenostmi a přístupem zaměřeným na klienta se specializujeme na transformaci výzev v příležitosti. Náš tým zkušených profesionálů je odhodlán porozumět vašim jedinečným potřebám a vytvářet strategie na míru, které zajistí udržitelný úspěch a dlouhodobou hodnotu."
      imageSrc="http://img.b2bpic.net/free-photo/people-taking-part-business-event_23-2149346629.jpg"
      imageAlt="Profesionální obchodní tým spolupracuje"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Strategické poradenství",          description: "Vyvíjíme robustní strategie, které jsou v souladu s vašimi obchodními cíli a dynamikou trhu.",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-businessman-with-tablet-background-graphics_1134-552.jpg",          imageAlt: "Diagram strategického plánování"},
        {
          title: "Digitální transformace",          description: "Navedeme vaši transformaci na moderní digitální platformy, čímž zvýšíme efektivitu a zákaznickou zkušenost.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-virtual-reality-simulator_23-2148910256.jpg",          imageAlt: "Digitální transformace"},
        {
          title: "Operační excelence",          description: "Optimalizujeme vaše procesy a pracovní postupy pro maximalizaci produktivity a snížení nákladů.",          imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-collage-concept_23-2149595838.jpg",          imageAlt: "Operační excelence"},
      ]}
      title="Naše klíčové služby"
      description="Nabízíme komplexní sadu služeb navržených tak, aby řešily vaše nejkritičtější obchodní potřeby a podporovaly bezkonkurenční růst."
    />
  </div>

  <div id="impact" data-section="impact">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "150+",          title: "Dokončených projektů",          description: "Úspěšně dodané projekty napříč různými odvětvími.",          imageSrc: "http://img.b2bpic.net/free-photo/checklist-icon-3d_23-2152012418.jpg",          imageAlt: "Dokončené projekty"},
        {
          id: "m2",          value: "25%",          title: "Průměrný růst",          description: "Průměrný růst klientů v klíčových ukazatelích výkonnosti.",          imageSrc: "http://img.b2bpic.net/free-photo/statistic-bars_23-2148148371.jpg",          imageAlt: "Průměrný růst"},
        {
          id: "m3",          value: "10+",          title: "Let zkušeností",          description: "Desítky let kolektivních zkušeností s řízením obchodního úspěchu.",          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machines-design_23-2151599317.jpg",          imageAlt: "Let zkušeností"},
      ]}
      title="Dosahujeme hmatatelných výsledků"
      description="Náš závazek k dokonalosti se odráží v měřitelném dopadu, který přinášíme našim klientům. Podívejte se, jaký rozdíl dělá naše odbornost."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Eva Nováková",          role: "Generální ředitelka",          company: "FutureTech",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-her-office-businesswoman-sitting-with-her-notebook-writing-making_1258-194709.jpg",          imageAlt: "Eva Nováková"},
        {
          id: "t2",          name: "Jan Dvořák",          role: "Ředitel provozu",          company: "Global Logistics",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg",          imageAlt: "Jan Dvořák"},
        {
          id: "t3",          name: "Anna Svobodová",          role: "Vedoucí marketingu",          company: "Creative Solutions",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-young-caucasian-woman-casual-clothes-showing-paper-house-cutout-buying-property-re_1258-172919.jpg",          imageAlt: "Anna Svobodová"},
        {
          id: "t4",          name: "Petr Černý",          role: "Zakladatel",          company: "Innovate Labs",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",          imageAlt: "Petr Černý"},
        {
          id: "t5",          name: "Lucie Horáková",          role: "Vedoucí projektu",          company: "Digital Horizons",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-woman-office-with-tablet_23-2148356245.jpg",          imageAlt: "Lucie Horáková"},
      ]}
      kpiItems={[
        {
          value: "98%",          label: "Spokojenost klientů"},
        {
          value: "9/10",          label: "Doporučující skóre"},
        {
          value: "100%",          label: "Dokončení projektů"},
      ]}
      title="Co říkají naši klienti"
      description="Poslechněte si přímo od firem, kterým jsme pomohli k úspěchu a růstu."
    />
  </div>

  <div id="clients" data-section="clients">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Global Innovators",        "Enterprise Corp",        "Visionary Solutions",        "Dynamic Ventures",        "Peak Performance Group",        "Synergy Tech",        "Apex Consult"]}
      title="Důvěřují nám lídři průmyslu"
      description="Jsme hrdí na partnerství s širokou škálou společností, kterým pomáháme dosahovat jejich strategických cílů."
    />
  </div>

  <div id="faqs" data-section="faqs">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",          title: "Jakým odvětvím sloužíte?",          content: "Sloužíme široké škále odvětví, včetně technologií, logistiky, financí a kreativních služeb."},
        {
          id: "faq2",          title: "Jak zajišťujete úspěch projektu?",          content: "Náš přístup kombinuje detailní plánování, agilní metodologie, neustálou komunikaci a zaměření na měřitelné výsledky pro zajištění úspěchu."},
        {
          id: "faq3",          title: "Můžete přizpůsobit služby našim potřebám?",          content: "Samozřejmě. Jsme hrdí na to, že vytváříme řešení na míru, přizpůsobená konkrétním výzvám a cílům každého klienta."},
      ]}
      title="Často kladené otázky"
      description="Najděte odpovědi na běžné otázky týkající se našich služeb a přístupu."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Kontaktujte nás"
      description="Jste připraveni projednat váš další projekt? Kontaktujte nás ještě dnes pro konzultaci."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Vaše jméno",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Váš e-mail",          required: true,
        },
        {
          name: "company",          type: "text",          placeholder: "Vaše společnost"},
      ]}
      textarea={{
        name: "message",        placeholder: "Vaše zpráva",        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/businessman-engages-critical-conversation-with-financial-broker_482257-131574.jpg"
      imageAlt="Obrázek pozadí kontaktního formuláře"
      mediaPosition="left"
      buttonText="Odeslat zprávu"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139294.jpg"
      imageAlt="Obrázek pozadí zápatí"
      logoText="IPR spol. s r.o."
      columns={[
        {
          title: "Společnost",          items: [
            {
              label: "O nás",              href: "#about"},
            {
              label: "Služby",              href: "#services"},
            {
              label: "Kontakt",              href: "#contact"},
          ],
        },
        {
          title: "Zdroje",          items: [
            {
              label: "FAQ",              href: "#faqs"},
            {
              label: "Zásady ochrany osobních údajů",              href: "#"},
          ],
        },
        {
          title: "Spojte se s námi",          items: [
            {
              label: "LinkedIn",              href: "#"},
            {
              label: "Twitter",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 IPR spol. s r.o. Všechna práva vyhrazena."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}