"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterCard from "@/components/sections/footer/FooterCard";
import Link from "next/link";
import { Sparkles, CheckCircle, ArrowRight, Star, Rocket, Linkedin, Twitter, Github } from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "Početna", id: "hero" },
    { name: "O Nama", id: "about" },
    { name: "Usluge", id: "services" },
    { name: "Rješenja", id: "solutions" },
    { name: "Kontakt", id: "contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="mediumLarge"
      background="grid"
      cardStyle="glass-depth"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={navItems}
          button={{ text: "Početak", href: "contact" }}
          brandName="RR-Solutions"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Moderne IT Rješenja za Vaš Biznis"
          description="RR-Solutions pruža inovativne tehnološke usluge za Male i srednje tvrtke u Zagrebu. Povećajte efikasnost vašeg poslovanja sa našim stručnjacima."
          tag="Tehnološka Transformacija"
          tagIcon={Sparkles}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQypvn3TtI6PlQHhc6AAGalGJV/a-modern-it-solutions-workspace-with-tea-1772539358824-40b89061.png"
          imageAlt="Moderni IT servis i rješenja"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={false}
          buttons={[
            { text: "Saznajte Više", href: "/about" },
            { text: "Kontaktirajte Nas", href: "/contact" },
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="O RR-Solutions"
          description={[
            "RR-Solutions je vodeća IT kompanija sa sjedištem u Zagrebu, specijalizirana za pružanje komprehenzivnih tehnoloških rješenja za mala i srednja poduzeća.",
            "Sa više od 10 godina iskustva u industriji, naš tim od iskusnih stručnjaka dedikovan je transformaciji Vašeg poslovanja kroz inovativne IT strategije i rješenja.",
            "Naš fokus je na kvaliteti, pouzdanosti i dugoročnom partnerstvu sa našim klijentima. Vjerujemo da svaki biznis zaslužuje pristup svjetskoj klasi tehnologiji.",
          ]}
          useInvertedBackground={false}
          showBorder={true}
          buttons={[{ text: "Naše Usluge", href: "/services" }]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentySix
          title="Naše Usluge"
          description="Raznolike IT usluge prilagođene potrebama vašeg poslovanja"
          tag="Profesionalne Usluge"
          tagIcon={CheckCircle}
          textboxLayout="default"
          useInvertedBackground={true}
          features={[
            {
              title: "IT Konzultacije",
              description: "Strateške IT preporuke za optimizaciju vašeg poslovanja",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQypvn3TtI6PlQHhc6AAGalGJV/an-it-consultant-meeting-with-a-client-i-1772539359036-650bb863.png?_wi=1",
              imageAlt: "IT konzultacije",
              buttonIcon: ArrowRight,
              buttonHref: "/services",
            },
            {
              title: "Cloud Rješenja",
              description: "Sigurne i skalabilne cloud infrastrukture za sve vrste poslova",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQypvn3TtI6PlQHhc6AAGalGJV/abstract-visualization-of-cloud-computin-1772539358462-31c1f91f.png?_wi=1",
              imageAlt: "Cloud tehnologija",
              buttonIcon: ArrowRight,
              buttonHref: "/services",
            },
            {
              title: "Cyber Sigurnost",
              description: "Napredne mjere zaštite od cyber prijetnji i napada",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQypvn3TtI6PlQHhc6AAGalGJV/cybersecurity-concept-visualization-show-1772539358506-8995e993.png?_wi=1",
              imageAlt: "Cyber sigurnost",
              buttonIcon: ArrowRight,
              buttonHref: "/services",
            },
            {
              title: "Managed IT",
              description: "Stalno održavanje i monitoring vaših IT sistema",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQypvn3TtI6PlQHhc6AAGalGJV/it-management-control-center-with-multip-1772539358854-ea358982.png?_wi=1",
              imageAlt: "Upravljani IT servisi",
              buttonIcon: ArrowRight,
              buttonHref: "/services",
            },
            {
              title: "Razvoj Softvera",
              description: "Prilagođena softverska rješenja za vašu tvrtku",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQypvn3TtI6PlQHhc6AAGalGJV/software-development-workspace-showing-d-1772539359129-a709ba6c.png?_wi=1",
              imageAlt: "Razvoj softvera",
              buttonIcon: ArrowRight,
              buttonHref: "/services",
            },
            {
              title: "IT Podrška",
              description: "24/7 tehnička podrška i brzo rješavanje problema",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQypvn3TtI6PlQHhc6AAGalGJV/it-support-team-providing-technical-assi-1772539358998-c5a6af4b.png?_wi=1",
              imageAlt: "IT podrška",
              buttonIcon: ArrowRight,
              buttonHref: "/services",
            },
          ]}
        />
      </div>

      <div id="solutions" data-section="solutions">
        <ProductCardTwo
          title="Naša Rješenja"
          description="Kompletne IT rješenja za različite industrijalne sektore"
          tag="Industrijska Rješenja"
          tagIcon={Rocket}
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "1",
              brand: "RR-Solutions",
              name: "ERP Sustav",
              price: "Fleksibilno",
              rating: 5,
              reviewCount: "48",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQypvn3TtI6PlQHhc6AAGalGJV/enterprise-resource-planning-erp-system--1772539359496-af2d446a.png",
              imageAlt: "ERP sustav",
            },
            {
              id: "2",
              brand: "RR-Solutions",
              name: "CRM Platforma",
              price: "Fleksibilno",
              rating: 5,
              reviewCount: "52",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQypvn3TtI6PlQHhc6AAGalGJV/customer-relationship-management-crm-pla-1772539359187-7ccaf640.png",
              imageAlt: "CRM platforma",
            },
            {
              id: "3",
              brand: "RR-Solutions",
              name: "Business Intelligence",
              price: "Fleksibilno",
              rating: 5,
              reviewCount: "45",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQypvn3TtI6PlQHhc6AAGalGJV/business-intelligence-analytics-dashboar-1772539358961-82c61e94.png",
              imageAlt: "Business Intelligence alati",
            },
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Što Kažu Naši Klijenti"
          description="Uspješni slučajevi i zadovoljni partneri koji su već iskoristili naše usluge"
          tag="Povratne Informacije"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground={true}
          testimonials={[
            {
              id: "1",
              title: "Transformacija Našeg Poslovanja",
              quote: "RR-Solutions je kompletno transformirao naše IT infrastrukture. Timska komunikacija, stručnost i posvećenost su nadišli sve naše očekivane.",
              name: "Marko Horvat",
              role: "Direktor Operacija, TechCorp Zagreb",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQypvn3TtI6PlQHhc6AAGalGJV/professional-portrait-photograph-of-a-bu-1772539358792-12f6e9bd.png?_wi=1",
              imageAlt: "Marko Horvat",
            },
            {
              id: "2",
              title: "Pouzdana Podrška i Inovacija",
              quote: "Bolji partner ne možete pronaći. Njihova 24/7 podrška i inovativna rješenja omogućila su nam da fokusiramo na rast poslovanja.",
              name: "Ana Miličević",
              role: "CEO, Inovativni Startup",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQypvn3TtI6PlQHhc6AAGalGJV/professional-headshot-of-a-female-ceo-or-1772539357457-ae10937e.png?_wi=1",
              imageAlt: "Ana Miličević",
            },
            {
              id: "3",
              title: "Ekspertiza i Profesionalizam",
              quote: "Tim RR-Solutions pokazuje izvanrednu ekspertizu u svim aspektima IT sigurnosti. Preporuke su praktične i odmah implementirane.",
              name: "Ivan Novak",
              role: "IT Manager, Proizvodni Sektor",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQypvn3TtI6PlQHhc6AAGalGJV/professional-photograph-of-a-male-it-man-1772539358778-49cf6911.png?_wi=1",
              imageAlt: "Ivan Novak",
            },
            {
              id: "4",
              title: "Najbolji ROI na Tržištu",
              quote: "Ulaganja u RR-Solutions rješenja donijela su nam očigledno poboljšanje u produktivnosti i smanjenju operativnih troškova.",
              name: "Petra Kršul",
              role: "CFO, Financijska Institucija",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQypvn3TtI6PlQHhc6AAGalGJV/professional-portrait-of-a-female-financ-1772539358294-944899f6.png",
              imageAlt: "Petra Kršul",
            },
            {
              id: "5",
              title: "Krilatična Podrška za Rast",
              quote: "Bez RR-Solutions ne bismo mogli skalirati naš biznis tako brzo. Njihova fleksibilna rješenja i brz odgovor bili su ključni.",
              name: "Filip Šimun",
              role: "Founder, E-commerce Gigant",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQypvn3TtI6PlQHhc6AAGalGJV/professional-photograph-of-a-young-male--1772539359147-3c647c40.png",
              imageAlt: "Filip Šimun",
            },
            {
              id: "6",
              title: "Transparentnost i Integritet",
              quote: "Cijenim što su uvijek transparentni oko trošaka i mogućnosti. Nema skrivenih naknada, samo poštene poslovne odnose.",
              name: "Ljiljana Topić",
              role: "Owner, Manji Uslužni Sektor",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQypvn3TtI6PlQHhc6AAGalGJV/professional-headshot-of-a-mature-busine-1772539358675-11a39c50.png",
              imageAlt: "Ljiljana Topić",
            },
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Započnite Transformaciju"
          tagIcon={Rocket}
          title="Spreman za IT Promjene?"
          description="Kontaktirajte RR-Solutions danas i saznajte kako možemo pomoći vašem poslovanju da prosperira kroz modernu tehnologiju. Naš tim čeka Vas sa personaliziranim rješenjima."
          buttons={[
            { text: "Pošalji Poruku", href: "/contact" },
            { text: "Zatraži Ponudu", href: "/contact" },
          ]}
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="RR-Solutions"
          copyrightText="© 2025 RR-Solutions. Sve Pravice Zadržane. | Zagreb, Hrvatska"
          socialLinks={[
            { icon: Linkedin, href: "https://linkedin.com/company/rr-solutions", ariaLabel: "LinkedIn" },
            { icon: Twitter, href: "https://twitter.com/rr_solutions", ariaLabel: "Twitter" },
            { icon: Github, href: "https://github.com/rr-solutions", ariaLabel: "GitHub" },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}