Merge version_1 into main #2
364
src/app/page.tsx
364
src/app/page.tsx
@@ -9,7 +9,7 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Clock, Cog, Eye, MessageSquare, Settings, Shield, Tool, Wrench, Zap } from "lucide-react";
|
||||
import { Clock, Cog, Eye, MessageSquare, Settings, Shield, Wrench, Zap, Hammer } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -17,27 +17,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Služby",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Reference",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "O nás",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Služby", id: "services" },
|
||||
{ name: "Reference", id: "testimonials" },
|
||||
{ name: "O nás", id: "about" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Autoopravna Novák"
|
||||
/>
|
||||
@@ -45,109 +40,33 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Poctivý servis. Rychlá práce. Žádné zbytečné řeči."
|
||||
description="Opravíme vaše auto rychle, férově a bez zbytečného čekání. Žádné formuláře, žádné marketingové kecy. Jen kvalitní práce."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Petr Novák",
|
||||
handle: "@zákazník",
|
||||
testimonial: "Hotovo do druhého dne, dobrá cena.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866628.jpg?_wi=1",
|
||||
imageAlt: "professional car mechanic working",
|
||||
},
|
||||
{
|
||||
name: "Jana Dvořáková",
|
||||
handle: "@zákazník",
|
||||
testimonial: "Bez zbytečného papírování.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-doing-bad-signal_1368-4094.jpg?_wi=1",
|
||||
imageAlt: "fast car repair service icon",
|
||||
},
|
||||
{
|
||||
name: "Tomáš Kučera",
|
||||
handle: "@zákazník",
|
||||
testimonial: "Rozumí svojí práci a vyjdou vstříc.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/call-center-service-illustration_24877-52383.jpg?_wi=1",
|
||||
imageAlt: "fair price mechanic badge icon",
|
||||
},
|
||||
{
|
||||
name: "Marek Svoboda",
|
||||
handle: "@zákazník",
|
||||
testimonial: "Konečně servis, kde nelžou.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-vehicle-engine_482257-76670.jpg?_wi=1",
|
||||
imageAlt: "honest auto workshop icon",
|
||||
},
|
||||
{
|
||||
name: "Eva Novotná",
|
||||
handle: "@zákazník",
|
||||
testimonial: "Skvělá komunikace a rychlost.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg?_wi=1",
|
||||
imageAlt: "satisfied customer portrait",
|
||||
},
|
||||
{ name: "Petr Novák", handle: "@zákazník", testimonial: "Hotovo do druhého dne, dobrá cena.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866628.jpg", imageAlt: "professional car mechanic working" },
|
||||
{ name: "Jana Dvořáková", handle: "@zákazník", testimonial: "Bez zbytečného papírování.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mechanic-doing-bad-signal_1368-4094.jpg", imageAlt: "fast car repair service icon" },
|
||||
{ name: "Tomáš Kučera", handle: "@zákazník", testimonial: "Rozumí svojí práci a vyjdou vstříc.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/call-center-service-illustration_24877-52383.jpg", imageAlt: "fair price mechanic badge icon" },
|
||||
{ name: "Marek Svoboda", handle: "@zákazník", testimonial: "Konečně servis, kde nelžou.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-render-vehicle-engine_482257-76670.jpg", imageAlt: "honest auto workshop icon" },
|
||||
{ name: "Eva Novotná", handle: "@zákazník", testimonial: "Skvělá komunikace a rychlost.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg", imageAlt: "satisfied customer portrait" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Objednat opravu",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Zavolat teď",
|
||||
href: "tel:244468934",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866628.jpg?_wi=2"
|
||||
buttons={[{ text: "Objednat opravu", href: "#contact" }, { text: "Zavolat teď", href: "tel:244468934" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866628.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg",
|
||||
alt: "Zákazník 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21751.jpg",
|
||||
alt: "Zákazník 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
|
||||
alt: "Zákazník 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21751.jpg",
|
||||
alt: "Zákazník 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg",
|
||||
alt: "Zákazník 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg", alt: "Zákazník 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21751.jpg", alt: "Zákazník 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg", alt: "Zákazník 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21751.jpg", alt: "Zákazník 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg", alt: "Zákazník 5" }
|
||||
]}
|
||||
avatarText="Více než 500+ spokojených řidičů"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Rychlá diagnostika",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Férové jednání",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Osobní přístup",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Transparentní ceny",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Kvalitní díly",
|
||||
},
|
||||
{ type: "text", text: "Rychlá diagnostika" },
|
||||
{ type: "text", text: "Férové jednání" },
|
||||
{ type: "text", text: "Osobní přístup" },
|
||||
{ type: "text", text: "Transparentní ceny" },
|
||||
{ type: "text", text: "Kvalitní díly" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -158,54 +77,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Rychlost",
|
||||
description: "Často hotovo do druhého dne.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-doing-bad-signal_1368-4094.jpg?_wi=2",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Expresní oprava",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21751.jpg?_wi=1",
|
||||
imageAlt: "satisfied customer portrait",
|
||||
},
|
||||
{
|
||||
title: "Férovost",
|
||||
description: "Žádné zbytečné navýšení ceny.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/call-center-service-illustration_24877-52383.jpg?_wi=2",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Jasné ceny",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg?_wi=1",
|
||||
imageAlt: "satisfied customer portrait",
|
||||
},
|
||||
{
|
||||
title: "Transparentnost",
|
||||
description: "Ukážeme vám vadné díly.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-vehicle-engine_482257-76670.jpg?_wi=2",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Eye,
|
||||
text: "Přímý přístup",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21751.jpg?_wi=2",
|
||||
imageAlt: "satisfied customer portrait",
|
||||
},
|
||||
{ title: "Rychlost", description: "Často hotovo do druhého dne.", media: { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-doing-bad-signal_1368-4094.jpg" }, items: [{ icon: Zap, text: "Expresní oprava" }], reverse: false },
|
||||
{ title: "Férovost", description: "Žádné zbytečné navýšení ceny.", media: { imageSrc: "http://img.b2bpic.net/free-vector/call-center-service-illustration_24877-52383.jpg" }, items: [{ icon: Shield, text: "Jasné ceny" }], reverse: true },
|
||||
{ title: "Transparentnost", description: "Ukážeme vám vadné díly.", media: { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-vehicle-engine_482257-76670.jpg" }, items: [{ icon: Eye, text: "Přímý přístup" }], reverse: false }
|
||||
]}
|
||||
title="Proč právě my"
|
||||
description="Nepotrpíme si na zbytečné papírování, čekání týdny dopředu ani falešný luxus značkových servisů."
|
||||
@@ -218,54 +92,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Servis",
|
||||
description: "Diagnostika, výměna oleje a filtrů.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-doing-bad-signal_1368-4094.jpg?_wi=3",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Wrench,
|
||||
text: "Motor a olej",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg?_wi=1",
|
||||
imageAlt: "satisfied customer portrait",
|
||||
},
|
||||
{
|
||||
title: "Podvozek",
|
||||
description: "Brzdy, čepy a tlumiče.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/call-center-service-illustration_24877-52383.jpg?_wi=3",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Settings,
|
||||
text: "Brzdy a podvozek",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866628.jpg?_wi=3",
|
||||
imageAlt: "professional car mechanic working",
|
||||
},
|
||||
{
|
||||
title: "Spojka",
|
||||
description: "Odborná výměna spojkových sad.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-vehicle-engine_482257-76670.jpg?_wi=3",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Cog,
|
||||
text: "Převodovky",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-doing-bad-signal_1368-4094.jpg?_wi=4",
|
||||
imageAlt: "fast car repair service icon",
|
||||
},
|
||||
{ title: "Servis", description: "Diagnostika, výměna oleje a filtrů.", media: { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-doing-bad-signal_1368-4094.jpg" }, items: [{ icon: Wrench, text: "Motor a olej" }], reverse: false },
|
||||
{ title: "Podvozek", description: "Brzdy, čepy a tlumiče.", media: { imageSrc: "http://img.b2bpic.net/free-vector/call-center-service-illustration_24877-52383.jpg" }, items: [{ icon: Settings, text: "Brzdy a podvozek" }], reverse: true },
|
||||
{ title: "Spojka", description: "Odborná výměna spojkových sad.", media: { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-vehicle-engine_482257-76670.jpg" }, items: [{ icon: Cog, text: "Převodovky" }], reverse: false }
|
||||
]}
|
||||
title="Naše služby"
|
||||
description="Každé auto řešíme individuálně. Žádné univerzální balíčky."
|
||||
@@ -278,60 +107,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Petr",
|
||||
role: "Řidič",
|
||||
company: "Klient",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jana",
|
||||
role: "Majitelka",
|
||||
company: "Klient",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21751.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Karel",
|
||||
role: "Řidič",
|
||||
company: "Klient",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lucie",
|
||||
role: "Majitelka",
|
||||
company: "Klient",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21751.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Marek",
|
||||
role: "Řidič",
|
||||
company: "Klient",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Petr", role: "Řidič", company: "Klient", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg" },
|
||||
{ id: "2", name: "Jana", role: "Majitelka", company: "Klient", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21751.jpg" },
|
||||
{ id: "3", name: "Karel", role: "Řidič", company: "Klient", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg" },
|
||||
{ id: "4", name: "Lucie", role: "Majitelka", company: "Klient", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21751.jpg" },
|
||||
{ id: "5", name: "Marek", role: "Řidič", company: "Klient", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Transparentnost",
|
||||
},
|
||||
{
|
||||
value: "24h",
|
||||
label: "Rychlost",
|
||||
},
|
||||
{
|
||||
value: "10+",
|
||||
label: "Let zkušeností",
|
||||
},
|
||||
{ value: "100%", label: "Transparentnost" },
|
||||
{ value: "24h", label: "Rychlost" },
|
||||
{ value: "10+", label: "Let zkušeností" }
|
||||
]}
|
||||
title="Říkají o nás"
|
||||
description="Našim klientům jde o kvalitní práci, ne o marketing."
|
||||
@@ -343,21 +128,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="O nás"
|
||||
metrics={[
|
||||
{
|
||||
icon: Tool,
|
||||
label: "Poctivý servis",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: MessageSquare,
|
||||
label: "Bez řečí",
|
||||
value: "Ano",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Rychlá práce",
|
||||
value: "Ano",
|
||||
},
|
||||
{ icon: Hammer, label: "Poctivý servis", value: "100%" },
|
||||
{ icon: MessageSquare, label: "Bez řečí", value: "Ano" },
|
||||
{ icon: Clock, label: "Rychlá práce", value: "Ano" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -366,54 +139,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Kontaktujte nás"
|
||||
title="Domluvte si termín"
|
||||
description="Zavolejte na 244 468 934. Najdete nás v Ledarské 238, Praha 4. Správný vjezd je zadní, před zatáčkou."
|
||||
buttons={[
|
||||
{
|
||||
text: "Zavolat mechanikovi",
|
||||
href: "tel:244468934",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Zavolat mechanikovi", href: "tel:244468934" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Servis",
|
||||
items: [
|
||||
{
|
||||
label: "Výměna spojky",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Servis oleje",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Diagnostika",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
{
|
||||
label: "Tel: 244 468 934",
|
||||
href: "tel:244468934",
|
||||
},
|
||||
{
|
||||
label: "Ledarska 238, Praha 4",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Servis", items: [{ label: "Výměna spojky", href: "#services" }, { label: "Servis oleje", href: "#services" }, { label: "Diagnostika", href: "#services" }] },
|
||||
{ title: "Kontakt", items: [{ label: "Tel: 244 468 934", href: "tel:244468934" }, { label: "Ledarska 238, Praha 4", href: "#contact" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Autoopravna Novák Daniel"
|
||||
bottomRightText="Poctivá práce bez zbytečných řečí."
|
||||
|
||||
Reference in New Issue
Block a user