"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
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 { Star, Rocket, Linkedin, Twitter, Github } from "lucide-react";

export default function AboutPage() {
  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="about" data-section="about">
        <TextSplitAbout
          title="Naša Priča"
          description={[
            "RR-Solutions je osnovan 2014. godine sa vizijom da postane vodeća IT kompanija u Zagre iu cijeloj regiji. Naša misija je transformirati male i srednje tvrtke kroz inovativne tehnološke rješenja.",            "Sa više od 50 stručnjaka u timu, svakodnevno radimo na poboljšanju i razvoju rješenja koja zadovoljavaju najstrožije zahtjeve naših klijenta. Naš pristup je personaliziran - ne vjerujemo u 'one-size-fits-all' rješenja.",            "Naš tim se kontinuirano edukuje i sudjeluje u međunarodnim certifikacijama kako bi osigurali da naši klijenti dobivaju najbolje moguće savjete i implementacije. Zadovoljstvo klijenta je naša primarna metrika uspjeha."]}
          useInvertedBackground={false}
          showBorder={true}
          buttons={[{ text: "Saznajte Naše Usluge", href: "/services" }]}
        />
      </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=2",              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=2",              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=2",              imageAlt: "Ivan Novak"},
          ]}
        />
      </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>
  );
}
