Merge version_3 into main #2

Merged
bender merged 1 commits from version_3 into main 2026-03-08 12:18:41 +00:00

View File

@@ -8,8 +8,7 @@ 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 CardStack from '@/components/cardStack/CardStack';
import { CheckCircle, Wrench, Building2, Award, FileText, Shield, Zap, Award as AwardIcon } from "lucide-react";
import { CheckCircle, Wrench, Building2, Award } from "lucide-react";
const handleContactSubmit = (data: Record<string, string>) => {
console.log("Form submitted:", data);
@@ -34,13 +33,13 @@ export default function LandingPage() {
navItems={[
{ name: "Strona główna", id: "home" },
{ name: "Usługi", id: "services" },
{ name: "Certyfikaty", id: "certificates" },
{ name: "Serwis", id: "services" },
{ name: "O firmie", id: "about" },
{ name: "Kontakt", id: "contact" },
]}
brandName="PIO-HYDROP"
bottomLeftText="788 595 600"
bottomRightText="pio-hydrop@tlen.pl"
topBarEmail="pio-hydrop@tlen.pl"
topBarPhone="788 595 600"
topBarClassName="bg-gradient-to-r from-primary-cta to-accent text-white py-2 px-4 flex justify-between items-center text-sm font-semibold"
/>
</div>
@@ -111,84 +110,6 @@ 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"
@@ -247,9 +168,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" },
],
},
{
@@ -281,4 +202,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}