From e96fabd3c6cce344a0e46b69023efd78d7120a6b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 10 Mar 2026 19:59:00 +0000
Subject: [PATCH] Update src/app/sluzby/page.tsx

---
 src/app/sluzby/page.tsx | 212 ++++++++++++++++++++++++++--------------
 1 file changed, 141 insertions(+), 71 deletions(-)

diff --git a/src/app/sluzby/page.tsx b/src/app/sluzby/page.tsx
index 4929d5d..e710757 100644
--- a/src/app/sluzby/page.tsx
+++ b/src/app/sluzby/page.tsx
@@ -2,12 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
+import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
 import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
 import SplitAbout from "@/components/sections/about/SplitAbout";
+import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
+import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
 import Link from "next/link";
-import { Briefcase, Phone, FileText, MessageSquare } from "lucide-react";
+import { CheckCircle, Award, Briefcase, Phone, Home, FileText, Star, MapPin, MessageSquare } from "lucide-react";
 
 export default function ServicesPage() {
   const navItems = [
@@ -18,36 +22,6 @@ export default function ServicesPage() {
     { name: "Kontakt", id: "contact" },
   ];
 
-  const footerColumns = [
-    {
-      title: "Služby",
-      items: [
-        { label: "Odhad pro hypotéku", href: "#services" },
-        { label: "Odhad pro prodej", href: "#services" },
-        { label: "Odhad pro dědictví", href: "#services" },
-        { label: "Odhad pro firmy", href: "#services" },
-      ],
-    },
-    {
-      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: "/kontakt" },
-      ],
-    },
-  ];
-
   return (
     <ThemeProvider
       defaultButtonVariant="text-shift"
@@ -70,6 +44,51 @@ export default function ServicesPage() {
         />
       </div>
 
+      <div id="hero" data-section="hero">
+        <HeroSplitKpi
+          title="Odhady nemovitostí ve Slaném a okolí"
+          description="Rychlé a profesionální znalecké posudky pro banky, prodej, dědictví i právní řízení. Certifikovaný odhadce s 15+ lety zkušeností."
+          background={{ variant: "aurora" }}
+          kpis={[
+            { value: "100+", label: "Úspěšných odhad" },
+            { value: "4.9★", label: "Průměr Google" },
+            { value: "5 dní", label: "Typická doba" },
+          ]}
+          enableKpiAnimation={true}
+          tag="Certifikovaný znalec"
+          tagIcon={CheckCircle}
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "Zavolat", href: "tel:+420XXXXXXXXX" },
+            { text: "Nezávazná poptávka", href: "#contact" },
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="http://img.b2bpic.net/free-photo/medium-shot-women-working-together_23-2149145157.jpg"
+          imageAlt="profesionální znalec odhady nemovitostí"
+          mediaAnimation="blur-reveal"
+          imagePosition="right"
+        />
+      </div>
+
+      <div id="metrics" data-section="metrics">
+        <MetricCardTwo
+          title="Důvěryhodnost v číslech"
+          description="Ověřené výsledky a profesionální služby"
+          tag="Vaše důvěra"
+          tagIcon={Award}
+          tagAnimation="slide-up"
+          metrics={[
+            { id: "1", value: "100+", description: "Odhad za rok" },
+            { id: "2", value: "4.9★", description: "Průměr hodnocení" },
+            { id: "3", value: "24h", description: "Typicky do 24h" },
+          ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+        />
+      </div>
+
       <div id="services" data-section="services">
         <FeatureCardThree
           title="Naše služby"
@@ -79,33 +98,13 @@ export default function ServicesPage() {
           tagAnimation="slide-up"
           features={[
             {
-              id: "01",
-              title: "Odhad pro hypotéku",
-              description: "Rychlý znalecký posudek pro banky a hypoteční instituce. Splňuje všechny požadavky finančních institucí. Standardní doba realizace 3–5 pracovních dní.",
-              imageSrc: "http://img.b2bpic.net/free-photo/couple-managing-budget-together-kitchen_273609-4869.jpg?_wi=2",
-              imageAlt: "Domácí půjčka hypotéka finance",
-            },
+              id: "01",              title: "Odhad pro hypotéku",              description: "Rychlý znalecký posudek pro banky a hypoteční instituce. Splňuje všechny požadavky finančních institucí.",              imageSrc: "http://img.b2bpic.net/free-photo/couple-managing-budget-together-kitchen_273609-4869.jpg",              imageAlt: "domácí půjčka hypotéka finance"},
             {
-              id: "02",
-              title: "Odhad pro prodej",
-              description: "Stanovení tržní ceny vaší nemovitosti. Důležité pro správné ocenění při prodeji. Podrobná analýza trhu v lokalitě, srovnání s podobnými nemovitostmi.",
-              imageSrc: "http://img.b2bpic.net/free-photo/couple-moving-new-house_23-2149383569.jpg?_wi=2",
-              imageAlt: "Prodej domu realitní agent",
-            },
+              id: "02",              title: "Odhad pro prodej",              description: "Stanovení tržní ceny vaší nemovitosti. Důležité pro správné ocenění při prodeji.",              imageSrc: "http://img.b2bpic.net/free-photo/couple-moving-new-house_23-2149383569.jpg",              imageAlt: "prodej domu realitní agent"},
             {
-              id: "03",
-              title: "Odhad pro dědictví",
-              description: "Notářský odhad pro dědické řízení a dělbu majetku. Nezbytný pro právní procesy. Certifikovaný znalecký posudek dle právních předpisů ČR.",
-              imageSrc: "http://img.b2bpic.net/free-photo/top-view-small-gifts-xmas-tree-toys-fir-tree-branches-notebook-pencil-female-hand-wooden-background_140725-110980.jpg?_wi=2",
-              imageAlt: "Právní dokumenty dědictví rodina",
-            },
+              id: "03",              title: "Odhad pro dědictví",              description: "Notářský odhad pro dědické řízení a dělbu majetku. Nezbytný pro právní procesy.",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-small-gifts-xmas-tree-toys-fir-tree-branches-notebook-pencil-female-hand-wooden-background_140725-110980.jpg",              imageAlt: "právní dokumenty dědictví rodina"},
             {
-              id: "04",
-              title: "Odhad pro firmy",
-              description: "Oceňování podnikového majetku a nemovitostí pro účetnictví a účely ocenění. Vhodné pro bilancování majetku, slučování firem a účetní účely.",
-              imageSrc: "http://img.b2bpic.net/free-photo/picture-modern-skyscrapers-with-blue-windows-parking-area-blue-sky_181624-7105.jpg?_wi=2",
-              imageAlt: "Obchodní nemovitost kancelář budova",
-            },
+              id: "04",              title: "Odhad pro firmy",              description: "Oceňování podnikového majetku a nemovitostí pro účetnictví a účely ocenění.",              imageSrc: "http://img.b2bpic.net/free-photo/picture-modern-skyscrapers-with-blue-windows-parking-area-blue-sky_181624-7105.jpg",              imageAlt: "obchodní nemovitost kancelář budova"},
           ]}
           gridVariant="two-columns-alternating-heights"
           carouselMode="buttons"
@@ -120,31 +119,28 @@ export default function ServicesPage() {
       <div id="process" data-section="process">
         <SplitAbout
           title="Jak probíhá spolupráce"
-          description="Jednoduchý a transparentní proces od prvního kontaktu až k předání finálního odhadu. Vše probíhá s maximální profesionalitou a péčí o vaše zájmy."
+          description="Jednoduchý a transparentní proces od prvního kontaktu až k předání finálního odhadu"
           tag="Náš proces"
-          tagIcon={FileText}
+          tagIcon={CheckCircle}
           tagAnimation="slide-up"
           bulletPoints={[
             {
-              title: "1. Kontakt",
-              description: "Voláte nebo posíláte poptávku. Domluvíme si čas prohlídky do 24 hodin. Odpověď garantována v pracovní dobu.",
-              icon: Phone,
+              title: "1. Kontakt",              description: "Voláte nebo posíláte poptávku. Domluvíme si čas prohlídky do 24 hodin.",              icon: Phone,
             },
             {
-              title: "2. Prohlídka",
-              description: "Přijdu ke vám a detailně provedu prohlídku nemovitosti s měřením a fotodokumentací. Všechny relevantní údaje si zaznamenám.",
-              icon: Briefcase,
+              title: "2. Prohlídka",              description: "Přijdu ke vám a detailně provedu prohlídku nemovitosti s měřením a fotodokumentací.",              icon: Home,
             },
             {
-              title: "3. Zpracování",
-              description: "Vypracuji odhad dle právních norem. Běžně trvá 3–5 pracovních dní. Vše v souladu s platnými předpisy.",
-              icon: FileText,
+              title: "3. Zpracování",              description: "Vypracuji odhad dle právních norem. Běžně trvá 3–5 pracovních dní.",              icon: FileText,
+            },
+            {
+              title: "4. Předání",              description: "Poskytuji vám finální znalecký posudek v písemné formě. Vždy dostupný pro konzultaci.",              icon: CheckCircle,
             },
           ]}
           buttons={[{ text: "Domluvit se", href: "#contact" }]}
           buttonAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-vector/business-social-network-chart_23-2147498911.jpg?_wi=2"
-          imageAlt: "Pracovní postup odhadu"
+          imageSrc="http://img.b2bpic.net/free-vector/business-social-network-chart_23-2147498911.jpg"
+          imageAlt="pracovní postup čtyři kroky diagram"
           mediaAnimation="blur-reveal"
           textboxLayout="default"
           imagePosition="right"
@@ -152,6 +148,55 @@ export default function ServicesPage() {
         />
       </div>
 
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardThirteen
+          title="Co říkají naši klienti"
+          description="Skutečné zkušenosti od spokojených zákazníků"
+          tag="Reference"
+          tagIcon={Star}
+          tagAnimation="slide-up"
+          testimonials={[
+            {
+              id: "1",              name: "Marie Svobodová",              handle: "Prodej domu",              testimonial: "Velmi profesionální a rychlý odhad. Pán Nožička se choval příjemně a objektivně. Vřele doporučuji!",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/side-view-smile-bride-chair_23-2149860772.jpg",              imageAlt: "žena portrét usměvavá profesionální"},
+            {
+              id: "2",              name: "Petr Novotný",              handle: "Hypotéka",              testimonial: "Moje banka požadovala odhad do týdne. Všechno zvládnuto bez problémů. Děkuji!",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/front-view-elegant-groom-posing_23-2150327171.jpg",              imageAlt: "muž portrét usměvavý profesionální"},
+            {
+              id: "3",              name: "Jana Klímová",              handle: "Dědictví",              testimonial: "Řešili jsme dělbu nemovitosti v rodině. Ng Nožička byl velmi empatický a profesionální.",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/young-redhead-woman-looking-away_23-2148321270.jpg",              imageAlt: "žena blondýnka portrét usměvavá"},
+            {
+              id: "4",              name: "Pavel Horák",              handle: "Podnikatel",              testimonial: "Oceňoval jsem firmou vlastněný majetek. Detailní, podrobný a korektní odhad. Děkuji za spolupráci.",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-businessman-taking-selfie_23-2147562062.jpg",              imageAlt: "starší muž portrét usměvavý"},
+            {
+              id: "5",              name: "Tereza Čermáková",              handle: "Pronájem",              testimonial: "Pomohl mi s oceněním nemovitosti pro pronájem. Věděl jsem přesně, jakou cenu požadovat.",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/happy-pretty-young-woman-touching-chin_1262-5158.jpg",              imageAlt: "mladá žena bruneta portrét"},
+            {
+              id: "6",              name: "Viktor Šimek",              handle: "Soud",              testimonial: "Odhad použit v soudním řízení. Vždy dostupný pro upřesnění a diskusi.",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-serious-business-man-suit-looking-work-laptop-white-background_1258-103931.jpg",              imageAlt: "muž v obleku portrét formální"},
+          ]}
+          showRating={true}
+          animationType="scale-rotate"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="localcoverage" data-section="localcoverage">
+        <SocialProofOne
+          title="Pokrytí regionu"
+          description="Poskytuji své služby zejména v severočeské oblasti se zaměřením na Kladno, Rakovník a okolí Prahy-Západ"
+          tag="Lokální expertise"
+          tagIcon={MapPin}
+          tagAnimation="slide-up"
+          names={["Slaný", "Kladno", "Rakovník", "Praha-západ", "Roztoky", "Hostivice", "Stochov", "Mšeno"]}
+          speed={40}
+          showCard={true}
+          textboxLayout="default"
+          useInvertedBackground={true}
+        />
+      </div>
+
       <div id="contact" data-section="contact">
         <ContactCTA
           tag="Nezávazná poptávka"
@@ -171,9 +216,34 @@ export default function ServicesPage() {
 
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162820.jpg?_wi=2"
-          imageAlt="Pozadí patičky"
-          columns={footerColumns}
+          imageSrc="http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162820.jpg"
+          imageAlt="moderní architektura dům stavba"
+          columns={[
+            {
+              title: "Služby",              items: [
+                { label: "Odhad pro hypotéku", href: "#services" },
+                { label: "Odhad pro prodej", href: "#services" },
+                { label: "Odhad pro dědictví", href: "#services" },
+                { label: "Odhad pro firmy", href: "#services" },
+              ],
+            },
+            {
+              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: "/kontakt" },
+              ],
+            },
+          ]}
           logoText="Ing. Nožička | Odhady"
           copyrightText="© 2025 Ing. Ondřej Nožička | Všechna práva vyhrazena"
         />
-- 
2.49.1