Merge version_1_1782246705745 into main #2

Merged
bender merged 2 commits from version_1_1782246705745 into main 2026-06-23 20:32:46 +00:00
2 changed files with 143 additions and 355 deletions

View File

@@ -7,115 +7,58 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
export default function Layout() {
const navItems = [
{
"name": "Služby",
"href": "#sluzby"
},
{
"name": "Dotace",
"href": "#dotace"
},
{
"name": "Reference",
"href": "#reference"
},
{
"name": "Kontakt",
"href": "#kontakt"
},
{
"name": "Hero",
"href": "#hero"
},
{
"name": "Proc My",
"href": "#proc-my"
},
{
"name": "Cenik",
"href": "#cenik"
}
];
{ name: "Služby", href: "#sluzby" },
{ name: "Dotace", href: "#dotace" },
{ name: "Reference", href: "#reference" },
{ name: "Kontakt", href: "#kontakt" }
];
return (
<StyleProvider buttonVariant="shift" siteBackground="noise" heroBackground="cornerGlow">
<SiteBackgroundSlot />
<SectionErrorBoundary name="navbar">
<NavbarFloatingLogo
logo="PUR Vávra"
ctaButton={{
text: "Nezávazná kalkulace",
href: "#kontakt",
}}
navItems={navItems} />
logo="PUR Vávra"
logoImageSrc="http://img.b2bpic.net/free-vector/collection-logos-branding-vector_53876-66297.jpg"
ctaButton={{
text: "Nezávazná kalkulace", href: "#kontakt"}}
navItems={navItems}
/>
</SectionErrorBoundary>
<main className="flex-grow">
<Outlet />
</main>
<SectionErrorBoundary name="footer">
<FooterSimpleCard
brand="PUR pěna Vávra"
columns={[
{
title: "Služby",
items: [
brand="PUR pěna Vávra"
columns={[
{
label: "Stříkaná izolace",
href: "#sluzby",
title: "Služby", items: [
{ label: "Stříkaná izolace", href: "#sluzby" },
{ label: "Foukaná izolace", href: "#sluzby" },
{ label: "Dotace NZÚ", href: "#dotace" },
],
},
{
label: "Foukaná izolace",
href: "#sluzby",
title: "Informace", items: [
{ label: "O nás", href: "#onas" },
{ label: "Ceník", href: "#cenik" },
{ label: "Reference", href: "#reference" },
],
},
{
label: "Dotace NZÚ",
href: "#dotace",
title: "Kontakt", items: [
{ label: "Tel: 777 000 111", href: "tel:+420777000111" },
{ label: "Email: info@purvavra.cz", href: "mailto:info@purvavra.cz" },
],
},
],
},
{
title: "Informace",
items: [
{
label: "O nás",
href: "#onas",
},
{
label: "Ceník",
href: "#cenik",
},
{
label: "Reference",
href: "#reference",
},
],
},
{
title: "Kontakt",
items: [
{
label: "Tel: 777 000 111",
href: "tel:+420777000111",
},
{
label: "Email: info@purvavra.cz",
href: "mailto:info@purvavra.cz",
},
],
},
]}
copyright="© 2024 PUR pěna Vávra. Všechna práva vyhrazena."
links={[
{
label: "GDPR",
href: "#",
},
{
label: "Cookies",
href: "#",
},
]}
/>
]}
copyright="© 2024 PUR pěna Vávra. Všechna práva vyhrazena."
links={[
{ label: "GDPR", href: "#" },
{ label: "Cookies", href: "#" },
]}
/>
</SectionErrorBoundary>
</StyleProvider>
);

View File

@@ -4,288 +4,133 @@ import FeaturesImageBento from '@/components/sections/features/FeaturesImageBent
import HeroBillboardTiltedCarousel from '@/components/sections/hero/HeroBillboardTiltedCarousel';
import PricingMediaCards from '@/components/sections/pricing/PricingMediaCards';
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
import { Award, Clock, Zap } from "lucide-react";
import { Award, Clock, Zap, Shield, CheckCircle, Star } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroBillboardTiltedCarousel
tag="Expertní izolace v celé ČR"
title="Váš domov v teple a bez zbytečných nákladů"
description="Profesionální stříkaná a foukaná PUR izolace. Rychlá realizace za jediný den, certifikované materiály a pomoc s dotací Nová zelená úsporám."
primaryButton={{
text: "Nezávazná kalkulace zdarma",
href: "#kontakt",
}}
secondaryButton={{
text: "Zavolejte nám",
href: "tel:+420777000111",
}}
items={[
{
imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086830.jpg?_wi=1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-helmet_23-2149343695.jpg?_wi=1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/architects-working-project_23-2147702515.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/bunch-cotton-wools-marble-table_114579-22032.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12877.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/construction-site_53876-31720.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Expertní izolace v celé ČR"
title="Váš domov v teple a bez zbytečných nákladů"
description="Profesionální stříkaná a foukaná PUR izolace. Rychlá realizace za jediný den, certifikované materiály a pomoc s dotací Nová zelená úsporám."
primaryButton={{
text: "Nezávazná kalkulace zdarma", href: "#kontakt"}}
secondaryButton={{
text: "Zavolejte nám", href: "tel:+420777000111"}}
items={[
{ imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086830.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-helmet_23-2149343695.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/architects-working-project_23-2147702515.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/bunch-cotton-wools-marble-table_114579-22032.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12877.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/construction-site_53876-31720.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="sluzby" data-section="sluzby">
<SectionErrorBoundary name="sluzby">
<div id="sluzby" data-section="sluzby">
<SectionErrorBoundary name="sluzby">
<FeaturesImageBento
tag="Naše řešení"
title="Izolace pro každý prostor"
description="Pokročilé systémy izolací pro rodinné domy, chalupy i průmyslové objekty."
items={[
{
title: "Střechy a podkroví",
description: "Efektivní zateplení šikmých střech.",
imageSrc: "http://img.b2bpic.net/free-photo/metal-structure_181624-31076.jpg",
},
{
title: "Podlahy a základy",
description: "Prevence úniků tepla a vlhkosti.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-builders_1398-5099.jpg",
},
{
title: "Foukaná izolace",
description: "Rychlá aplikace pro těžko přístupná místa.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-safety-protection-equipment_23-2148908409.jpg",
},
{
title: "Ploché střechy",
description: "Tvrdá pěna pro maximální odolnost.",
imageSrc: "http://img.b2bpic.net/free-photo/construction-architecture-hardhat-helmet-site-concept_53876-124126.jpg",
},
{
title: "Průmyslové objekty",
description: "Velkoobjemové izolace na klíč.",
imageSrc: "http://img.b2bpic.net/free-photo/texture-close-up-concrete-wall_23-2148198906.jpg",
},
{
title: "Radonová ochrana",
description: "Tvrdá izolace proti radonu.",
imageSrc: "http://img.b2bpic.net/free-photo/cozy-house-concept-with-wooden-toy-house_23-2149595180.jpg",
},
{
title: "Rodinné domy",
description: "Komplexní zateplení vašeho domova.",
imageSrc: "http://img.b2bpic.net/free-photo/descending-stairs-caring-smiling-young-indian-man-supporting-cute-asian-dark-haired-woman-high-heels-looking-down-stairs-lighted-room_259150-58754.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Naše řešení"
title="Izolace pro každý prostor"
description="Pokročilé systémy izolací pro rodinné domy, chalupy i průmyslové objekty."
items={[
{ title: "Střechy a podkroví", description: "Efektivní zateplení šikmých střech.", imageSrc: "http://img.b2bpic.net/free-photo/metal-structure_181624-31076.jpg" },
{ title: "Podlahy a základy", description: "Prevence úniků tepla a vlhkosti.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-builders_1398-5099.jpg" },
{ title: "Foukaná izolace", description: "Rychlá aplikace pro těžko přístupná místa.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-safety-protection-equipment_23-2148908409.jpg" },
{ title: "Ploché střechy", description: "Tvrdá pěna pro maximální odolnost.", imageSrc: "http://img.b2bpic.net/free-photo/construction-architecture-hardhat-helmet-site-concept_53876-124126.jpg" },
{ title: "Průmyslové objekty", description: "Velkoobjemové izolace na klíč.", imageSrc: "http://img.b2bpic.net/free-photo/texture-close-up-concrete-wall_23-2148198906.jpg" },
{ title: "Radonová ochrana", description: "Tvrdá izolace proti radonu.", imageSrc: "http://img.b2bpic.net/free-photo/cozy-house-concept-with-wooden-toy-house_23-2149595180.jpg" },
{ title: "Rodinné domy", description: "Komplexní zateplení vašeho domova.", imageSrc: "http://img.b2bpic.net/free-photo/descending-stairs-caring-smiling-young-indian-man-supporting-cute-asian-dark-haired-woman-high-heels-looking-down-stairs-lighted-room_259150-58754.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="proc-my" data-section="proc-my">
<SectionErrorBoundary name="proc-my">
<div id="proc-my" data-section="proc-my">
<SectionErrorBoundary name="proc-my">
<FeaturesBento
tag="Proč si vybrat nás"
title="Kvalita bez kompromisů"
description="Přinášíme úspory energie a maximální komfort díky moderním technologiím."
features={[
{
title: "Okamžitá úspora",
description: "Snižte náklady na energie až o 50 %.",
bentoComponent: "info-card-marquee",
infoCards: [
{
icon: Zap,
label: "Energie",
value: "50%",
},
{
icon: Clock,
label: "Realizace",
value: "1 den",
},
],
imageSrc: "http://img.b2bpic.net/free-vector/collection-logos-branding-vector_53876-66297.jpg",
imageAlt: "construction company logo",
},
{
title: "Bez tepelných mostů",
description: "Souvislá vrstva bez mezer a spojů.",
bentoComponent: "checklist-timeline",
heading: "Proces aplikace",
subheading: "Jak pracujeme",
checklistItems: [
{
label: "Příprava",
detail: "Ochrana ploch.",
},
{
label: "Aplikace",
detail: "Aplikace pěny.",
},
{
label: "Kontrola",
detail: "Finální revize.",
},
],
completedLabel: "Hotovo",
imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086830.jpg?_wi=2",
imageAlt: "construction company logo",
},
{
title: "Certifikováno",
description: "Používáme jen prověřené materiály Crossin.",
bentoComponent: "orbiting-icons",
centerIcon: Award,
orbitIcons: [
"Shield",
"CheckCircle",
"Zap",
"Star",
],
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-helmet_23-2149343695.jpg?_wi=2",
imageAlt: "construction company logo",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Proč si vybrat nás"
title="Kvalita bez kompromisů"
description="Přinášíme úspory energie a maximální komfort díky moderním technologiím."
features={[
{
title: "Okamžitá úspora", description: "Snižte náklady na energie až o 50 %.", bentoComponent: "info-card-marquee", infoCards: [
{ icon: "Zap", label: "Energie", value: "50%" },
{ icon: "Clock", label: "Realizace", value: "1 den" },
],
},
{
title: "Bez tepelných mostů", description: "Souvislá vrstva bez mezer a spojů.", bentoComponent: "checklist-timeline", heading: "Proces aplikace", subheading: "Jak pracujeme", checklistItems: [
{ label: "Příprava", detail: "Ochrana ploch." },
{ label: "Aplikace", detail: "Aplikace pěny." },
{ label: "Kontrola", detail: "Finální revize." },
],
completedLabel: "Hotovo"},
{
title: "Certifikováno", description: "Používáme jen prověřené materiály Crossin.", bentoComponent: "orbiting-icons", centerIcon: "Award", orbitIcons: ["Shield", "CheckCircle", "Zap", "Star"],
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="cenik" data-section="cenik">
<SectionErrorBoundary name="cenik">
<div id="cenik" data-section="cenik">
<SectionErrorBoundary name="cenik">
<PricingMediaCards
tag="Ceník"
title="Transparentní ceny"
description="Orientační kalkulace izolací dle rozsahu a typu objektu."
plans={[
{
tag: "Standard",
price: "od 450 Kč/m²",
period: "měkká pěna",
features: [
"Vhodné pro podkroví",
"Akustická izolace",
"Rychlá aplikace",
],
primaryButton: {
text: "Kalkulace",
href: "#kontakt",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-japanese-street-food_23-2149287795.jpg",
},
{
tag: "Premium",
price: "od 750 Kč/m²",
period: "tvrdá pěna",
features: [
"Ploché střechy",
"Vysoká odolnost",
"Radonová bariéra",
],
primaryButton: {
text: "Kalkulace",
href: "#kontakt",
},
imageSrc: "http://img.b2bpic.net/free-photo/front-view-construction-roof-daylight_23-2148748815.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Ceník"
title="Transparentní ceny"
description="Orientační kalkulace izolací dle rozsahu a typu objektu."
plans={[
{ tag: "Standard", price: "od 450 Kč/m²", period: "měkká pěna", features: ["Vhodné pro podkroví", "Akustická izolace", "Rychlá aplikace"], primaryButton: { text: "Kalkulace", href: "#kontakt" }, imageSrc: "http://img.b2bpic.net/free-photo/close-up-japanese-street-food_23-2149287795.jpg" },
{ tag: "Premium", price: "od 750 Kč/m²", period: "tvrdá pěna", features: ["Ploché střechy", "Vysoká odolnost", "Radonová bariéra"], primaryButton: { text: "Kalkulace", href: "#kontakt" }, imageSrc: "http://img.b2bpic.net/free-photo/front-view-construction-roof-daylight_23-2148748815.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="reference" data-section="reference">
<SectionErrorBoundary name="reference">
<div id="reference" data-section="reference">
<SectionErrorBoundary name="reference">
<TestimonialRatingCards
tag="Reference"
title="Spokojení zákazníci"
description="Tisíce úspěšně zateplených objektů napříč Českou republikou."
testimonials={[
{
name: "Jan Novák",
role: "Majitel RD",
quote: "Skvělá práce, hotovo za den a rozdíl v teple je znát okamžitě.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-construction_23-2148384512.jpg",
},
{
name: "Petra Svobodová",
role: "Investorka",
quote: "Profesionální přístup a pomoc s dotacemi na výbornou.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof-with-hammer_23-2149343667.jpg",
},
{
name: "Martin Kučera",
role: "Chalupář",
quote: "Pěna Vávra byla nejlepší volba pro naši chalupu.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-decorative-word-home-blurred-background-with-candles_169016-19132.jpg",
},
{
name: "Alena Dvořáková",
role: "Architektka",
quote: "Doporučuji pro náročné projekty, certifikace jsou v pořádku.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-building-roof-house_23-2148748843.jpg",
},
{
name: "Tomáš Černý",
role: "Majitel firmy",
quote: "Rychlá realizace průmyslové haly, vše proběhlo bez problémů.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/service-man-instelling-house-heating-system-floor_1303-26525.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Reference"
title="Spokojení zákazníci"
description="Tisíce úspěšně zateplených objektů napříč Českou republikou."
testimonials={[
{ name: "Jan Novák", role: "Majitel RD", quote: "Skvělá práce, hotovo za den a rozdíl v teple je znát okamžitě.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-construction_23-2148384512.jpg" },
{ name: "Petra Svobodová", role: "Investorka", quote: "Profesionální přístup a pomoc s dotacemi na výbornou.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof-with-hammer_23-2149343667.jpg" },
{ name: "Martin Kučera", role: "Chalupář", quote: "Pěna Vávra byla nejlepší volba pro naši chalupu.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-decorative-word-home-blurred-background-with-candles_169016-19132.jpg" },
{ name: "Alena Dvořáková", role: "Architektka", quote: "Doporučuji pro náročné projekty, certifikace jsou v pořádku.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-building-roof-house_23-2148748843.jpg" },
{ name: "Tomáš Černý", role: "Majitel firmy", quote: "Rychlá realizace průmyslové haly, vše proběhlo bez problémů.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/service-man-instelling-house-heating-system-floor_1303-26525.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="dotace" data-section="dotace">
<SectionErrorBoundary name="dotace">
<div id="dotace" data-section="dotace">
<SectionErrorBoundary name="dotace">
<ContactCta
tag="Nová zelená úsporám"
text="Jsme registrovanými dodavateli programu Nová zelená úsporám. Pomůžeme vám získat dotaci na zateplení efektivně a bez starostí."
primaryButton={{
text: "Získat konzultaci",
href: "#kontakt",
}}
secondaryButton={{
text: "Více o dotacích",
href: "/dotace",
}}
/>
</SectionErrorBoundary>
</div>
tag="Nová zelená úsporám"
text="Jsme registrovanými dodavateli programu Nová zelená úsporám. Pomůžeme vám získat dotaci na zateplení efektivně a bez starostí."
primaryButton={{ text: "Získat konzultaci", href: "#kontakt" }}
secondaryButton={{ text: "Více o dotacích", href: "/dotace" }}
/>
</SectionErrorBoundary>
</div>
<div id="kontakt" data-section="kontakt">
<SectionErrorBoundary name="kontakt">
<div id="kontakt" data-section="kontakt">
<SectionErrorBoundary name="kontakt">
<ContactCta
tag="Kontaktujte nás"
text="Máte otázky nebo chcete nezávaznou kalkulaci? Ozvěte se nám."
primaryButton={{
text: "Zavolat: 777 000 111",
href: "tel:+420777000111",
}}
secondaryButton={{
text: "Email: info@purvavra.cz",
href: "mailto:info@purvavra.cz",
}}
/>
</SectionErrorBoundary>
</div>
tag="Kontaktujte nás"
text="Máte otázky nebo chcete nezávaznou kalkulaci? Ozvěte se nám."
primaryButton={{ text: "Zavolat: 777 000 111", href: "tel:+420777000111" }}
secondaryButton={{ text: "Email: info@purvavra.cz", href: "mailto:info@purvavra.cz" }}
/>
</SectionErrorBoundary>
</div>
</>
);
}