Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 44cffc0974 |
236
src/app/page.tsx
236
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "home"},
|
||||||
id: "home",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "features"},
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Projects",
|
name: "Projects", id: "products"},
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Benedykt Jan"
|
brandName="Benedykt Jan"
|
||||||
/>
|
/>
|
||||||
@@ -56,41 +48,27 @@ export default function LandingPage() {
|
|||||||
<div id="home" data-section="home">
|
<div id="home" data-section="home">
|
||||||
<HeroBillboardRotatedCarousel
|
<HeroBillboardRotatedCarousel
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
buttons={[
|
||||||
|
{
|
||||||
|
text: "Zamów darmową wycenę", href: "#contact"
|
||||||
|
}
|
||||||
|
]}
|
||||||
title="Benedykt Jan Usługi Blacharsko-Dekarskie"
|
title="Benedykt Jan Usługi Blacharsko-Dekarskie"
|
||||||
description="Profesjonalne usługi dekarskie, blacharskie i naprawy dachów na najwyższym poziomie."
|
description="Profesjonalne usługi dekarskie, blacharskie i naprawy dachów na najwyższym poziomie."
|
||||||
carouselItems={[
|
carouselItems={[
|
||||||
{
|
{
|
||||||
id: "h1",
|
id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Roof installation"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg",
|
|
||||||
imageAlt: "Roof installation",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "h2",
|
id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/side-view-male-mechanic-checking-car-back_23-2148327510.jpg", imageAlt: "Sheet metal work"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-male-mechanic-checking-car-back_23-2148327510.jpg",
|
|
||||||
imageAlt: "Sheet metal work",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "h3",
|
id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg", imageAlt: "Roof repair"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg",
|
|
||||||
imageAlt: "Roof repair",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "h4",
|
id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/side-view-hand-wearing-glove_23-2149916259.jpg", imageAlt: "Professional tools"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-hand-wearing-glove_23-2149916259.jpg",
|
|
||||||
imageAlt: "Professional tools",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "h5",
|
id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-task_23-2151741209.jpg", imageAlt: "Detailing"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-task_23-2151741209.jpg",
|
|
||||||
imageAlt: "Detailing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "h6",
|
id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg", imageAlt: "Finished roof"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg",
|
|
||||||
imageAlt: "Finished roof",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -103,17 +81,11 @@ export default function LandingPage() {
|
|||||||
description="Zapewniamy wieloletnie doświadczenie w branży dekarskiej. Nasza firma to gwarancja trwałości, solidności i terminowości każdej realizacji."
|
description="Zapewniamy wieloletnie doświadczenie w branży dekarskiej. Nasza firma to gwarancja trwałości, solidności i terminowości każdej realizacji."
|
||||||
bulletPoints={[
|
bulletPoints={[
|
||||||
{
|
{
|
||||||
title: "Solidny montaż",
|
title: "Solidny montaż", description: "Precyzja w każdym detalu."},
|
||||||
description: "Precyzja w każdym detalu.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Najlepsze materiały",
|
title: "Najlepsze materiały", description: "Używamy tylko sprawdzonych komponentów."},
|
||||||
description: "Używamy tylko sprawdzonych komponentów.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Terminowość",
|
title: "Terminowość", description: "Szanujemy Twój czas."},
|
||||||
description: "Szanujemy Twój czas.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-doctor-wearing-lab-coat_23-2149551157.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-doctor-wearing-lab-coat_23-2149551157.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -126,20 +98,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Blacharstwo",
|
title: "Blacharstwo", description: "Obróbki blacharskie i montaż orynnowania.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-painting-car-door_23-2149714292.jpg"},
|
||||||
description: "Obróbki blacharskie i montaż orynnowania.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-painting-car-door_23-2149714292.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Dekarstwo",
|
title: "Dekarstwo", description: "Pełne krycie dachów dachówką i blachodachówką.", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg"},
|
||||||
description: "Pełne krycie dachów dachówką i blachodachówką.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Naprawy dachów",
|
title: "Naprawy dachów", description: "Szybka diagnostyka i usuwanie wycieków.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg"},
|
||||||
description: "Szybka diagnostyka i usuwanie wycieków.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Nasze Specjalizacje"
|
title="Nasze Specjalizacje"
|
||||||
description="Kompleksowa obsługa dachów dla Twojego domu i firmy."
|
description="Kompleksowa obsługa dachów dla Twojego domu i firmy."
|
||||||
@@ -154,41 +117,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", name: "Nowy dach - dom jednorodzinny", price: "Projekt ukończony", imageSrc: "http://img.b2bpic.net/free-photo/white-buildings-with-red-roofs-sunlight_181624-5655.jpg"},
|
||||||
name: "Nowy dach - dom jednorodzinny",
|
|
||||||
price: "Projekt ukończony",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/white-buildings-with-red-roofs-sunlight_181624-5655.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", name: "Renowacja zabytkowego dachu", price: "Projekt ukończony", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343660.jpg"},
|
||||||
name: "Renowacja zabytkowego dachu",
|
|
||||||
price: "Projekt ukończony",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343660.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", name: "Obróbki blacharskie - hala", price: "Projekt ukończony", imageSrc: "http://img.b2bpic.net/free-photo/cranes-construction-site_53876-145039.jpg"},
|
||||||
name: "Obróbki blacharskie - hala",
|
|
||||||
price: "Projekt ukończony",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cranes-construction-site_53876-145039.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p4",
|
id: "p4", name: "Montaż systemu rynnowego", price: "Projekt ukończony", imageSrc: "http://img.b2bpic.net/free-photo/worker-cuts-steel-profiles-drywall-close-up-selective-focus-preparing-installation-ceiling-profile-system-frame-renovation-repair_166373-1903.jpg"},
|
||||||
name: "Montaż systemu rynnowego",
|
|
||||||
price: "Projekt ukończony",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-cuts-steel-profiles-drywall-close-up-selective-focus-preparing-installation-ceiling-profile-system-frame-renovation-repair_166373-1903.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p5",
|
id: "p5", name: "Dach dwuspadowy", price: "Projekt ukończony", imageSrc: "http://img.b2bpic.net/free-photo/wide-shot-brown-building-white-clouds-blue-sky-daytime_181624-1893.jpg"},
|
||||||
name: "Dach dwuspadowy",
|
|
||||||
price: "Projekt ukończony",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/wide-shot-brown-building-white-clouds-blue-sky-daytime_181624-1893.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p6",
|
id: "p6", name: "Naprawa izolacji kominów", price: "Projekt ukończony", imageSrc: "http://img.b2bpic.net/free-photo/artisan-work-madhu-vana_181624-58285.jpg"},
|
||||||
name: "Naprawa izolacji kominów",
|
|
||||||
price: "Projekt ukończony",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/artisan-work-madhu-vana_181624-58285.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Nasze Realizacje"
|
title="Nasze Realizacje"
|
||||||
description="Zobacz przykłady naszych ostatnich projektów."
|
description="Zobacz przykłady naszych ostatnich projektów."
|
||||||
@@ -202,59 +141,28 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "Jan Kowalski", role: "Inwestor", company: "Dom Prywatny", rating: 5,
|
||||||
name: "Jan Kowalski",
|
imageSrc: "http://img.b2bpic.net/free-photo/architect-giving-hand-shake_23-2148242932.jpg"},
|
||||||
role: "Inwestor",
|
|
||||||
company: "Dom Prywatny",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-giving-hand-shake_23-2148242932.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "Anna Nowak", role: "Deweloper", company: "Firma XYZ", rating: 5,
|
||||||
name: "Anna Nowak",
|
imageSrc: "http://img.b2bpic.net/free-photo/attractive-brunette-student-girl-wearing-elegant-black-dress-keeping-arms-folded-while-sitting-front-laptop-computer-working-diploma-project-online-using-free-wi-fi-coffee-break_273609-74.jpg"},
|
||||||
role: "Deweloper",
|
|
||||||
company: "Firma XYZ",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-brunette-student-girl-wearing-elegant-black-dress-keeping-arms-folded-while-sitting-front-laptop-computer-working-diploma-project-online-using-free-wi-fi-coffee-break_273609-74.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", name: "Marek Zieliński", role: "Właściciel", company: "Firma Bud", rating: 5,
|
||||||
name: "Marek Zieliński",
|
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3891.jpg"},
|
||||||
role: "Właściciel",
|
|
||||||
company: "Firma Bud",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3891.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "t4", name: "Kasia Wójcik", role: "Klientka", company: "Dom", rating: 5,
|
||||||
name: "Kasia Wójcik",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67170.jpg"},
|
||||||
role: "Klientka",
|
|
||||||
company: "Dom",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67170.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "t5", name: "Piotr Lis", role: "Inwestor", company: "Firma Budowlana", rating: 5,
|
||||||
name: "Piotr Lis",
|
imageSrc: "http://img.b2bpic.net/free-photo/architect-posing-while-holding-his-plans_23-2148242886.jpg"},
|
||||||
role: "Inwestor",
|
|
||||||
company: "Firma Budowlana",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-posing-while-holding-his-plans_23-2148242886.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
kpiItems={[
|
kpiItems={[
|
||||||
{
|
{
|
||||||
value: "15+",
|
value: "15+", label: "Lata doświadczenia"},
|
||||||
label: "Lata doświadczenia",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "200+",
|
value: "200+", label: "Ukończonych dachów"},
|
||||||
label: "Ukończonych dachów",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "100%",
|
value: "100%", label: "Zadowolonych klientów"},
|
||||||
label: "Zadowolonych klientów",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Opinie Klientów"
|
title="Opinie Klientów"
|
||||||
description="Zadowolenie naszych inwestorów jest dla nas najważniejsze."
|
description="Zadowolenie naszych inwestorów jest dla nas najważniejsze."
|
||||||
@@ -268,22 +176,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", title: "Projektów", value: "200+", icon: Award,
|
||||||
title: "Projektów",
|
|
||||||
value: "200+",
|
|
||||||
icon: Award,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", title: "Godzin pracy", value: "10k+", icon: Clock,
|
||||||
title: "Godzin pracy",
|
|
||||||
value: "10k+",
|
|
||||||
icon: Clock,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", title: "Klientów", value: "150+", icon: Users,
|
||||||
title: "Klientów",
|
|
||||||
value: "150+",
|
|
||||||
icon: Users,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Nasze Sukcesy"
|
title="Nasze Sukcesy"
|
||||||
@@ -296,20 +195,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Czy wykonują Państwo wyceny?", content: "Tak, darmowa wycena dla każdego projektu."},
|
||||||
title: "Czy wykonują Państwo wyceny?",
|
|
||||||
content: "Tak, darmowa wycena dla każdego projektu.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "Jak długo trwa realizacja?", content: "Czas zależy od specyfiki dachu."},
|
||||||
title: "Jak długo trwa realizacja?",
|
|
||||||
content: "Czas zależy od specyfiki dachu.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "Czy wystawiacie gwarancję?", content: "Oczywiście, na każdą usługę udzielamy gwarancji."},
|
||||||
title: "Czy wystawiacie gwarancję?",
|
|
||||||
content: "Oczywiście, na każdą usługę udzielamy gwarancji.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
sideTitle="Najczęściej zadawane pytania"
|
sideTitle="Najczęściej zadawane pytania"
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
@@ -323,20 +213,12 @@ export default function LandingPage() {
|
|||||||
description="Zadzwoń lub napisz, odpowiemy na Twoje zapytanie."
|
description="Zadzwoń lub napisz, odpowiemy na Twoje zapytanie."
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{
|
||||||
name: "name",
|
name: "name", type: "text", placeholder: "Imię i nazwisko"},
|
||||||
type: "text",
|
|
||||||
placeholder: "Imię i nazwisko",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "email",
|
name: "email", type: "email", placeholder: "Email"},
|
||||||
type: "email",
|
|
||||||
placeholder: "Email",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
textarea={{
|
textarea={{
|
||||||
name: "message",
|
name: "message", placeholder: "Wiadomość"}}
|
||||||
placeholder: "Wiadomość",
|
|
||||||
}}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/manual-tool-set-set-wooden-floor_1150-15362.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/manual-tool-set-set-wooden-floor_1150-15362.jpg"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -345,25 +227,17 @@ export default function LandingPage() {
|
|||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "O nas",
|
title: "O nas", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Home",
|
label: "Home", href: "#home"},
|
||||||
href: "#home",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Usługi",
|
label: "Usługi", href: "#features"},
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Kontakt",
|
title: "Kontakt", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Kontakt",
|
label: "Kontakt", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user