282 lines
8.7 KiB
TypeScript
282 lines
8.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import { Award, Calendar, CheckCircle, Headphones, MapPin, ShieldCheck, Users, Wrench } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="fluid"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Úvod",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "O nás",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Služby",
|
|
id: "services",
|
|
},
|
|
{
|
|
name: "Reference",
|
|
id: "gallery",
|
|
},
|
|
{
|
|
name: "Kontakt",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Top KOVODĚL"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
logoText="Top KOVODĚL"
|
|
description="Kompletní montáže, rekonstrukce a servis pro rodinné domy, byty i průmyslové objekty. Uherský Brod a okolí."
|
|
buttons={[
|
|
{
|
|
text: "Naše služby",
|
|
href: "#services",
|
|
},
|
|
]}
|
|
layoutOrder="default"
|
|
imageSrc="http://img.b2bpic.net/free-photo/plumber-holding-hammer_1368-6308.jpg?_wi=1"
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={false}
|
|
title="Tradice od roku 1994"
|
|
metrics={[
|
|
{
|
|
icon: Calendar,
|
|
label: "Rok založení",
|
|
value: "1994",
|
|
},
|
|
{
|
|
icon: Award,
|
|
label: "Zkušenosti",
|
|
value: "30+ let",
|
|
},
|
|
{
|
|
icon: CheckCircle,
|
|
label: "Servis",
|
|
value: "Certifikovaný",
|
|
},
|
|
{
|
|
icon: MapPin,
|
|
label: "Lokalita",
|
|
value: "Uherský Brod",
|
|
},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Topení",
|
|
description: "Kompletní návrhy a montáže vytápění.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room-copy-space_169016-53751.jpg?_wi=1",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-bathroom-interior_23-2151995354.jpg?_wi=1",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/plumber-holding-hammer_1368-6308.jpg?_wi=2",
|
|
imageAlt: "modern heating installation boiler room",
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Voda a kanalizace",
|
|
description: "Rozvody vody a odpadů.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721548.jpg?_wi=1",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room-copy-space_169016-53751.jpg?_wi=2",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/professional-car-mechanic-repair-shop_342744-262.jpg",
|
|
imageAlt: "professional heating engineer workshop",
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Plynoinstalace",
|
|
description: "Bezpečná montáž a servis plynu.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-bathroom-interior_23-2151995354.jpg?_wi=2",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721548.jpg?_wi=2",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room-copy-space_169016-53751.jpg?_wi=3",
|
|
imageAlt: "modern boiler room installation",
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Solární systémy",
|
|
description: "Efektivní využití obnovitelné energie.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room-copy-space_169016-53751.jpg?_wi=4",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-bathroom-interior_23-2151995354.jpg?_wi=3",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-bathroom-interior_23-2151995354.jpg?_wi=4",
|
|
imageAlt: "solar panels on roof house",
|
|
},
|
|
]}
|
|
showStepNumbers={false}
|
|
title="Naše odborné služby"
|
|
description="Zajišťujeme kompletní realizace a servis technických zařízení budov."
|
|
/>
|
|
</div>
|
|
|
|
<div id="trust" data-section="trust">
|
|
<MetricCardThree
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1",
|
|
icon: ShieldCheck,
|
|
title: "Záruka kvality",
|
|
value: "30 let",
|
|
},
|
|
{
|
|
id: "m2",
|
|
icon: Users,
|
|
title: "Partneři",
|
|
value: "Protherm",
|
|
},
|
|
{
|
|
id: "m3",
|
|
icon: Wrench,
|
|
title: "Realizace",
|
|
value: "Vlastní",
|
|
},
|
|
{
|
|
id: "m4",
|
|
icon: Headphones,
|
|
title: "Servis",
|
|
value: "Odborný",
|
|
},
|
|
]}
|
|
title="Proč si vybrat nás"
|
|
description="Kvalita podložená třemi dekádami praxe."
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardOne
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
name: "Kotelny",
|
|
price: "Realizace",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room-copy-space_169016-53751.jpg?_wi=5",
|
|
},
|
|
{
|
|
id: "p2",
|
|
name: "Rekonstrukce",
|
|
price: "Koupelny",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-bathroom-interior_23-2151995354.jpg?_wi=5",
|
|
},
|
|
{
|
|
id: "p3",
|
|
name: "Podlahové topení",
|
|
price: "Instalace",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721548.jpg?_wi=3",
|
|
},
|
|
]}
|
|
title="Naše realizace"
|
|
description="Ukázky precizní práce v regionu Zlín."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
tag="Kontakt"
|
|
title="Jsme zde pro Vás"
|
|
description="Kontaktujte nás pro nezávaznou poptávku."
|
|
imageSrc="http://img.b2bpic.net/free-photo/plumber-holding-hammer_1368-6308.jpg?_wi=3"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/plumber-holding-hammer_1368-6308.jpg?_wi=4"
|
|
columns={[
|
|
{
|
|
title: "Kontakt",
|
|
items: [
|
|
{
|
|
label: "Kučerovo nám. 2474, Uherský Brod",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "572 630 536",
|
|
href: "tel:+420572630536",
|
|
},
|
|
{
|
|
label: "info@topkovodel.cz",
|
|
href: "mailto:info@topkovodel.cz",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Top KOVODĚL"
|
|
copyrightText="© 2025 Top KOVODĚL, spol. s r.o."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|