Merge version_1 into main #2
274
src/app/page.tsx
274
src/app/page.tsx
@@ -29,24 +29,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Služby",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Realizace",
|
||||
id: "#portfolio",
|
||||
},
|
||||
{
|
||||
name: "Proces",
|
||||
id: "#process",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Služby", id: "#services" },
|
||||
{ name: "Realizace", id: "#portfolio" },
|
||||
{ name: "Proces", id: "#process" },
|
||||
{ name: "Kontakt", id: "#contact" },
|
||||
]}
|
||||
brandName="GreenVille"
|
||||
button={{ text: "Kontakt", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -55,45 +44,22 @@ export default function LandingPage() {
|
||||
title="Zelené střechy, které mění domy v oázy klidu"
|
||||
description="Návrh, realizace i dlouhodobá péče — profesionálně, spolehlivě a s důrazem na detail."
|
||||
buttons={[
|
||||
{
|
||||
text: "Získat nezávaznou nabídku",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Prohlédnout realizace",
|
||||
href: "#portfolio",
|
||||
},
|
||||
{ text: "Získat nezávaznou nabídku", href: "#contact" },
|
||||
{ text: "Prohlédnout realizace", href: "#portfolio" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUMELNhQKh53wDGhwobY5VYcT8/luxury-modern-villa-with-lush-green-roof-1774568396783-d30c8686.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUMELNhQKh53wDGhwobY5VYcT8/luxury-modern-villa-with-lush-green-roof-1774568396783-d30c8686.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trust" data-section="trust">
|
||||
<MetricCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="spread"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Hodnocení",
|
||||
subtitle: "Spokojenost klientů",
|
||||
category: "Trust",
|
||||
value: "5.0",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Klienti",
|
||||
subtitle: "Spokojených partnerů",
|
||||
category: "Growth",
|
||||
value: "17+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Realizace",
|
||||
subtitle: "Úspěšných střech",
|
||||
category: "Projects",
|
||||
value: "100+",
|
||||
},
|
||||
{ id: "m1", title: "Hodnocení", subtitle: "Spokojenost klientů", category: "Trust", value: "5.0" },
|
||||
{ id: "m2", title: "Klienti", subtitle: "Spokojených partnerů", category: "Growth", value: "17+" },
|
||||
{ id: "m3", title: "Realizace", subtitle: "Úspěšných střech", category: "Projects", value: "100+" },
|
||||
]}
|
||||
title="Naše výsledky"
|
||||
description="Kvalita, na kterou se můžete spolehnout."
|
||||
@@ -106,46 +72,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
label: "Design",
|
||||
title: "Návrh zelené střechy",
|
||||
items: [
|
||||
"Architektonické řešení na míru",
|
||||
"Optimalizace nákladů",
|
||||
"Estetické plánování",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
label: "Realizace",
|
||||
title: "Odborná realizace",
|
||||
items: [
|
||||
"Bezproblémová instalace",
|
||||
"Kvalitní materiály",
|
||||
"Ekologický přístup",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
label: "Údržba",
|
||||
title: "Dlouhodobá péče",
|
||||
items: [
|
||||
"Servisní prohlídky",
|
||||
"Zavlažovací systémy",
|
||||
"Odborná údržba",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
label: "Dotace",
|
||||
title: "Pomoc s dotacemi",
|
||||
items: [
|
||||
"Poradenství zdarma",
|
||||
"Vyřízení papírování",
|
||||
"Maximum financí",
|
||||
],
|
||||
},
|
||||
{ id: "s1", label: "Design", title: "Návrh zelené střechy", items: ["Architektonické řešení na míru", "Optimalizace nákladů", "Estetické plánování"] },
|
||||
{ id: "s2", label: "Realizace", title: "Odborná realizace", items: ["Bezproblémová instalace", "Kvalitní materiály", "Ekologický přístup"] },
|
||||
{ id: "s3", label: "Údržba", title: "Dlouhodobá péče", items: ["Servisní prohlídky", "Zavlažovací systémy", "Odborná údržba"] },
|
||||
{ id: "s4", label: "Dotace", title: "Pomoc s dotacemi", items: ["Poradenství zdarma", "Vyřízení papírování", "Maximum financí"] },
|
||||
]}
|
||||
title="Naše služby"
|
||||
description="Od prvního návrhu až po dlouhodobou péči o vaši střechu."
|
||||
@@ -156,29 +86,12 @@ export default function LandingPage() {
|
||||
<ProductCardFour
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Moderní vila v lese",
|
||||
price: "Rodinný dům",
|
||||
variant: "Premium",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUMELNhQKh53wDGhwobY5VYcT8/luxury-modern-villa-with-lush-green-roof-1774568396783-d30c8686.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Komerční objekt Praha",
|
||||
price: "Kancelářská budova",
|
||||
variant: "Large scale",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUMELNhQKh53wDGhwobY5VYcT8/luxury-modern-villa-with-lush-green-roof-1774568396783-d30c8686.png?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Rezidenční komplex",
|
||||
price: "Moderní bydlení",
|
||||
variant: "Eco-style",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUMELNhQKh53wDGhwobY5VYcT8/luxury-modern-villa-with-lush-green-roof-1774568396783-d30c8686.png?_wi=4",
|
||||
},
|
||||
{ id: "p1", name: "Moderní vila v lese", price: "Rodinný dům", variant: "Premium", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUMELNhQKh53wDGhwobY5VYcT8/luxury-modern-villa-with-lush-green-roof-1774568396783-d30c8686.png" },
|
||||
{ id: "p2", name: "Komerční objekt Praha", price: "Kancelářská budova", variant: "Large scale", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUMELNhQKh53wDGhwobY5VYcT8/luxury-modern-villa-with-lush-green-roof-1774568396783-d30c8686.png" },
|
||||
{ id: "p3", name: "Rezidenční komplex", price: "Moderní bydlení", variant: "Eco-style", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUMELNhQKh53wDGhwobY5VYcT8/luxury-modern-villa-with-lush-green-roof-1774568396783-d30c8686.png" },
|
||||
]}
|
||||
title="Naše realizace"
|
||||
description="Prohlédněte si naše nejnovější projekty."
|
||||
@@ -190,38 +103,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Profesionalita",
|
||||
quote: "Pokud zelenou střechu, tak jedině s touto firmou. Vše proběhlo hladce.",
|
||||
name: "Sarah Johnson",
|
||||
role: "Majitelka vily",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUMELNhQKh53wDGhwobY5VYcT8/detailed-view-of-a-lush-rooftop-garden-w-1774568396307-2c7a8a27.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Skvělá podpora",
|
||||
quote: "Pomohli nám i s dotací, kterou jsme bez problémů získali. Děkujeme.",
|
||||
name: "Michael Chen",
|
||||
role: "Architekt",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUMELNhQKh53wDGhwobY5VYcT8/detailed-view-of-a-lush-rooftop-garden-w-1774568396307-2c7a8a27.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Perfectní servis",
|
||||
quote: "Od prvního kontaktu až po realizaci vše perfektní. Mohu jen doporučit.",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Investorka",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUMELNhQKh53wDGhwobY5VYcT8/detailed-view-of-a-lush-rooftop-garden-w-1774568396307-2c7a8a27.png?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Skvělý přístup",
|
||||
quote: "Profesionální jednání, spolehlivost a skvělá komunikace od A do Z.",
|
||||
name: "David Kim",
|
||||
role: "Developer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUMELNhQKh53wDGhwobY5VYcT8/detailed-view-of-a-lush-rooftop-garden-w-1774568396307-2c7a8a27.png?_wi=4",
|
||||
},
|
||||
{ id: "t1", title: "Profesionalita", quote: "Pokud zelenou střechu, tak jedině s touto firmou. Vše proběhlo hladce.", name: "Sarah Johnson", role: "Majitelka vily", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUMELNhQKh53wDGhwobY5VYcT8/detailed-view-of-a-lush-rooftop-garden-w-1774568396307-2c7a8a27.png" },
|
||||
{ id: "t2", title: "Skvělá podpora", quote: "Pomohli nám i s dotací, kterou jsme bez problémů získali. Děkujeme.", name: "Michael Chen", role: "Architekt", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUMELNhQKh53wDGhwobY5VYcT8/detailed-view-of-a-lush-rooftop-garden-w-1774568396307-2c7a8a27.png" },
|
||||
{ id: "t3", title: "Perfectní servis", quote: "Od prvního kontaktu až po realizaci vše perfektní. Mohu jen doporučit.", name: "Emily Rodriguez", role: "Investorka", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUMELNhQKh53wDGhwobY5VYcT8/detailed-view-of-a-lush-rooftop-garden-w-1774568396307-2c7a8a27.png" },
|
||||
{ id: "t4", title: "Skvělý přístup", quote: "Profesionální jednání, spolehlivost a skvělá komunikace od A do Z.", name: "David Kim", role: "Developer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUMELNhQKh53wDGhwobY5VYcT8/detailed-view-of-a-lush-rooftop-garden-w-1774568396307-2c7a8a27.png" },
|
||||
]}
|
||||
title="Co o nás říkají klienti"
|
||||
description="Vaše spokojenost je naší prioritou."
|
||||
@@ -234,120 +119,33 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
label: "Design",
|
||||
title: "Návrh zelené střechy",
|
||||
items: [
|
||||
"Architektonické řešení na míru",
|
||||
"Optimalizace nákladů",
|
||||
"Estetické plánování",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
label: "Realizace",
|
||||
title: "Odborná realizace",
|
||||
items: [
|
||||
"Bezproblémová instalace",
|
||||
"Kvalitní materiály",
|
||||
"Ekologický přístup",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
label: "Údržba",
|
||||
title: "Dlouhodobá péče",
|
||||
items: [
|
||||
"Servisní prohlídky",
|
||||
"Zavlažovací systémy",
|
||||
"Odborná údržba",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
label: "Dotace",
|
||||
title: "Pomoc s dotacemi",
|
||||
items: [
|
||||
"Poradenství zdarma",
|
||||
"Vyřízení papírování",
|
||||
"Maximum financí",
|
||||
],
|
||||
},
|
||||
{ id: "proc1", label: "01", title: "Konzultace", items: ["První osobní schůzka", "Analýza možností", "Nabídka řešení"] },
|
||||
{ id: "proc2", label: "02", title: "Návrh řešení", items: ["Individuální projekt", "Výběr rostlin", "Technický plán"] },
|
||||
{ id: "proc3", label: "03", title: "Realizace", items: ["Montáž konstrukce", "Výsadba zeleně", "Kvalitní kontrola"] },
|
||||
{ id: "proc4", label: "04", title: "Péče", items: ["Předání projektu", "Údržbový plán", "Dlouhodobý servis"] },
|
||||
]}
|
||||
title="Naše služby"
|
||||
description="Od prvního návrhu až po dlouhodobou péči o vaši střechu."
|
||||
title="Náš proces"
|
||||
description="Jak proměníme vaši střechu v oázu."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Kontaktujte nás"
|
||||
title="Proměňte svou střechu v živý prostor"
|
||||
description="Máte zájem o nezávaznou konzultaci zdarma? Rádi vám odpovíme na všechny dotazy."
|
||||
buttons={[
|
||||
{
|
||||
text: "Nezávazná konzultace zdarma",
|
||||
href: "mailto:info@greenville.cz",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Nezávazná konzultace zdarma", href: "mailto:info@greenville.cz" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Služby",
|
||||
items: [
|
||||
{
|
||||
label: "Návrhy střech",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Údržba a servis",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Dotace",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Firma",
|
||||
items: [
|
||||
{
|
||||
label: "O nás",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Realizace",
|
||||
href: "#portfolio",
|
||||
},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
{
|
||||
label: "info@greenville.cz",
|
||||
href: "mailto:info@greenville.cz",
|
||||
},
|
||||
{
|
||||
label: "+420 123 456 789",
|
||||
href: "tel:+420123456789",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Služby", items: [{ label: "Návrhy střech", href: "#services" }, { label: "Údržba a servis", href: "#services" }, { label: "Dotace", href: "#services" }] },
|
||||
{ title: "Firma", items: [{ label: "O nás", href: "#" }, { label: "Realizace", href: "#portfolio" }, { label: "Kontakt", href: "#contact" }] },
|
||||
{ title: "Kontakt", items: [{ label: "info@greenville.cz", href: "mailto:info@greenville.cz" }, { label: "+420 123 456 789", href: "tel:+420123456789" }] },
|
||||
]}
|
||||
logoText="GreenVille Service"
|
||||
copyrightText="© 2025 GreenVille Service | Všechna práva vyhrazena"
|
||||
@@ -356,4 +154,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user