Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
@@ -10,7 +10,9 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import SplitAbout from '@/components/sections/about/SplitAbout';
-import { Building, Clock, Cog, Home, Lightbulb, Paintbrush, Ruler, ShieldCheck, Truck, Zap, Hammer, ClipboardCheck } from "lucide-react";
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
+import { Building, Clock, Cog, Home, Lightbulb, Paintbrush, Ruler, ShieldCheck, Truck, Zap, Hammer, ClipboardCheck, Award, Map, Trophy, Gem, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -21,7 +23,7 @@ export default function LandingPage() {
         contentWidth="smallMedium"
         sizing="medium"
         background="floatingGradient"
-        cardStyle="gradient-bordered"
+        cardStyle="glass-depth"
         primaryButtonStyle="primary-glow"
         secondaryButtonStyle="radial-glow"
         headingFontWeight="extrabold"
@@ -37,7 +39,11 @@ export default function LandingPage() {
         {
           name: "Projekty",          id: "#projects"},
         {
-          name: "O nás",          id: "#about"},
+          name: "Mapa Projektů",          id: "#project-map"},
+        {
+          name: "Certifikace",          id: "#certifications"},
+        {
+          name: "O nás",          id: "#scroll-story"},
         {
           name: "Kontakt",          id: "#contact"},
       ]}
@@ -70,6 +76,7 @@ export default function LandingPage() {
         {
           text: "Nezávazná poptávka",          href: "#contact"},
       ]}
+      buttonAnimation="slide-up"
       marqueeItems={[
         {
           type: "text-icon",          text: "Kvalitní Materiály",          icon: Building
@@ -95,6 +102,7 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Naše Zkušenosti a Dosažené Výsledky"
       tag="Důvěra & Kvalita"
+      tagAnimation="blur-reveal"
       metrics={[
         {
           id: "years",          value: "25+",          description: "let zkušeností"},
@@ -164,6 +172,7 @@ export default function LandingPage() {
       ]}
       title="Komplexní Služby pro Váš Projekt"
       description="Nabízíme širokou škálu stavebních služeb, od základů až po finální úpravy, s důrazem na kvalitu a spolehlivost."
+      buttonAnimation="slide-up"
     />
   </div>
 
@@ -216,11 +225,69 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="project-map" data-section="project-map">
+    <ProductCardTwo
+      animationType="scale-rotate"
+      textboxLayout="default"
+      gridVariant="bento-grid"
+      useInvertedBackground={true}
+      title="Naše Projekty na Interaktivní Mapě"
+      description="Prozkoumejte klíčové projekty, které jsme realizovali, s interaktivními detaily a příběhy."
+      tag="Mapa Projektů"
+      tagIcon={Map}
+      tagAnimation="blur-reveal"
+      products={[
+        {
+          id: "map-proj-1",          brand: "Luxusní Rezidence",          name: "Vila U Zámeckého Parku",          price: "Cena na vyžádání",          rating: 5,          reviewCount: "15 recenzí",          imageSrc: "http://img.b2bpic.net/free-photo/modern-office-building-glass-facade_23-2149301072.jpg",          imageAlt: "Vila U Zámeckého Parku"},
+        {
+          id: "map-proj-2",          brand: "Komerční Stavba",          name: "Administrativní Budova Centrum",          price: "Cena na vyžádání",          rating: 4.8,          reviewCount: "10 recenzí",          imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-business-building-against-sunlight-cloudy-sky_23-2148769188.jpg",          imageAlt: "Administrativní Budova Centrum"},
+        {
+          id: "map-proj-3",          brand: "Rekonstrukce",          name: "Historický Dům na Náměstí",          price: "Cena na vyžádání",          rating: 4.9,          reviewCount: "12 recenzí",          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-living-room-interior-design-with-elegant-furniture_23-2151030062.jpg",          imageAlt: "Historický Dům na Náměstí"},
+        {
+          id: "map-proj-4",          brand: "Nízkoenergetická Stavba",          name: "Rodinný Dům Solares",          price: "Cena na vyžádání",          rating: 5,          reviewCount: "18 recenzí",          imageSrc: "http://img.b2bpic.net/free-photo/modern-apartment-with-panoramic-view_23-2149302636.jpg",          imageAlt: "Rodinný Dům Solares"}
+      ]}
+    />
+  </div>
+
+  <div id="certifications" data-section="certifications">
+    <PricingCardOne
+      animationType="depth-3d"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      title="Naše Certifikace a Ocenění"
+      description="Jsme hrdí na naše profesionální certifikace, které zaručují kvalitu a dodržování nejvyšších stavebních standardů."
+      tag="Kvalita & Důvěryhodnost"
+      tagIcon={Award}
+      tagAnimation="blur-reveal"
+      plans={[
+        {
+          id: "cert-1",          badge: "ISO 9001",          badgeIcon: ShieldCheck,
+          price: "",          subtitle: "Systém managementu kvality",          features: [
+            "Mezinárodně uznávaný standard",            "Zajišťuje konzistentní kvalitu služeb",            "Zaměření na spokojenost zákazníka"
+          ]
+        },
+        {
+          id: "cert-2",          badge: "Energetická Třída A",          badgeIcon: Zap,
+          price: "",          subtitle: "Certifikace nízkoenergetických staveb",          features: [
+            "Vysoká energetická účinnost",            "Snížené provozní náklady",            "Ekologický přístup"
+          ]
+        },
+        {
+          id: "cert-3",          badge: "Gold Partner",          badgeIcon: Trophy,
+          price: "",          subtitle: "Ocenění od dodavatelů materiálů",          features: [
+            "Exkluzivní přístup k inovativním materiálům",            "Školení a certifikace pro nové technologie",            "Prioritní podpora od dodavatelů"
+          ]
+        }
+      ]}
+    />
+  </div>
+
   <div id="why-us" data-section="why-us">
       <MetricCardFourteen
       useInvertedBackground={true}
       title="Proč STAVO-SERVIS?"
       tag="Váš partner pro stavbu"
+      tagAnimation="blur-reveal"
       metrics={[
         {
           id: "exp",          value: "25+",          description: "Let zkušeností v oboru"},
@@ -232,16 +299,24 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplitForm
       useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
-      tag="Kontaktujte Nás"
+      videoSrc="https://videos.pexels.com/video-files/3831737/3831737-uhd_2560_1440_30fps.mp4"
+      mediaAnimation="slide-up"
+      mediaPosition="right"
       title="Získejte Nezávaznou Nabídku"
       description="Rádi probereme vaše stavební plány a připravíme vám nabídku na míru. Vyplňte formulář a ozveme se vám."
-      inputPlaceholder="Vaše jméno, telefon a zpráva..."
-      buttonText="Chci nezávaznou nabídku"
-      termsText="Odesláním formuláře souhlasíte s našimi obchodními podmínkami."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Vaše jméno", required: true },
+        { name: "email", type: "email", placeholder: "Váš e-mail", required: true },
+        { name: "phone", type: "tel", placeholder: "Váš telefon", required: false }
+      ]}
+      textarea={{
+        name: "message",        placeholder: "Vaše zpráva...",        rows: 4,
+        required: true
+      }}
+      buttonText="Odeslat poptávku"
+      onSubmit={(data) => console.log("Form submitted:", data)}
     />
   </div>