1d772104-b913-4bb6-9fd2-e6dfd186dc36/src/app/cenik/page.tsx

"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import SplitAbout from "@/components/sections/about/SplitAbout";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import Link from "next/link";
import { CheckCircle, Phone, MessageSquare, MapPin } from "lucide-react";

export default function PricingPage() {
  const navItems = [
    { name: "Domů", id: "/" },
    { name: "Služby", id: "services" },
    { name: "Ceník", id: "pricing" },
    { name: "Reference", id: "testimonials" },
    { name: "Kontakt", id: "contact" },
  ];

  const footerColumns = [
    {
      title: "Služby",
      items: [
        { label: "Odhad pro hypotéku", href: "/" },
        { label: "Odhad pro prodej", href: "/" },
        { label: "Odhad pro dědictví", href: "/" },
        { label: "Odhad pro firmy", href: "/" },
      ],
    },
    {
      title: "Společnost",
      items: [
        { label: "O mně", href: "/o-mne" },
        { label: "Reference", href: "#testimonials" },
        { label: "Ceník", href: "/cenik" },
        { label: "Blog", href: "#" },
      ],
    },
    {
      title: "Kontakt",
      items: [
        { label: "Telefonicky", href: "tel:+420XXXXXXXXX" },
        { label: "Email", href: "mailto:info@odhady-nozicka.cz" },
        { label: "Mapa", href: "#" },
        { label: "Poptávka", href: "/cenik" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="inset"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="Odhady Nožička"
          bottomLeftText="Slaný a okolí"
          bottomRightText="+420 XXX XXX XXX"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <MetricCardTwo
          title="Ceník Odhadu"
          description="Transparentní ceny za profesionální znalecké posudky"
          tag="Naše ceny"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          metrics={[
            {
              id: "1",
              value: "3 500 Kč",
              description: "Odhad pro hypotéku"
            },
            {
              id: "2",
              value: "4 200 Kč",
              description: "Odhad pro prodej"
            },
            {
              id: "3",
              value: "4 500 Kč",
              description: "Odhad pro dědictví"
            },
            {
              id: "4",
              value: "Na vyžádání",
              description: "Odhad pro firmy"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="pricing-details" data-section="pricing-details">
        <SplitAbout
          title="Co je součástí odhadu"
          description="Kompletní znalecký posudek obsahuje vše, co potřebujete"
          tag="Detaily služby"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          bulletPoints={[
            {
              title: "Detailní prohlídka",
              description: "Měření, fotodokumentace a analýza nemovitosti",
              icon: Phone
            },
            {
              title: "Právní analýza",
              description: "Ověření vlastnictví, zapsaných břemen a rizik",
              icon: CheckCircle
            },
            {
              title: "Tržní výzkum",
              description: "Porovnání podobných nemovitostí v regionu",
              icon: MapPin
            },
            {
              title: "Znalecký posudek",
              description: "Formální dokument uznávaný institucemi a soudy",
              icon: CheckCircle
            }
          ]}
          buttons={[
            {
              text: "Objednat odhad",
              href: "/cenik"
            }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-vector/business-social-network-chart_23-2147498911.jpg"
          imageAlt="Pracovní postup odhadu"
          mediaAnimation="blur-reveal"
          textboxLayout="default"
          imagePosition="right"
          useInvertedBackground={false}
        />
      </div>

      <div id="cta" data-section="cta">
        <ContactCTA
          tag="Nezávazná poptávka"
          tagIcon={MessageSquare}
          tagAnimation="slide-up"
          title="Chcete znát cenu pro vaši nemovitost?"
          description="Kontaktujte nás ještě dnes. Zašleme vám individuální nabídku na základě vaší situace. Odpovíme do 24 hodin."
          buttons={[
            {
              text: "Zavolat",
              href: "tel:+420XXXXXXXXX"
            },
            {
              text: "Poslat poptávku",
              href: "/cenik"
            }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162820.jpg"
          imageAlt="Pozadí patičky"
          columns={footerColumns}
          logoText="Ing. Nožička | Odhady"
          copyrightText="© 2025 Ing. Ondřej Nožička | Všechna práva vyhrazena"
        />
      </div>
    </ThemeProvider>
  );
}