Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| bd8b68418a | |||
| fe95363cb0 |
167
src/app/page.tsx
167
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "#hero"},
|
||||||
id: "#hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "#services"},
|
||||||
id: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "#about"},
|
||||||
id: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "#contact"},
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Grzegorz Kijański"
|
brandName="Grzegorz Kijański"
|
||||||
/>
|
/>
|
||||||
@@ -53,51 +45,28 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardRotatedCarousel
|
<HeroBillboardRotatedCarousel
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Usługi Hydrauliczne Grzegorz Kijański"
|
title="Usługi Hydrauliczne Grzegorz Kijański"
|
||||||
description="Profesjonalne instalacje, naprawy i serwis hydrauliczny. Szybko, solidnie i z gwarancją jakości."
|
description="Profesjonalne instalacje, naprawy i serwis hydrauliczny. Szybko, solidnie i z gwarancją jakości."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Zadzwoń teraz",
|
text: "Zadzwoń teraz", href: "tel:+48123456789"},
|
||||||
href: "tel:+48123456789",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Zobacz usługi",
|
text: "Zobacz usługi", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
carouselItems={[
|
carouselItems={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/hammer-industrial-warehouse_268835-4096.jpg", imageAlt: "Plumber Service"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/hammer-industrial-warehouse_268835-4096.jpg",
|
|
||||||
imageAlt: "Plumber Service",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176720.jpg", imageAlt: "Leak Repair"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176720.jpg",
|
|
||||||
imageAlt: "Leak Repair",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-1744.jpg", imageAlt: "Tools Maintenance"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-1744.jpg",
|
|
||||||
imageAlt: "Tools Maintenance",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721532.jpg", imageAlt: "Installation Work"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721532.jpg",
|
|
||||||
imageAlt: "Installation Work",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/mechanical-screws-kit_23-2148557970.jpg", imageAlt: "Faucets Fixing"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanical-screws-kit_23-2148557970.jpg",
|
|
||||||
imageAlt: "Faucets Fixing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "6",
|
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg", imageAlt: "Emergency Plumbing"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg",
|
|
||||||
imageAlt: "Emergency Plumbing",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -109,32 +78,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "s1",
|
id: "s1", title: "Naprawa awarii", tags: [
|
||||||
title: "Naprawa awarii",
|
"szybka reakcja"],
|
||||||
tags: [
|
imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-inspect-pipes-sink_259150-58249.jpg", imageAlt: "Naprawa"},
|
||||||
"szybka reakcja",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-inspect-pipes-sink_259150-58249.jpg",
|
|
||||||
imageAlt: "Naprawa",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "s2",
|
id: "s2", title: "Montaż urządzeń", tags: [
|
||||||
title: "Montaż urządzeń",
|
"sanitariaty"],
|
||||||
tags: [
|
imageSrc: "http://img.b2bpic.net/free-photo/person-bathroom-modern-toilet-top-view-minimalist-interior_169016-69399.jpg", imageAlt: "Montaż"},
|
||||||
"sanitariaty",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/person-bathroom-modern-toilet-top-view-minimalist-interior_169016-69399.jpg",
|
|
||||||
imageAlt: "Montaż",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "s3",
|
id: "s3", title: "Udrożnianie odpływów", tags: [
|
||||||
title: "Udrożnianie odpływów",
|
"mechaniczne"],
|
||||||
tags: [
|
imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-52877.jpg", imageAlt: "Udrożnianie"},
|
||||||
"mechaniczne",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-52877.jpg",
|
|
||||||
imageAlt: "Udrożnianie",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Nasze usługi"
|
title="Nasze usługi"
|
||||||
description="Kompleksowa obsługa instalacji sanitarnych i grzewczych."
|
description="Kompleksowa obsługa instalacji sanitarnych i grzewczych."
|
||||||
@@ -146,40 +100,27 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="O nas"
|
title="O nas"
|
||||||
description={[
|
description={[
|
||||||
"Usługi Hydrauliczne Grzegorz Kijański to firma z wieloletnim doświadczeniem w branży instalacyjnej.",
|
"Usługi Hydrauliczne Grzegorz Kijański to firma z wieloletnim doświadczeniem w branży instalacyjnej.", "Stawiamy na najwyższą jakość wykonania, terminowość oraz zadowolenie każdego klienta.", "Nasze usługi obejmują zarówno drobne naprawy, jak i kompleksowe modernizacje systemów."]}
|
||||||
"Stawiamy na najwyższą jakość wykonania, terminowość oraz zadowolenie każdego klienta.",
|
|
||||||
"Nasze usługi obejmują zarówno drobne naprawy, jak i kompleksowe modernizacje systemów.",
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonial" data-section="testimonial">
|
<div id="testimonial" data-section="testimonial">
|
||||||
<TestimonialCardFifteen
|
<TestimonialCardFifteen
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonial="Pan Grzegorz wykonał instalację bez zarzutu. Bardzo profesjonalne podejście i terminowość."
|
testimonial="Pan Grzegorz wykonał instalację bez zarzutu. Bardzo profesjonalne podejście i terminowość. Zapraszam do kontaktu w celu umówienia usługi!"
|
||||||
rating={5}
|
rating={5}
|
||||||
author="Marek Kowalski"
|
author="Marek Kowalski"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg",
|
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg", alt: "Client 1"},
|
||||||
alt: "Client 1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-young-blonde-woman-denim-overalls_273609-11524.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-young-blonde-woman-denim-overalls_273609-11524.jpg", alt: "Client 2"},
|
||||||
alt: "Client 2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg",
|
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg", alt: "Client 3"},
|
||||||
alt: "Client 3",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
|
src: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg", alt: "Client 4"},
|
||||||
alt: "Client 4",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
|
src: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg", alt: "Client 5"},
|
||||||
alt: "Client 5",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
ratingAnimation="blur-reveal"
|
ratingAnimation="blur-reveal"
|
||||||
avatarsAnimation="blur-reveal"
|
avatarsAnimation="blur-reveal"
|
||||||
@@ -192,20 +133,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "q1",
|
id: "q1", title: "Czy obsługują Państwo nagłe awarie?", content: "Tak, obsługujemy zgłoszenia awaryjne w najszybszym możliwym terminie."},
|
||||||
title: "Czy obsługują Państwo nagłe awarie?",
|
|
||||||
content: "Tak, obsługujemy zgłoszenia awaryjne w najszybszym możliwym terminie.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q2",
|
id: "q2", title: "Jaki jest cennik usług?", content: "Każde zlecenie wyceniamy indywidualnie w oparciu o zakres prac."},
|
||||||
title: "Jaki jest cennik usług?",
|
|
||||||
content: "Każde zlecenie wyceniamy indywidualnie w oparciu o zakres prac.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q3",
|
id: "q3", title: "Czy wystawiacie faktury VAT?", content: "Tak, na każdą wykonaną usługę wystawiamy fakturę."},
|
||||||
title: "Czy wystawiacie faktury VAT?",
|
|
||||||
content: "Tak, na każdą wykonaną usługę wystawiamy fakturę.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Najczęstsze pytania"
|
title="Najczęstsze pytania"
|
||||||
description="Rozwiewamy wszelkie wątpliwości dotyczące naszych usług."
|
description="Rozwiewamy wszelkie wątpliwości dotyczące naszych usług."
|
||||||
@@ -217,14 +149,11 @@ export default function LandingPage() {
|
|||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "rotated-rays-animated",
|
variant: "rotated-rays-animated"}}
|
||||||
}}
|
|
||||||
text="Potrzebujesz profesjonalnej pomocy hydraulika? Skontaktuj się z nami już teraz!"
|
text="Potrzebujesz profesjonalnej pomocy hydraulika? Skontaktuj się z nami już teraz!"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Zadzwoń: 123 456 789",
|
text: "Zadzwoń: 123 456 789", href: "tel:+48123456789"},
|
||||||
href: "tel:+48123456789",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -233,33 +162,21 @@ export default function LandingPage() {
|
|||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Nawigacja",
|
title: "Nawigacja", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Start",
|
label: "Start", href: "#hero"},
|
||||||
href: "#hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Usługi",
|
label: "Usługi", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "O nas",
|
label: "O nas", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Kontakt",
|
title: "Kontakt", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Telefon: 123 456 789",
|
label: "Telefon: 123 456 789", href: "tel:+48123456789"},
|
||||||
href: "tel:+48123456789",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Email: kontakt@kijanski.pl",
|
label: "Email: kontakt@kijanski.pl", href: "mailto:kontakt@kijanski.pl"},
|
||||||
href: "mailto:kontakt@kijanski.pl",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -269,4 +186,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user