Merge version_1 into main #2

Merged
bender merged 4 commits from version_1 into main 2026-03-11 20:49:42 +00:00
4 changed files with 63 additions and 160 deletions

View File

@@ -16,7 +16,7 @@ export default function CertificatesPage() {
borderRadius="pill"
contentWidth="compact"
sizing="mediumSizeLargeTitles"
background="floatingGradient"
background="circleGradient"
cardStyle="outline"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="solid"
@@ -43,10 +43,7 @@ export default function CertificatesPage() {
<TextSplitAbout
title="Nasze certyfikaty i kwalifikacje"
description={[
"Firma PIO-HYDROP posiada wszystkie niezbędne certyfikaty i uprawnienia do wykonywania prac instalacyjnych.",
"Jesteśmy autoryzowanym partnerem Bosch Thermotechnika i utrzymujemy najwyższe standardy jakości w branży.",
"Nasz zespół regularnie przechodzi szkolenia i posiada aktualne certyfikaty bezpieczeństwa i jakości.",
]}
"Firma PIO-HYDROP posiada wszystkie niezbędne certyfikaty i uprawnienia do wykonywania prac instalacyjnych.", "Jesteśmy autoryzowanym partnerem Bosch Thermotechnika i utrzymujemy najwyższe standardy jakości w branży.", "Nasz zespół regularnie przechodzi szkolenia i posiada aktualne certyfikaty bezpieczeństwa i jakości."]}
useInvertedBackground={false}
showBorder={true}
/>
@@ -57,16 +54,11 @@ export default function CertificatesPage() {
<TextSplitAbout
title="Partner Bosch Thermotechnika"
description={[
"Posiadamy status autoryzowanego partnera Bosch Thermotechnika, co gwarantuje dostęp do oryginalnych części zamiennych i najnowszej wiedzy technicznej.",
"Technicy naszej firmy są certyfikowani przez Bosch i przeszli specjalistyczne szkolenia z montażu i serwisu kotłów, grzejników oraz systemów grzewczych.",
"Dzięki tej współpracy możemy oferować najwyższą jakość usług i gwarancje producenta na zainstalowane urządzenia.",
]}
"Posiadamy status autoryzowanego partnera Bosch Thermotechnika, co gwarantuje dostęp do oryginalnych części zamiennych i najnowszej wiedzy technicznej.", "Technicy naszej firmy są certyfikowani przez Bosch i przeszli specjalistyczne szkolenia z montażu i serwisu kotłów, grzejników oraz systemów grzewczych.", "Dzięki tej współpracy możemy oferować najwyższą jakość usług i gwarancje producenta na zainstalowane urządzenia."]}
useInvertedBackground={true}
buttons={[
{
text: "Dowiedz się więcej",
href: "tel:788595600",
},
text: "Dowiedz się więcej", href: "tel:788595600"},
]}
/>
</div>
@@ -76,16 +68,11 @@ export default function CertificatesPage() {
<TextSplitAbout
title="Kwalifikacje i doświadczenie"
description={[
"Nasz zespół posiada wieloletnie doświadczenie w branży instalacyjnej, wykazane poprzez certyfikaty i uprawnienia.",
"Każdy członek zespołu przechodzi regularne szkolenia z bezpieczeństwa, jakości pracy oraz obsługi nowych technologii.",
"Posiadamy certyfikaty do pracy z instalacjami gazowymi, wodno-kanalizacyjnymi, grzewczymi oraz odnawialnych źródłach energii.",
]}
"Nasz zespół posiada wieloletnie doświadczenie w branży instalacyjnej, wykazane poprzez certyfikaty i uprawnienia.", "Każdy członek zespołu przechodzi regularne szkolenia z bezpieczeństwa, jakości pracy oraz obsługi nowych technologii.", "Posiadamy certyfikaty do pracy z instalacjami gazowymi, wodno-kanalizacyjnymi, grzewczymi oraz odnawialnych źródłach energii."]}
useInvertedBackground={false}
buttons={[
{
text: "Skontaktuj się",
href: "mailto:pio-hydrop@tlen.pl",
},
text: "Skontaktuj się", href: "mailto:pio-hydrop@tlen.pl"},
]}
/>
</div>
@@ -97,16 +84,12 @@ export default function CertificatesPage() {
tagIcon={Phone}
title="Chętnie opowiemy o naszych uprawnieniach"
description="Mamy pełną transparentność w kwestii naszych certyfikatów i kwalifikacji. Skontaktuj się z nami, aby uzyskać szczegółowe informacje o doświadczeniu naszego zespołu."
background={{ variant: "floatingGradient" }}
background={{ variant: "sparkles-gradient" }}
buttons={[
{
text: "Zadzwoń: 788 595 600",
href: "tel:788595600",
},
text: "Zadzwoń: 788 595 600", href: "tel:788595600"},
{
text: "Wyślij e-mail",
href: "mailto:pio-hydrop@tlen.pl",
},
text: "Wyślij e-mail", href: "mailto:pio-hydrop@tlen.pl"},
]}
useInvertedBackground={true}
/>
@@ -117,13 +100,9 @@ export default function CertificatesPage() {
<FooterLogoReveal
logoText="PIO-HYDROP"
leftLink={{
text: "Polityka prywatności",
href: "#",
}}
text: "Polityka prywatności", href: "#"}}
rightLink={{
text: "Warunki korzystania",
href: "#",
}}
text: "Warunki korzystania", href: "#"}}
/>
</div>
</ThemeProvider>

View File

@@ -25,7 +25,7 @@ export default function ContactPage() {
borderRadius="pill"
contentWidth="compact"
sizing="mediumSizeLargeTitles"
background="floatingGradient"
background="circleGradient"
cardStyle="outline"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="solid"
@@ -46,34 +46,22 @@ export default function ContactPage() {
description="Jesteśmy dostępni w godzinach pracy, aby odpowiedzieć na wszystkie Twoje pytania dotyczące instalacji grzewczych, gazowych, hydraulicznych i odnawialnych źródeł energii. Umów bezpłatną konsultację techniczną z naszym zespołem ekspertów."
tag="Gotowi do współpracy"
tagIcon={Phone}
background={{ variant: "floatingGradient" }}
background={{ variant: "sparkles-gradient" }}
buttons={[
{
text: "Zadzwoń teraz: 788 595 600",
href: "tel:788595600",
},
text: "Zadzwoń teraz: 788 595 600", href: "tel:788595600"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/adjusting-heating-valves-residential-building_169016-53761.jpg?_wi=4",
imageAlt: "Profesjonalna instalacja systemu grzewczego",
},
imageSrc: "http://img.b2bpic.net/free-photo/adjusting-heating-valves-residential-building_169016-53761.jpg", imageAlt: "Profesjonalna instalacja systemu grzewczego"},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746312.jpg?_wi=3",
imageAlt: "Prace hydrauliczne i montaż rur",
},
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746312.jpg", imageAlt: "Prace hydrauliczne i montaż rur"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29988.jpg?_wi=3",
imageAlt: "Instalacja paneli słonecznych i kolektorów",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29988.jpg", imageAlt: "Instalacja paneli słonecznych i kolektorów"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-checks-electrical-panel-using-tablet-system-control_169016-71246.jpg?_wi=3",
imageAlt: "Montaż instalacji gazowej i kotłów",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-checks-electrical-panel-using-tablet-system-control_169016-71246.jpg", imageAlt: "Montaż instalacji gazowej i kotłów"},
{
imageSrc: "http://img.b2bpic.net/free-photo/landscape-shot-small-rural-waterfall-spring-day_181624-24380.jpg?_wi=3",
imageAlt: "Instalacja systemu wodno-kanalizacyjnego",
},
imageSrc: "http://img.b2bpic.net/free-photo/landscape-shot-small-rural-waterfall-spring-day_181624-24380.jpg", imageAlt: "Instalacja systemu wodno-kanalizacyjnego"},
]}
/>
</div>
@@ -82,17 +70,11 @@ export default function ContactPage() {
<TextSplitAbout
title="Dane kontaktowe"
description={[
"Telefon: 788 595 600",
"E-mail: pio-hydrop@tlen.pl",
"Adres: Mińsk Mazowiecki",
"Zapraszamy do kontaktu podczas godzin pracy lub wypełnienia formularza kontaktowego. Nasz zespół odpowie na wszystkie Twoje pytania w najkrótszym możliwym czasie.",
]}
"Telefon: 788 595 600", "E-mail: pio-hydrop@tlen.pl", "Adres: Mińsk Mazowiecki", "Zapraszamy do kontaktu podczas godzin pracy lub wypełnienia formularza kontaktowego. Nasz zespół odpowie na wszystkie Twoje pytania w najkrótszym możliwym czasie."]}
useInvertedBackground={true}
buttons={[
{
text: "Wyślij wiadomość",
href: "mailto:pio-hydrop@tlen.pl",
},
text: "Wyślij wiadomość", href: "mailto:pio-hydrop@tlen.pl"},
]}
/>
</div>
@@ -103,16 +85,12 @@ export default function ContactPage() {
tagIcon={Phone}
title="Umów bezpłatną konsultację"
description="Nasz zespół ekspertów jest gotów odpowiedzieć na wszystkie pytania dotyczące Twojego projektu instalacyjnego. Skontaktuj się z nami dzisiaj i dowiedz się, jak możemy Ci pomóc."
background={{ variant: "floatingGradient" }}
background={{ variant: "sparkles-gradient" }}
buttons={[
{
text: "Zadzwoń: 788 595 600",
href: "tel:788595600",
},
text: "Zadzwoń: 788 595 600", href: "tel:788595600"},
{
text: "Wyślij e-mail",
href: "mailto:pio-hydrop@tlen.pl",
},
text: "Wyślij e-mail", href: "mailto:pio-hydrop@tlen.pl"},
]}
useInvertedBackground={true}
/>
@@ -122,13 +100,9 @@ export default function ContactPage() {
<FooterLogoReveal
logoText="PIO-HYDROP"
leftLink={{
text: "Polityka prywatności",
href: "#",
}}
text: "Polityka prywatności", href: "#"}}
rightLink={{
text: "Warunki korzystania",
href: "#",
}}
text: "Warunki korzystania", href: "#"}}
/>
</div>
</ThemeProvider>

View File

@@ -17,7 +17,7 @@ export default function ServicesPage() {
borderRadius="pill"
contentWidth="compact"
sizing="mediumSizeLargeTitles"
background="floatingGradient"
background="circleGradient"
cardStyle="outline"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="solid"
@@ -46,34 +46,22 @@ export default function ServicesPage() {
description="Firma PIO-HYDROP oferuje kompleksowe usługi instalacyjne dla domów jedno- i wielorodzinnych oraz firm. Specjalizujemy się w instalacjach grzewczych, gazowych, wodno-kanalizacyjnych oraz odnawialnych źródłach energii. Naszym priorytetem jest zadowolenie klienta i wysoka jakość usług."
tag="Autoryzowany partner Bosch Termotechnika"
tagIcon={CheckCircle}
background={{ variant: "floatingGradient" }}
background={{ variant: "sparkles-gradient" }}
buttons={[
{
text: "Zadzwoń teraz: 788 595 600",
href: "tel:788595600",
},
text: "Zadzwoń teraz: 788 595 600", href: "tel:788595600"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/adjusting-heating-valves-residential-building_169016-53761.jpg?_wi=3",
imageAlt: "Profesjonalna instalacja systemu grzewczego",
},
imageSrc: "http://img.b2bpic.net/free-photo/adjusting-heating-valves-residential-building_169016-53761.jpg", imageAlt: "Profesjonalna instalacja systemu grzewczego"},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746312.jpg?_wi=2",
imageAlt: "Prace hydrauliczne i montaż rur",
},
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746312.jpg", imageAlt: "Prace hydrauliczne i montaż rur"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29988.jpg?_wi=2",
imageAlt: "Instalacja paneli słonecznych i kolektorów",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29988.jpg", imageAlt: "Instalacja paneli słonecznych i kolektorów"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-checks-electrical-panel-using-tablet-system-control_169016-71246.jpg?_wi=2",
imageAlt: "Montaż instalacji gazowej i kotłów",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-checks-electrical-panel-using-tablet-system-control_169016-71246.jpg", imageAlt: "Montaż instalacji gazowej i kotłów"},
{
imageSrc: "http://img.b2bpic.net/free-photo/landscape-shot-small-rural-waterfall-spring-day_181624-24380.jpg?_wi=2",
imageAlt: "Instalacja systemu wodno-kanalizacyjnego",
},
imageSrc: "http://img.b2bpic.net/free-photo/landscape-shot-small-rural-waterfall-spring-day_181624-24380.jpg", imageAlt: "Instalacja systemu wodno-kanalizacyjnego"},
]}
/>
</div>
@@ -87,27 +75,15 @@ export default function ServicesPage() {
tagIcon={CheckCircle}
accordionItems={[
{
id: "heating",
title: "Instalacje grzewcze",
content: "Montaż kotłów CO, grzejników, ogrzewania podłogowego, pomp ciepła, kolektorów słonecznych oraz budowa dużych kotłowni z kaskadą kotłów. Specjalizujemy się także w modernizacji istniejących systemów grzewczych.",
},
id: "heating", title: "Instalacje grzewcze", content: "Montaż kotłów CO, grzejników, ogrzewania podłogowego, pomp ciepła, kolektorów słonecznych oraz budowa dużych kotłowni z kaskadą kotłów. Specjalizujemy się także w modernizacji istniejących systemów grzewczych."},
{
id: "gas",
title: "Instalacje gazowe",
content: "Instalacja gazowa, montaż kotłów gazowych, montaż przepływowych podgrzewaczy CWU, usuwanie nieszczelności oraz przeglądy instalacji gazowych. Posiadamy niezbędne uprawnienia do wykonywania tych prac.",
},
id: "gas", title: "Instalacje gazowe", content: "Instalacja gazowa, montaż kotłów gazowych, montaż przepływowych podgrzewaczy CWU, usuwanie nieszczelności oraz przeglądy instalacji gazowych. Posiadamy niezbędne uprawnienia do wykonywania tych prac."},
{
id: "plumbing",
title: "Instalacje wodno-kanalizacyjne",
content: "Nowe instalacje wodne i kanalizacyjne, naprawa istniejących instalacji, montaż wodomierzy i zasobników. Oferujemy także montaż przepływowych podgrzewaczy, kanalizacji podposadzkowej i przydomowych oczyszczalni ścieków.",
},
id: "plumbing", title: "Instalacje wodno-kanalizacyjne", content: "Nowe instalacje wodne i kanalizacyjne, naprawa istniejących instalacji, montaż wodomierzy i zasobników. Oferujemy także montaż przepływowych podgrzewaczy, kanalizacji podposadzkowej i przydomowych oczyszczalni ścieków."},
{
id: "renewable",
title: "Odnawialne źródła energii",
content: "Kolektory słoneczne i zasobniki solarne zmniejszające koszty ogrzewania wody nawet o 60%. Dobór, montaż i konfiguracja instalacji solarnych wspierających centralne ogrzewanie.",
},
id: "renewable", title: "Odnawialne źródła energii", content: "Kolektory słoneczne i zasobniki solarne zmniejszające koszty ogrzewania wody nawet o 60%. Dobór, montaż i konfiguracja instalacji solarnych wspierających centralne ogrzewanie."},
]}
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797683.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797683.jpg"
imageAlt="Nowoczesne biuro i serwis PIO-HYDROP"
mediaAnimation="slide-up"
useInvertedBackground={false}
@@ -122,16 +98,12 @@ export default function ServicesPage() {
tagIcon={Phone}
title="Skontaktuj się z nami dziś"
description="Umów bezpłatną konsultację techniczną. Nasz zespół ekspertów chętnie odpowie na wszystkie Twoje pytania i zaproponuje najlepsze rozwiązanie dla Twojego domu lub firmy."
background={{ variant: "floatingGradient" }}
background={{ variant: "sparkles-gradient" }}
buttons={[
{
text: "Zadzwoń: 788 595 600",
href: "tel:788595600",
},
text: "Zadzwoń: 788 595 600", href: "tel:788595600"},
{
text: "Wyślij e-mail",
href: "mailto:pio-hydrop@tlen.pl",
},
text: "Wyślij e-mail", href: "mailto:pio-hydrop@tlen.pl"},
]}
useInvertedBackground={true}
/>
@@ -142,13 +114,9 @@ export default function ServicesPage() {
<FooterLogoReveal
logoText="PIO-HYDROP"
leftLink={{
text: "Polityka prywatności",
href: "#",
}}
text: "Polityka prywatności", href: "#"}}
rightLink={{
text: "Warunki korzystania",
href: "#",
}}
text: "Warunki korzystania", href: "#"}}
/>
</div>
</ThemeProvider>

View File

@@ -1,51 +1,33 @@
"use client";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
import React from "react";
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
text?: string;
className?: string;
textClassName?: string;
fillClassName?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text = "Webild", className = "", textClassName = "", fillClassName = "fill-current"}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
viewBox="0 0 300 100"
className={`h-full w-full ${className}`}
preserveAspectRatio="xMidYMid meet"
xmlns="http://www.w3.org/2000/svg"
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
x="50%"
y="50%"
textAnchor="middle"
dominantBaseline="central"
className={`text-4xl font-bold ${fillClassName} ${textClassName}`}
style={{ transform: "translate(0, 0)" }}
>
{logoText}
{text}
</text>
</svg>
);
});
};
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
export default SvgTextLogo;