Update src/app/page.tsx
This commit is contained in:
415
src/app/page.tsx
415
src/app/page.tsx
@@ -14,305 +14,136 @@ import { ArrowUp, Clock, Gauge, Truck, Wrench } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="bounce-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">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Úvod",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "O nás",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Technika",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Maivald Jeřáby"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Úvod", id: "hero" },
|
||||
{ name: "O nás", id: "about" },
|
||||
{ name: "Technika", id: "features" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Maivald Jeřáby"
|
||||
button={{ text: "Rezervovat", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Liebherr LTM 1025"
|
||||
description="Profesionální jeřábnické a montážní práce v těžkém terénu s výkonným strojem Liebherr LTM 1025."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Stavební firma A",
|
||||
role: "Projektový manažer",
|
||||
company: "StavbyCZ",
|
||||
rating: 5,
|
||||
testimonial: "Spolehlivé jeřábnické práce, vždy profesionální přístup.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-site-building_74190-1751.jpg",
|
||||
},
|
||||
{
|
||||
name: "Montáže B",
|
||||
role: "Vedoucí zakázek",
|
||||
company: "Mont-Pro",
|
||||
rating: 5,
|
||||
testimonial: "Skvělá technika a zkušený personál.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-from-distance-athletic-builder-work-wear-standing-construction-high-building-crane-holding-construction-with-man-city-extreme-building-house-big-city-man-looking-down_7502-8713.jpg",
|
||||
},
|
||||
{
|
||||
name: "Inženýrské sítě",
|
||||
role: "Technik",
|
||||
company: "Sítě-CZ",
|
||||
rating: 5,
|
||||
testimonial: "Maximální profesionalita a preciznost.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crane-building-construction-site_1232-2594.jpg",
|
||||
},
|
||||
{
|
||||
name: "Stavební skupina C",
|
||||
role: "Stavbyvedoucí",
|
||||
company: "Build-Co",
|
||||
rating: 5,
|
||||
testimonial: "Spolehlivý partner pro naše jeřábnické projekty.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-day-light-outdoors_23-2149194801.jpg",
|
||||
},
|
||||
{
|
||||
name: "Ocelové konstrukce",
|
||||
role: "Manager",
|
||||
company: "Kov-Pro",
|
||||
rating: 5,
|
||||
testimonial: "Velmi doporučuji, Liebherr zvládne vše.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-hydraulic-elements_23-2149333321.jpg",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/construction-activity-dubai-downtown-dubai-uae-dubai-is-most-populous-city-emirate-united-arab-emirates_231208-7572.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-working_23-2148902557.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/men-discussing-outdoors-high-angle_23-2149426493.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-using-excavator-digging-day-light_23-2149194784.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/indian-man-working-male-yellow-vest-man-near-tractor_1157-47555.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-worker-with-bulldozer-sand-quarry_1303-28100.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Certifikovaný jeřábník",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Liebherr LTM 1025",
|
||||
icon: Wrench,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bezpečnost na prvním místě",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Podpora",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Pojištěná činnost",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{ variant: "plain" }}
|
||||
title="Liebherr LTM 1025"
|
||||
description="Profesionální jeřábnické a montážní práce v těžkém terénu s výkonným strojem Liebherr LTM 1025."
|
||||
testimonials={[
|
||||
{ name: "Stavební firma A", handle: "@StavbyCZ", testimonial: "Spolehlivé jeřábnické práce, vždy profesionální přístup.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/construction-site-building_74190-1751.jpg" },
|
||||
{ name: "Montáže B", handle: "@MontPro", testimonial: "Skvělá technika a zkušený personál.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-from-distance-athletic-builder-work-wear-standing-construction-high-building-crane-holding-construction-with-man-city-extreme-building-house-big-city-man-looking-down_7502-8713.jpg" },
|
||||
{ name: "Inženýrské sítě", handle: "@SiteCZ", testimonial: "Maximální profesionalita a preciznost.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/crane-building-construction-site_1232-2594.jpg" },
|
||||
{ name: "Stavební skupina C", handle: "@BuildCo", testimonial: "Spolehlivý partner pro naše jeřábnické projekty.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-day-light-outdoors_23-2149194801.jpg" },
|
||||
{ name: "Ocelové konstrukce", handle: "@KovPro", testimonial: "Velmi doporučuji, Liebherr zvládne vše.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-hydraulic-elements_23-2149333321.jpg" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/construction-activity-dubai-downtown-dubai-uae-dubai-is-most-populous-city-emirate-united-arab-emirates_231208-7572.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-working_23-2148902557.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/men-discussing-outdoors-high-angle_23-2149426493.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-using-excavator-digging-day-light_23-2149194784.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/indian-man-working-male-yellow-vest-man-near-tractor_1157-47555.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-worker-with-bulldozer-sand-quarry_1303-28100.jpg", alt: "Client 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Certifikovaný jeřábník" },
|
||||
{ type: "text-icon", text: "Liebherr LTM 1025", icon: Wrench },
|
||||
{ type: "text", text: "Bezpečnost na prvním místě" },
|
||||
{ type: "text-icon", text: "24/7 Podpora", icon: Clock },
|
||||
{ type: "text", text: "Pojištěná činnost" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Specialista na náročné montáže",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/man-nacelle_268835-3277.jpg",
|
||||
alt: "Jeřáb v terénu",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Specialista na náročné montáže" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/man-nacelle_268835-3277.jpg", alt: "Jeřáb v terénu" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Nosnost",
|
||||
description: "25 t při 3 m vyložení",
|
||||
icon: Gauge,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194771.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194799.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-activity-dubai-downtown-dubai-uae-dubai-is-most-populous-city-emirate-united-arab-emirates_231208-7572.jpg?_wi=2",
|
||||
imageAlt: "industrial crane telescoping boom",
|
||||
},
|
||||
{
|
||||
title: "Dosah",
|
||||
description: "Výška zdvihu až 41 metrů",
|
||||
icon: ArrowUp,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tractor-operator-sand-pit_1398-1884.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-streets-office-building-business-district_107420-95722.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-nacelle_268835-3277.jpg",
|
||||
imageAlt: "industrial crane telescoping boom",
|
||||
},
|
||||
{
|
||||
title: "Mobilita",
|
||||
description: "2 nápravy, celková hmotnost 24 t",
|
||||
icon: Truck,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shipping-container-being-unloaded-by-crane-sunset_23-2152021811.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-female-driver-operating-forklift-vehicle_23-2150248805.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-medical-lab-workstation-background-with-digital-apps-computer-screen_482257-124525.jpg?_wi=1",
|
||||
imageAlt: "industrial crane telescoping boom",
|
||||
},
|
||||
]}
|
||||
title="Technické parametry"
|
||||
description="Výkonný autojeřáb pro vaše projekty"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Nosnost", description: "25 t při 3 m vyložení", icon: Gauge,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194771.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194799.jpg" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Dosah", description: "Výška zdvihu až 41 metrů", icon: ArrowUp,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tractor-operator-sand-pit_1398-1884.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-streets-office-building-business-district_107420-95722.jpg" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Mobilita", description: "2 nápravy, celková hmotnost 24 t", icon: Truck,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/shipping-container-being-unloaded-by-crane-sunset_23-2152021811.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-female-driver-operating-forklift-vehicle_23-2150248805.jpg" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Technické parametry"
|
||||
description="Výkonný autojeřáb pro vaše projekty"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Časté dotazy"
|
||||
description="Zodpovídáme vaše nejčastější otázky ohledně pronájmu autojeřábů."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Jaká je minimální doba pronájmu?",
|
||||
content: "Pronájem je možný již od jedné hodiny dle domluvy.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Jsou jeřábnické práce pojištěny?",
|
||||
content: "Samozřejmě, veškerá naše činnost je řádně pojištěna.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Provádíte montáže v těžkém terénu?",
|
||||
content: "Ano, Liebherr LTM 1025 je ideální pro náročné terény.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Jak dlouho dopředu musím rezervovat?",
|
||||
content: "Doporučujeme kontakt alespoň 3 dny před plánovanou akcí.",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Jaké jsou platební podmínky?",
|
||||
content: "Platba probíhá standardně fakturou po ukončení zakázky.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Kontaktujte nás"
|
||||
description="Vilém Maivald, Husovo nábřeží 378, Žamberk."
|
||||
inputs={[
|
||||
{ name: "jmeno", type: "text", placeholder: "Vaše jméno", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Váš email", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smart-medical-lab-workstation-background-with-digital-apps-computer-screen_482257-124525.jpg"
|
||||
textarea={{ name: "zprava", placeholder: "Popis zakázky", rows: 4, required: true }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Kontaktujte nás"
|
||||
description="Vilém Maivald, Husovo nábřeží 378, Žamberk."
|
||||
inputs={[
|
||||
{
|
||||
name: "jmeno",
|
||||
type: "text",
|
||||
placeholder: "Vaše jméno",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Váš email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smart-medical-lab-workstation-background-with-digital-apps-computer-screen_482257-124525.jpg?_wi=2"
|
||||
textarea={{
|
||||
name: "zprava",
|
||||
placeholder: "Popis zakázky",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
{
|
||||
label: "602 405 583",
|
||||
href: "tel:602405583",
|
||||
},
|
||||
{
|
||||
label: "autojerabycz@seznam.cz",
|
||||
href: "mailto:autojerabycz@seznam.cz",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Adresa",
|
||||
items: [
|
||||
{
|
||||
label: "Husovo nábřeží 378, Žamberk",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Vilém Maivald"
|
||||
bottomRightText="IČ: 16807472"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Kontakt", items: [
|
||||
{ label: "602 405 583", href: "tel:602405583" },
|
||||
{ label: "autojerabycz@seznam.cz", href: "mailto:autojerabycz@seznam.cz" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Adresa", items: [{ label: "Husovo nábřeží 378, Žamberk", href: "#" }],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Vilém Maivald"
|
||||
bottomRightText="IČ: 16807472"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user