277 lines
12 KiB
TypeScript
277 lines
12 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 FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import { Award, Building, Building2, CheckCircle, FileText, Home, Paintbrush, Phone, ShieldCheck, Smile, Wrench } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="large"
|
|
background="noise"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "O nás", id: "about"},
|
|
{
|
|
name: "Služby", id: "services"},
|
|
{
|
|
name: "Reference", id: "portfolio"},
|
|
{
|
|
name: "Kontakt", id: "contact"},
|
|
]}
|
|
brandName="ČERMÁKSTAV"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Stavíme domovy, které přetrvají generace."
|
|
description="Profesionální stavební společnost s více než 25letou tradicí. Realizujeme projekty s důrazem na kvalitu, detail a stoprocentní spokojenost našich klientů."
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-couple-standing-front-camper-van_23-2148653441.jpg", alt: "Client 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg", alt: "Client 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-couple-sitting-floor-with-moving-boxes_1098-1939.jpg", alt: "Client 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-handsome-busy-man-talking-phone-business-center_171337-19950.jpg", alt: "Client 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/building-night_1127-3365.jpg", alt: "Client 5"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Naše reference", href: "#portfolio"},
|
|
{
|
|
text: "Nezávazná poptávka", href: "#contact"},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Kvalita"},
|
|
{
|
|
type: "text", text: "Tradice"},
|
|
{
|
|
type: "text", text: "Spolehlivost"},
|
|
{
|
|
type: "text", text: "Preciznost"},
|
|
{
|
|
type: "text", text: "Inovace"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "m1", icon: Award,
|
|
title: "Let tradice", value: "25+"},
|
|
{
|
|
id: "m2", icon: Building,
|
|
title: "Úspěšných projektů", value: "500+"},
|
|
{
|
|
id: "m3", icon: Smile,
|
|
title: "Spokojených klientů", value: "100%"},
|
|
]}
|
|
title="Naše čísla"
|
|
description="Důkazy naší odbornosti a spolehlivosti."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={false}
|
|
title="O nás"
|
|
metrics={[
|
|
{
|
|
icon: ShieldCheck,
|
|
label: "Certifikovaný partner", value: "Knauf"},
|
|
{
|
|
icon: ShieldCheck,
|
|
label: "Certifikovaný partner", value: "Rigips"},
|
|
{
|
|
icon: ShieldCheck,
|
|
label: "Certifikovaný partner", value: "Isover"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureBorderGlow
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
icon: Home,
|
|
title: "Rodinné domy", description: "Výstavba na klíč od základů až po střechu."},
|
|
{
|
|
icon: Wrench,
|
|
title: "Rekonstrukce", description: "Kompletní modernizace bytů a domů."},
|
|
{
|
|
icon: Wrench,
|
|
title: "Stavební práce", description: "Zdění, betonáže, izolace a hrubé stavby."},
|
|
{
|
|
icon: Paintbrush,
|
|
title: "Interiéry", description: "Precizní dokončovací práce a design."},
|
|
{
|
|
icon: Home,
|
|
title: "Střechy", description: "Montáže střešních systémů a izolací."},
|
|
{
|
|
icon: Building2,
|
|
title: "Okna a dveře", description: "Dodávka a montáž certifikovaných systémů."},
|
|
]}
|
|
title="Naše služby"
|
|
description="Komplexní řešení pro vaše bydlení a komerční prostory."
|
|
/>
|
|
</div>
|
|
|
|
<div id="process" data-section="process">
|
|
<FeatureBorderGlow
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
icon: Phone,
|
|
title: "Konzultace", description: "První schůzka a analýza vašich potřeb."},
|
|
{
|
|
icon: FileText,
|
|
title: "Projekt a rozpočet", description: "Zpracování projektu a cenové nabídky."},
|
|
{
|
|
icon: Building,
|
|
title: "Realizace", description: "Kvalitní práce našich řemeslníků."},
|
|
{
|
|
icon: CheckCircle,
|
|
title: "Předání", description: "Finální kontrola a předání hotového díla."},
|
|
]}
|
|
title="Náš proces"
|
|
description="Jak probíhá spolupráce s ČERMÁKSTAV."
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Moderní vila", price: "Realizace 2023", imageSrc: "http://img.b2bpic.net/free-photo/wide-shot-brown-gray-houses-pink-sky_181624-3252.jpg"},
|
|
{
|
|
id: "p2", name: "Rekonstrukce bytu", price: "Realizace 2022", imageSrc: "http://img.b2bpic.net/free-photo/design-house-modern-villa-with-open-plan-living-private-bedroom-wing-large-terrace-with-privacy_1258-169751.jpg"},
|
|
{
|
|
id: "p3", name: "Rodinný dům", price: "Realizace 2023", imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892972.jpg"},
|
|
{
|
|
id: "p4", name: "Komerční prostory", price: "Realizace 2021", imageSrc: "http://img.b2bpic.net/free-photo/salina-turda-salt-mine-romania_1268-20549.jpg"},
|
|
{
|
|
id: "p5", name: "Střešní nástavba", price: "Realizace 2023", imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-embracing-each-other-while-outdoors-night_23-2149215087.jpg"},
|
|
{
|
|
id: "p6", name: "Exteriérové úpravy", price: "Realizace 2022", imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248316.jpg"},
|
|
]}
|
|
title="Naše reference"
|
|
description="Prohlédněte si naše vybrané realizace."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Martin Dvořák", handle: "Majitel RD", testimonial: "Skvělá komunikace a výborná kvalita práce. Vše proběhlo dle harmonogramu.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-199927.jpg"},
|
|
{
|
|
id: "t2", name: "Jana Svobodová", handle: "Rekonstrukce", testimonial: "Čermákstav mohu jen doporučit, precizní práce a velmi profesionální přístup.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg"},
|
|
{
|
|
id: "t3", name: "Petr Novák", handle: "Stavba na klíč", testimonial: "Stavba našeho domu proběhla naprosto bez problémů. Profesionálové v oboru.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-doing-ok-gesture_1298-73.jpg"},
|
|
{
|
|
id: "t4", name: "Lucie Černá", handle: "Interiér", testimonial: "Velmi si vážím jejich smyslu pro detail a čistotu při práci.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-showing-approval_23-2148269355.jpg"},
|
|
{
|
|
id: "t5", name: "Tomáš Kučera", handle: "Střecha", testimonial: "Rychlá realizace a velmi vstřícné jednání. Maximální spokojenost.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-using-digital-tablet_1170-373.jpg"},
|
|
]}
|
|
title="Co o nás říkají"
|
|
description="Spokojenost našich klientů je pro nás prioritou."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Poptávkový formulář"
|
|
title="Kontaktujte nás"
|
|
description="Domluvte si nezávaznou konzultaci vašeho projektu."
|
|
imageSrc="http://img.b2bpic.net/free-photo/giant-glass-buildings_1127-2023.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="ČERMÁKSTAV"
|
|
columns={[
|
|
{
|
|
title: "Navigace", items: [
|
|
{
|
|
label: "O nás", href: "#about"},
|
|
{
|
|
label: "Služby", href: "#services"},
|
|
{
|
|
label: "Reference", href: "#portfolio"},
|
|
],
|
|
},
|
|
{
|
|
title: "Kontakt", items: [
|
|
{
|
|
label: "Telefon", href: "tel:+420123456789"},
|
|
{
|
|
label: "Email", href: "mailto:info@cermakstav.cz"},
|
|
],
|
|
},
|
|
{
|
|
title: "Právní", items: [
|
|
{
|
|
label: "GDPR", href: "#"},
|
|
{
|
|
label: "Obchodní podmínky", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 ČERMÁKSTAV. Všechna práva vyhrazena."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |