Update src/app/page.tsx

src/app/page.tsx

@@ -8,7 +8,8 @@ import TextAbout from '@/components/sections/about/TextAbout';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import { CheckCircle, Wrench, Building2, Award } from "lucide-react";
+import CardStack from '@/components/cardStack/CardStack';
+import { CheckCircle, Wrench, Building2, Award, FileText, Shield, Zap, Award as AwardIcon } from "lucide-react";
 
 const handleContactSubmit = (data: Record<string, string>) => {
   console.log("Form submitted:", data);
@@ -33,7 +34,7 @@ export default function LandingPage() {
           navItems={[
             { name: "Strona główna", id: "home" },
             { name: "Usługi", id: "services" },
-            { name: "Serwis", id: "services" },
+            { name: "Certyfikaty", id: "certificates" },
             { name: "O firmie", id: "about" },
             { name: "Kontakt", id: "contact" },
           ]}
@@ -76,22 +77,26 @@ export default function LandingPage() {
           features={[
             {
               id: "renewable",              label: "Źródła Odnawialne",              title: "Kolektory słoneczne i systemy solarne",              items: [
-                "Montaż kolektorów słonecznych",                "Instalacja zasobników solarnych",                "Dobór systemu solarnego",                "Oszczędności do 60% na ciepłej wodzie",                "Gwarancja producenta na wszystkie urządzenia"],
+                "Montaż kolektorów słonecznych",                "Instalacja zasobników solarnych",                "Dobór systemu solarnego",                "Oszczędności do 60% na ciepłej wodzie",                "Gwarancja producenta na wszystkie urządzenia"
+              ],
               buttons: [{ text: "Szczegóły", href: "#" }],
             },
             {
               id: "gas",              label: "Gazowe",              title: "Profesjonalne instalacje gazowe",              items: [
-                "Montaż kotłów gazowych",                "Instalacje gazowe z certyfikatem",                "Montaż przepływowych podgrzewaczy",                "Kontrola szczelności instalacji",                "Przeglądy techniczne i certyfikacja"],
+                "Montaż kotłów gazowych",                "Instalacje gazowe z certyfikatem",                "Montaż przepływowych podgrzewaczy",                "Kontrola szczelności instalacji",                "Przeglądy techniczne i certyfikacja"
+              ],
               buttons: [{ text: "Szczegóły", href: "#" }],
             },
             {
               id: "heating",              label: "Grzewcze",              title: "Nowoczesne systemy ogrzewania",              items: [
-                "Montaż kotłów centralnego ogrzewania",                "Grzejniki i grzanie podłogowe",                "Instalacja pomp ciepła",                "Budowa i modernizacja kotłowni",                "Naprawa i konserwacja instalacji"],
+                "Montaż kotłów centralnego ogrzewania",                "Grzejniki i grzanie podłogowe",                "Instalacja pomp ciepła",                "Budowa i modernizacja kotłowni",                "Naprawa i konserwacja instalacji"
+              ],
               buttons: [{ text: "Szczegóły", href: "#" }],
             },
             {
               id: "water",              label: "Wodno-Kanalizacyjne",              title: "Pełne systemy wodne",              items: [
-                "Nowe instalacje wodne i kanalizacyjne",                "Montaż wodomierzy i zasobników",                "Naprawa i modernizacja systemów",                "Kanalizacja podposadzkowa",                "Przydomowe oczyszczalnie ścieków"],
+                "Nowe instalacje wodne i kanalizacyjne",                "Montaż wodomierzy i zasobników",                "Naprawa i modernizacja systemów",                "Kanalizacja podposadzkowa",                "Przydomowe oczyszczalnie ścieków"
+              ],
               buttons: [{ text: "Szczegóły", href: "#" }],
             },
           ]}
@@ -106,6 +111,84 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="certificates" data-section="certificates">
+        <CardStack
+          title="Certyfikaty i Upoważnienia"
+          description="Pełna dokumentacja i certyfikacje potwierdzające naszą kompetencję oraz autoryzacje producentów"
+          tag="Kwalifikacje"
+          tagIcon={FileText}
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "Pobierz katalog", href: "#" },
+            { text: "Więcej informacji", href: "#about" }
+          ]}
+          buttonAnimation="slide-up"
+          textboxLayout="default"
+          animationType="slide-up"
+          gridVariant="uniform-all-items-equal"
+        >
+          <div className="p-6 rounded-lg bg-gradient-to-br from-primary-cta/10 to-accent/10 border border-primary-cta/20 flex flex-col gap-4">
+            <div className="flex items-start gap-3">
+              <Shield className="w-6 h-6 text-primary-cta flex-shrink-0 mt-1" />
+              <div>
+                <h3 className="font-semibold text-foreground mb-1">Certyfikacja Bosch Termotechnika</h3>
+                <p className="text-sm text-foreground/70">Autoryzowany partner montażu i serwisu urządzeń grzewczych Bosch. Serwis gwarancyjny i pogwarancyjny.</p>
+              </div>
+            </div>
+          </div>
+
+          <div className="p-6 rounded-lg bg-gradient-to-br from-primary-cta/10 to-accent/10 border border-primary-cta/20 flex flex-col gap-4">
+            <div className="flex items-start gap-3">
+              <FileText className="w-6 h-6 text-primary-cta flex-shrink-0 mt-1" />
+              <div>
+                <h3 className="font-semibold text-foreground mb-1">Certyfikat Instalatora Gazowego</h3>
+                <p className="text-sm text-foreground/70">Uprawnienia do projektowania, montażu i przeglądów instalacji gazowych zgodnie z obowiązującymi normami PN-EN.</p>
+              </div>
+            </div>
+          </div>
+
+          <div className="p-6 rounded-lg bg-gradient-to-br from-primary-cta/10 to-accent/10 border border-primary-cta/20 flex flex-col gap-4">
+            <div className="flex items-start gap-3">
+              <Zap className="w-6 h-6 text-primary-cta flex-shrink-0 mt-1" />
+              <div>
+                <h3 className="font-semibold text-foreground mb-1">Instalacje OZE - Energia Odnawialna</h3>
+                <p className="text-sm text-foreground/70">Szkolenia i certyfikacje w zakresie montażu systemów solarnych i pomp ciepła. Doświadczenie w projektach współfinansowanych.</p>
+              </div>
+            </div>
+          </div>
+
+          <div className="p-6 rounded-lg bg-gradient-to-br from-primary-cta/10 to-accent/10 border border-primary-cta/20 flex flex-col gap-4">
+            <div className="flex items-start gap-3">
+              <AwardIcon className="w-6 h-6 text-primary-cta flex-shrink-0 mt-1" />
+              <div>
+                <h3 className="font-semibold text-foreground mb-1">Upoważnienia Producentów</h3>
+                <p className="text-sm text-foreground/70">Autoryzacje od wiodących producentów: Vaillant, Baxi, Ferroli, Immergas. Dostęp do części zamiennych i serwisu technicznego.</p>
+              </div>
+            </div>
+          </div>
+
+          <div className="p-6 rounded-lg bg-gradient-to-br from-primary-cta/10 to-accent/10 border border-primary-cta/20 flex flex-col gap-4">
+            <div className="flex items-start gap-3">
+              <Shield className="w-6 h-6 text-primary-cta flex-shrink-0 mt-1" />
+              <div>
+                <h3 className="font-semibold text-foreground mb-1">Ubezpieczenie Odpowiedzialności Cywilnej</h3>
+                <p className="text-sm text-foreground/70">Pełne ubezpieczenie wykonywanych prac i odpowiedzialności cywilnej. Ochrona interesów naszych klientów.</p>
+              </div>
+            </div>
+          </div>
+
+          <div className="p-6 rounded-lg bg-gradient-to-br from-primary-cta/10 to-accent/10 border border-primary-cta/20 flex flex-col gap-4">
+            <div className="flex items-start gap-3">
+              <FileText className="w-6 h-6 text-primary-cta flex-shrink-0 mt-1" />
+              <div>
+                <h3 className="font-semibold text-foreground mb-1">Dokumentacja i Certyfikaty</h3>
+                <p className="text-sm text-foreground/70">Każdy projekt poprzedzony szczegółową dokumentacją i protokołami. Certyfikaty gwarancji, przeglądy i testy szczelności.</p>
+              </div>
+            </div>
+          </div>
+        </CardStack>
+      </div>
+
       <div id="about" data-section="about">
         <TextAbout
           tag="O PIO-HYDROP"
@@ -164,9 +247,9 @@ export default function LandingPage() {
             {
               items: [
                 { label: "Usługi", href: "#services" },
+                { label: "Certyfikaty", href: "#certificates" },
                 { label: "O firmie", href: "#about" },
                 { label: "Kontakt", href: "#contact" },
-                { label: "Zadzwoń", href: "tel:788595600" },
               ],
             },
             {