Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-06 16:28:33 +00:00

View File

@@ -14,341 +14,166 @@ import TestimonialCardSixteen from '@/components/sections/testimonial/Testimonia
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="largeSmallSizeLargeTitles"
background="noise"
cardStyle="glass-elevated"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
headingFontWeight="medium"
defaultButtonVariant="text-stagger"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="largeSmallSizeLargeTitles"
background="noise"
cardStyle="glass-elevated"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Usługi",
id: "uslugi",
},
{
name: "O nas",
id: "o-nas",
},
{
name: "Opinie",
id: "opinie",
},
{
name: "Kontakt",
id: "kontakt",
},
]}
button={{
text: "Umów wizytę",
href: "#kontakt",
}}
brandName="KANJO GARAGE"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Usługi", id: "uslugi" },
{ name: "O nas", id: "o-nas" },
{ name: "Opinie", id: "opinie" },
{ name: "Kontakt", id: "kontakt" },
]}
button={{ text: "Umów wizytę", href: "#kontakt" }}
brandName="KANJO GARAGE"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
title="Profesjonalny serwis, diagnostyka i tuning Hond"
description="Jesteśmy ekspertami w obsłudze wszystkich modeli Honda — od napraw mechanicznych po modyfikacje i diagnostykę komputerową."
buttons={[
{
text: "Umów wizytę online",
href: "#kontakt",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/muscular-mechanic-dressed-denim-shirt-posing-near-car-garage_613910-5913.jpg?_wi=1"
imageAlt="Profesjonalny serwis Honda"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/happy-colleagues-meeting-close-up_23-2149006873.jpg",
alt: "Adam",
},
{
src: "http://img.b2bpic.net/free-photo/mechanic-client-look-car-parts_482257-76128.jpg",
alt: "Ewa",
},
{
src: "http://img.b2bpic.net/free-photo/business-woman-with-headsets-working-with-computer-office-customer-service-assistant-working-officewoman-operator-working-with-headsets-laptop-telemarketing-customer-service-callcenter_657921-1735.jpg",
alt: "Marek",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-male-call-center-agent_23-2148094839.jpg",
alt: "Ania",
},
{
src: "http://img.b2bpic.net/free-photo/mechanic-pinpoints-car-issue-with-ar_482257-76690.jpg",
alt: "Tomasz",
},
]}
avatarText="Ponad 1000 zadowolonych klientów"
marqueeItems={[
{
type: "text",
text: "Diagnostyka komputerowa",
},
{
type: "text",
text: "Serwis mechaniczny",
},
{
type: "text",
text: "Tuning silnika",
},
{
type: "text",
text: "Naprawy główne",
},
{
type: "text",
text: "Przeglądy okresowe",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{ variant: "gradient-bars" }}
title="Profesjonalny serwis, diagnostyka i tuning Hond"
description="Jesteśmy ekspertami w obsłudze wszystkich modeli Honda — od napraw mechanicznych po modyfikacje i diagnostykę komputerową."
buttons={[{ text: "Umów wizytę online", href: "#kontakt" }]}
imageSrc="http://img.b2bpic.net/free-photo/muscular-mechanic-dressed-denim-shirt-posing-near-car-garage_613910-5913.jpg"
imageAlt="Profesjonalny serwis Honda"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/happy-colleagues-meeting-close-up_23-2149006873.jpg", alt: "Adam" },
{ src: "http://img.b2bpic.net/free-photo/mechanic-client-look-car-parts_482257-76128.jpg", alt: "Ewa" },
{ src: "http://img.b2bpic.net/free-photo/business-woman-with-headsets-working-with-computer-office-customer-service-assistant-working-officewoman-operator-working-with-headsets-laptop-telemarketing-customer-service-callcenter_657921-1735.jpg", alt: "Marek" },
{ src: "http://img.b2bpic.net/free-photo/portrait-male-call-center-agent_23-2148094839.jpg", alt: "Ania" },
{ src: "http://img.b2bpic.net/free-photo/mechanic-pinpoints-car-issue-with-ar_482257-76690.jpg", alt: "Tomasz" },
]}
avatarText="Ponad 1000 zadowolonych klientów"
marqueeItems={[
{ type: "text", text: "Diagnostyka komputerowa" },
{ type: "text", text: "Serwis mechaniczny" },
{ type: "text", text: "Tuning silnika" },
{ type: "text", text: "Naprawy główne" },
{ type: "text", text: "Przeglądy okresowe" },
]}
/>
</div>
<div id="o-nas" data-section="o-nas">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="O nas KANJO GARAGE"
description="KANJO GARAGE to warsztat specjalizujący się w serwisie, diagnostyce komputerowej i modyfikacjach samochodów marki Honda. Od lat dbamy o każdy detal, łącząc doświadczenie z pasją do motoryzacji."
metrics={[
{
value: "100%",
title: "Pasji",
},
{
value: "24h",
title: "Czas reakcji",
},
{
value: "1000+",
title: "Zadowolonych klientów",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/repairmen-fix-car-engine-together_482257-115261.jpg?_wi=1"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="o-nas" data-section="o-nas">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="O nas KANJO GARAGE"
description="KANJO GARAGE to warsztat specjalizujący się w serwisie, diagnostyce komputerowej i modyfikacjach samochodów marki Honda. Od lat dbamy o każdy detal, łącząc doświadczenie z pasją do motoryzacji."
metrics={[
{ value: "100%", title: "Pasji" },
{ value: "24h", title: "Czas reakcji" },
{ value: "1000+", title: "Zadowolonych klientów" },
]}
imageSrc="http://img.b2bpic.net/free-photo/repairmen-fix-car-engine-together_482257-115261.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="uslugi" data-section="uslugi">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Diagnostyka komputerowa",
description: "Sprawdzimy każdy błąd i wskażemy naprawę.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163655.jpg?_wi=1",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163655.jpg?_wi=2",
},
imageSrc: "http://img.b2bpic.net/free-photo/muscular-mechanic-dressed-denim-shirt-posing-near-car-garage_613910-5913.jpg?_wi=2",
imageAlt: "honda workshop mechanic garage",
},
{
title: "Serwis mechaniczny",
description: "Naprawy mechaniczne, przeglądy, wymiany.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-car-service-using-professional-mechanical-tool-repair-broken-engine-efficient-workers-garage-repairing-client-automobile-ensuring-optimal-automotive-performance-close-up_482257-73057.jpg?_wi=1",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-car-service-using-professional-mechanical-tool-repair-broken-engine-efficient-workers-garage-repairing-client-automobile-ensuring-optimal-automotive-performance-close-up_482257-73057.jpg?_wi=2",
},
imageSrc: "http://img.b2bpic.net/free-photo/repairmen-fix-car-engine-together_482257-115261.jpg?_wi=2",
imageAlt: "car repair expert service",
},
{
title: "Tuning i modyfikacje",
description: "Zwiększamy moc i osiągi Twojego auta.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/trail-light-red-sports-car-white-rooms_181624-22513.jpg?_wi=1",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/trail-light-red-sports-car-white-rooms_181624-22513.jpg?_wi=2",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163655.jpg?_wi=3",
imageAlt: "car diagnostic software",
},
{
title: "Warsztat Honda",
description: "Kompleksowo pełna obsługa Twojego auta.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1525.jpg?_wi=1",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1525.jpg?_wi=2",
},
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-car-service-using-professional-mechanical-tool-repair-broken-engine-efficient-workers-garage-repairing-client-automobile-ensuring-optimal-automotive-performance-close-up_482257-73057.jpg?_wi=3",
imageAlt: "mechanical car maintenance",
},
]}
showStepNumbers={false}
title="Nasze Usługi"
description="Kompleksowa opieka nad Twoją Hondą w jednym miejscu."
/>
</div>
<div id="uslugi" data-section="uslugi">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Diagnostyka komputerowa", description: "Sprawdzimy każdy błąd i wskażemy naprawę.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163655.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163655.jpg" }
},
{
title: "Serwis mechaniczny", description: "Naprawy mechaniczne, przeglądy, wymiany.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/coworkers-car-service-using-professional-mechanical-tool-repair-broken-engine-efficient-workers-garage-repairing-client-automobile-ensuring-optimal-automotive-performance-close-up_482257-73057.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/coworkers-car-service-using-professional-mechanical-tool-repair-broken-engine-efficient-workers-garage-repairing-client-automobile-ensuring-optimal-automotive-performance-close-up_482257-73057.jpg" }
},
{
title: "Tuning i modyfikacje", description: "Zwiększamy moc i osiągi Twojego auta.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/trail-light-red-sports-car-white-rooms_181624-22513.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/trail-light-red-sports-car-white-rooms_181624-22513.jpg" }
},
{
title: "Warsztat Honda", description: "Kompleksowo pełna obsługa Twojego auta.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1525.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1525.jpg" }
}
]}
showStepNumbers={false}
title="Nasze Usługi"
description="Kompleksowa opieka nad Twoją Hondą w jednym miejscu."
/>
</div>
<div id="opinie" data-section="opinie">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Adam Kowalski",
role: "Kierowca",
company: "Fan Hondy",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-colleagues-meeting-close-up_23-2149006873.jpg",
},
{
id: "2",
name: "Ewa Nowak",
role: "Klientka",
company: "Kanjo Fan",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-client-look-car-parts_482257-76128.jpg",
},
{
id: "3",
name: "Marek P.",
role: "Entuzjasta",
company: "Honda Klub",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-headsets-working-with-computer-office-customer-service-assistant-working-officewoman-operator-working-with-headsets-laptop-telemarketing-customer-service-callcenter_657921-1735.jpg",
},
{
id: "4",
name: "Ania K.",
role: "Klientka",
company: "Lokalna",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-call-center-agent_23-2148094839.jpg",
},
{
id: "5",
name: "Tomasz S.",
role: "Serwisant",
company: "Klient stały",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-pinpoints-car-issue-with-ar_482257-76690.jpg",
},
]}
kpiItems={[
{
value: "4.9",
label: "Średnia ocena",
},
{
value: "100%",
label: "Profesjonalizm",
},
{
value: "1000+",
label: "Szczęśliwych Hond",
},
]}
title="Opinie klientów"
description="Najlepszy serwis Hond w Warszawie nasi klienci polecają nas!"
/>
</div>
<div id="opinie" data-section="opinie">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Adam Kowalski", role: "Kierowca", company: "Fan Hondy", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-colleagues-meeting-close-up_23-2149006873.jpg" },
{ id: "2", name: "Ewa Nowak", role: "Klientka", company: "Kanjo Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mechanic-client-look-car-parts_482257-76128.jpg" },
{ id: "3", name: "Marek P.", role: "Entuzjasta", company: "Honda Klub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-headsets-working-with-computer-office-customer-service-assistant-working-officewoman-operator-working-with-headsets-laptop-telemarketing-customer-service-callcenter_657921-1735.jpg" },
{ id: "4", name: "Ania K.", role: "Klientka", company: "Lokalna", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-call-center-agent_23-2148094839.jpg" },
{ id: "5", name: "Tomasz S.", role: "Serwisant", company: "Klient stały", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mechanic-pinpoints-car-issue-with-ar_482257-76690.jpg" },
]}
kpiItems={[
{ value: "4.9", label: "Średnia ocena" },
{ value: "100%", label: "Profesjonalizm" },
{ value: "1000+", label: "Szczęśliwych Hond" },
]}
title="Opinie klientów"
description="Najlepszy serwis Hond w Warszawie nasi klienci polecają nas!"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "Jak umówić termin?",
content: "Skontaktuj się z nami telefonicznie lub przez formularz na stronie.",
},
{
id: "2",
title: "Czy mogę zostawić samochód na dłużej?",
content: "Tak, dysponujemy bezpiecznym miejscem parkingowym.",
},
{
id: "3",
title: "Jak wygląda diagnostyka?",
content: "Podpinamy profesjonalny sprzęt, odczytujemy kody błędów i przygotowujemy wycenę.",
},
{
id: "4",
title: "Ile trwa tuning?",
content: "Czas zależy od zakresu prac; szczegóły ustalamy podczas konsultacji.",
},
]}
title="Masz pytania?"
description="Oto odpowiedzi na najczęściej zadawane pytania."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{ id: "1", title: "Jak umówić termin?", content: "Skontaktuj się z nami telefonicznie lub przez formularz na stronie." },
{ id: "2", title: "Czy mogę zostawić samochód na dłużej?", content: "Tak, dysponujemy bezpiecznym miejscem parkingowym." },
{ id: "3", title: "Jak wygląda diagnostyka?", content: "Podpinamy profesjonalny sprzęt, odczytujemy kody błędów i przygotowujemy wycenę." },
{ id: "4", title: "Ile trwa tuning?", content: "Czas zależy od zakresu prac; szczegóły ustalamy podczas konsultacji." },
]}
title="Masz pytania?"
description="Oto odpowiedzi na najczęściej zadawane pytania."
faqsAnimation="slide-up"
/>
</div>
<div id="kontakt" data-section="kontakt">
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
text="Umów wizytę / otrzymaj wycenę! Skontaktuj się z nami, a nasi eksperci odpowiedzą na Twoje zgłoszenie w ciągu 24 godzin."
buttons={[
{
text: "Skontaktuj się z nami",
href: "tel:+48505370867",
},
]}
/>
</div>
<div id="kontakt" data-section="kontakt">
<ContactText
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
text="Umów wizytę / otrzymaj wycenę! Skontaktuj się z nami, a nasi eksperci odpowiedzą na Twoje zgłoszenie w ciągu 24 godzin."
buttons={[{ text: "Skontaktuj się z nami", href: "tel:+48505370867" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Kontakt",
items: [
{
label: "Tel: +48 505 370 867",
href: "tel:+48505370867",
},
{
label: "Chełmżyńska 180L, Warszawa",
href: "https://www.google.pl/maps/place/KANJO+GARAGE",
},
],
},
{
title: "Godziny",
items: [
{
label: "Pon-Pt: 09:0018:00",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 KANJO GARAGE"
bottomRightText="Profesjonalny serwis Honda"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Kontakt", items: [
{ label: "Tel: +48 505 370 867", href: "tel:+48505370867" },
{ label: "Chełmżyńska 180L, Warszawa", href: "https://www.google.pl/maps/place/KANJO+GARAGE" },
],
},
{ title: "Godziny", items: [{ label: "Pon-Pt: 09:0018:00", href: "#" }] },
]}
bottomLeftText="© 2024 KANJO GARAGE"
bottomRightText="Profesjonalny serwis Honda"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}