Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
255
src/app/page.tsx
255
src/app/page.tsx
@@ -31,30 +31,12 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Start", id: "hero" },
|
||||||
name: "Start",
|
{ name: "Usługi", id: "services" },
|
||||||
id: "hero",
|
{ name: "Dlaczego my", id: "about" },
|
||||||
},
|
{ name: "Realizacje", id: "realizations" },
|
||||||
{
|
{ name: "Opinie", id: "testimonials" },
|
||||||
name: "Usługi",
|
{ name: "Kontakt", id: "contact" }
|
||||||
id: "services",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Dlaczego my",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Realizacje",
|
|
||||||
id: "realizations",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Opinie",
|
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Kontakt",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Lavauto"
|
brandName="Lavauto"
|
||||||
/>
|
/>
|
||||||
@@ -62,17 +44,10 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogoBillboard
|
<HeroLogoBillboard
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars",
|
|
||||||
}}
|
|
||||||
logoText="Lavauto Warszawa"
|
logoText="Lavauto Warszawa"
|
||||||
description="Kompleksowa opieka nad Twoim samochodem. 9 lat doświadczenia, najnowsza technologia i pasja do motoryzacji."
|
description="Kompleksowa opieka nad Twoim samochodem. 9 lat doświadczenia, najnowsza technologia i pasja do motoryzacji."
|
||||||
buttons={[
|
buttons={[{ text: "Umów wizytę", href: "#contact" }]}
|
||||||
{
|
|
||||||
text: "Umów wizytę",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/male-mechanic-working-shop-car_23-2150170058.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/male-mechanic-working-shop-car_23-2150170058.jpg"
|
||||||
imageAlt="Male mechanic working in the shop on a car"
|
imageAlt="Male mechanic working in the shop on a car"
|
||||||
@@ -94,46 +69,11 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ title: "Szybki Serwis", description: "Wymiana oleju, filtrów i pełen serwis ogumienia.", bentoComponent: "reveal-icon", icon: Wrench },
|
||||||
title: "Szybki Serwis",
|
{ title: "Zaawansowana Diagnostyka", description: "Specjalistyczna diagnostyka komputerowa ECU i elektryka.", bentoComponent: "reveal-icon", icon: Gauge },
|
||||||
description: "Wymiana oleju, filtrów i pełen serwis ogumienia.",
|
{ title: "Specjalistyczna Mechanika", description: "Remonty silników, skrzyń biegów i układów hamulcowych.", bentoComponent: "reveal-icon", icon: Settings },
|
||||||
bentoComponent: "reveal-icon",
|
{ title: "Detailing i Kosmetyka", description: "Profesjonalna korekta lakieru i czyszczenie aut.", bentoComponent: "reveal-icon", icon: Sparkles },
|
||||||
icon: Wrench,
|
{ title: "Obsługa Klimatyzacji", description: "Odgrzybianie, serwis i nabijanie układów.", bentoComponent: "reveal-icon", icon: Snowflake }
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193571.jpg",
|
|
||||||
imageAlt: "Close up on car care process",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Zaawansowana Diagnostyka",
|
|
||||||
description: "Specjalistyczna diagnostyka komputerowa ECU i elektryka.",
|
|
||||||
bentoComponent: "reveal-icon",
|
|
||||||
icon: Gauge,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-orange-suv-car_627829-12598.jpg?_wi=1",
|
|
||||||
imageAlt: "Close up on car care process",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Specjalistyczna Mechanika",
|
|
||||||
description: "Remonty silników, skrzyń biegów i układów hamulcowych.",
|
|
||||||
bentoComponent: "reveal-icon",
|
|
||||||
icon: Settings,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-car-with-lamp_1170-1289.jpg?_wi=1",
|
|
||||||
imageAlt: "Close up on car care process",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Detailing i Kosmetyka",
|
|
||||||
description: "Profesjonalna korekta lakieru i czyszczenie aut.",
|
|
||||||
bentoComponent: "reveal-icon",
|
|
||||||
icon: Sparkles,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-fixing-car-wheel-disc-brake_1170-1206.jpg?_wi=1",
|
|
||||||
imageAlt: "Close up on car care process",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Obsługa Klimatyzacji",
|
|
||||||
description: "Odgrzybianie, serwis i nabijanie układów.",
|
|
||||||
bentoComponent: "reveal-icon",
|
|
||||||
icon: Snowflake,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552299.jpg?_wi=1",
|
|
||||||
imageAlt: "Close up on car care process",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Pełen Zakres Usług"
|
title="Pełen Zakres Usług"
|
||||||
description="Od szybkiego serwisu po zaawansowaną diagnostykę i detailing."
|
description="Od szybkiego serwisu po zaawansowaną diagnostykę i detailing."
|
||||||
@@ -144,52 +84,13 @@ export default function LandingPage() {
|
|||||||
<MetricCardSeven
|
<MetricCardSeven
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
|
animationType="slide-up"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "1", value: "9", title: "Lat doświadczenia", items: ["Wiedza", "Praktyka"] },
|
||||||
id: "1",
|
{ id: "2", value: "1000+", title: "Naprawionych aut", items: ["Wszystkie marki", "Gwarancja"] },
|
||||||
value: "9",
|
{ id: "3", value: "100%", title: "Terminowość", items: ["Szacunek", "Czas"] },
|
||||||
title: "Lat doświadczenia",
|
{ id: "4", value: "24/7", title: "Dostępność wsparcia", items: ["Pomoc", "Kontakt"] },
|
||||||
items: [
|
{ id: "5", value: "500+", title: "Stałych klientów", items: ["Zaufanie", "Relacje"] }
|
||||||
"Wiedza",
|
|
||||||
"Praktyka",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
value: "1000+",
|
|
||||||
title: "Naprawionych aut",
|
|
||||||
items: [
|
|
||||||
"Wszystkie marki",
|
|
||||||
"Gwarancja",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
value: "100%",
|
|
||||||
title: "Terminowość",
|
|
||||||
items: [
|
|
||||||
"Szacunek",
|
|
||||||
"Czas",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
value: "24/7",
|
|
||||||
title: "Dostępność wsparcia",
|
|
||||||
items: [
|
|
||||||
"Pomoc",
|
|
||||||
"Kontakt",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
value: "500+",
|
|
||||||
title: "Stałych klientów",
|
|
||||||
items: [
|
|
||||||
"Zaufanie",
|
|
||||||
"Relacje",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Nasza Marka w Liczbach"
|
title="Nasza Marka w Liczbach"
|
||||||
description="Doświadczenie potwierdzone wynikami."
|
description="Doświadczenie potwierdzone wynikami."
|
||||||
@@ -203,42 +104,9 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "p1", name: "Korekta lakieru", price: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-orange-suv-car_627829-12598.jpg" },
|
||||||
id: "p1",
|
{ id: "p2", name: "Serwis silnika", price: "Precyzja", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-car-with-lamp_1170-1289.jpg" },
|
||||||
name: "Korekta lakieru",
|
{ id: "p3", name: "Naprawa zawieszenia", price: "Solidność", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-fixing-car-wheel-disc-brake_1170-1206.jpg" }
|
||||||
price: "Premium",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-orange-suv-car_627829-12598.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p2",
|
|
||||||
name: "Serwis silnika",
|
|
||||||
price: "Precyzja",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-car-with-lamp_1170-1289.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p3",
|
|
||||||
name: "Naprawa zawieszenia",
|
|
||||||
price: "Solidność",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-fixing-car-wheel-disc-brake_1170-1206.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p4",
|
|
||||||
name: "Detailing wnętrza",
|
|
||||||
price: "Czystość",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552299.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p5",
|
|
||||||
name: "Wymiana olejów",
|
|
||||||
price: "Szybkość",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-examining-car-oil-auto-repair-shop_637285-4301.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p6",
|
|
||||||
name: "Diagnostyka komputerowa",
|
|
||||||
price: "Technologia",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-black-mechanic-working-engine-diagnostic-car-service-workshop-looking-camera_637285-11565.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Realizacje Lavauto"
|
title="Realizacje Lavauto"
|
||||||
description="Zobacz efekty naszej dbałości o detale."
|
description="Zobacz efekty naszej dbałości o detale."
|
||||||
@@ -250,46 +118,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "1", title: "Świetny serwis", quote: "Profesjonalne podejście i szybka diagnoza.", name: "Marek Nowak", role: "Klient", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg" },
|
||||||
id: "1",
|
{ id: "2", title: "Polecam!", quote: "Najlepszy warsztat w Warszawie.", name: "Anna Kowalska", role: "Klient", imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg" },
|
||||||
title: "Świetny serwis",
|
{ id: "3", title: "Szybko i tanio", quote: "Bardzo zadowolony z naprawy skrzyni biegów.", name: "Tomasz Wiśniewski", role: "Klient", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-guy-with-shopping-bag-showing-thumbs-up-smiling-praising-good-promotion-offer-sta_1258-152521.jpg" }
|
||||||
quote: "Profesjonalne podejście i szybka diagnoza.",
|
|
||||||
name: "Marek Nowak",
|
|
||||||
role: "Klient",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
title: "Polecam!",
|
|
||||||
quote: "Najlepszy warsztat w Warszawie.",
|
|
||||||
name: "Anna Kowalska",
|
|
||||||
role: "Klient",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
title: "Szybko i tanio",
|
|
||||||
quote: "Bardzo zadowolony z naprawy skrzyni biegów.",
|
|
||||||
name: "Tomasz Wiśniewski",
|
|
||||||
role: "Klient",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-guy-with-shopping-bag-showing-thumbs-up-smiling-praising-good-promotion-offer-sta_1258-152521.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
title: "Profesjonalizm",
|
|
||||||
quote: "Moje auto odzyskało blask dzięki detailingowi.",
|
|
||||||
name: "Karolina Zielińska",
|
|
||||||
role: "Klient",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-african-woman-glass-smiling-talking-phone_176420-12471.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
title: "Zaufany warsztat",
|
|
||||||
quote: "Jeżdżę do Lavauto od lat.",
|
|
||||||
name: "Piotr Wójcik",
|
|
||||||
role: "Klient",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-person-gesturing-isolated_23-2149193772.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Opinie Klientów"
|
title="Opinie Klientów"
|
||||||
description="Zaufanie to nasza wizytówka."
|
description="Zaufanie to nasza wizytówka."
|
||||||
@@ -299,9 +130,7 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars",
|
|
||||||
}}
|
|
||||||
text="Gotowy, aby zadbać o swoje auto? Umów się na serwis już dzisiaj."
|
text="Gotowy, aby zadbać o swoje auto? Umów się na serwis już dzisiaj."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -310,36 +139,8 @@ export default function LandingPage() {
|
|||||||
<FooterBaseReveal
|
<FooterBaseReveal
|
||||||
logoText="Lavauto"
|
logoText="Lavauto"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Usługi", items: [{ label: "Diagnostyka", href: "#services" }, { label: "Detailing", href: "#services" }] },
|
||||||
title: "Usługi",
|
{ title: "Kontakt", items: [{ label: "Umów wizytę", href: "#contact" }] }
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Diagnostyka",
|
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Detailing",
|
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Mechanika",
|
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Kontakt",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Umów wizytę",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Warszawa",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user