Merge version_1 into main #1
234
src/app/page.tsx
234
src/app/page.tsx
@@ -10,7 +10,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import { Building, Clock, Cog, Home, Lightbulb, Paintbrush, Ruler, ShieldCheck, Truck, Zap } from "lucide-react";
|
||||
import { Building, Clock, Cog, Home, Lightbulb, Paintbrush, Ruler, ShieldCheck, Truck, Zap, Hammer, ClipboardCheck, Dig } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Úvod",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Úvod", id: "#hero"},
|
||||
{
|
||||
name: "Služby",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Služby", id: "#services"},
|
||||
{
|
||||
name: "Projekty",
|
||||
id: "#projects",
|
||||
},
|
||||
name: "Projekty", id: "#projects"},
|
||||
{
|
||||
name: "O nás",
|
||||
id: "#about",
|
||||
},
|
||||
name: "O nás", id: "#about"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Kontakt", id: "#contact"},
|
||||
]}
|
||||
brandName="STAVO-SERVIS"
|
||||
/>
|
||||
@@ -58,68 +48,43 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Stavíme domy, které vydrží generace."
|
||||
description="Stavby na klíč | Rekonstrukce | Liberec"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-shaved-head-male-dressed-native-viking-s-costume_613910-12250.jpg",
|
||||
alt: "Jan Novák",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-shaved-head-male-dressed-native-viking-s-costume_613910-12250.jpg", alt: "Jan Novák"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
|
||||
alt: "Eva Svobodová",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg", alt: "Eva Svobodová"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-working-construction_23-2150772879.jpg",
|
||||
alt: "Petr Dvořák",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-working-construction_23-2150772879.jpg", alt: "Petr Dvořák"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/building-construction-worker-site_23-2149124275.jpg",
|
||||
alt: "Lucie Procházková",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/building-construction-worker-site_23-2149124275.jpg", alt: "Lucie Procházková"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-construction-worker-wearing-safety-helmet_176474-86039.jpg",
|
||||
alt: "Zkušený stavební technik",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-construction-worker-wearing-safety-helmet_176474-86039.jpg", alt: "Zkušený stavební technik"},
|
||||
]}
|
||||
avatarText="Důvěryhodný tým expertů"
|
||||
buttons={[
|
||||
{
|
||||
text: "Zjistit více",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Zjistit více", href: "#services"},
|
||||
{
|
||||
text: "Nezávazná poptávka",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Nezávazná poptávka", href: "#contact"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Kvalitní Materiály",
|
||||
icon: Building,
|
||||
type: "text-icon", text: "Kvalitní Materiály", icon: Building,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Precizní Řemesla",
|
||||
icon: Cog,
|
||||
type: "text-icon", text: "Precizní Řemesla", icon: Cog,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Dlouholeté Zkušenosti",
|
||||
icon: Clock,
|
||||
type: "text-icon", text: "Dlouholeté Zkušenosti", icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Inovativní Řešení",
|
||||
icon: Lightbulb,
|
||||
type: "text-icon", text: "Inovativní Řešení", icon: Lightbulb,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Spolehlivý Partner",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Spolehlivý Partner", icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -132,20 +97,11 @@ export default function LandingPage() {
|
||||
tag="Důvěra & Kvalita"
|
||||
metrics={[
|
||||
{
|
||||
id: "years",
|
||||
value: "25+",
|
||||
description: "let zkušeností",
|
||||
},
|
||||
id: "years", value: "25+", description: "let zkušeností"},
|
||||
{
|
||||
id: "projects",
|
||||
value: "300+",
|
||||
description: "dokončených projektů",
|
||||
},
|
||||
id: "projects", value: "300+", description: "dokončených projektů"},
|
||||
{
|
||||
id: "region",
|
||||
value: "Liberec",
|
||||
description: "Působíme v Libereckém kraji",
|
||||
},
|
||||
id: "region", value: "Liberec", description: "Působíme v Libereckém kraji"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -158,76 +114,49 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Stavby na klíč",
|
||||
description: "Kompletní realizace nových domů od projektu po kolaudaci.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-modern-building-with-glass-windows-sunlight_181624-11971.jpg",
|
||||
imageAlt: "New build construction",
|
||||
},
|
||||
title: "Stavby na klíč", description: "Kompletní realizace nových domů od projektu po kolaudaci.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-modern-building-with-glass-windows-sunlight_181624-11971.jpg", imageAlt: "New build construction"},
|
||||
items: [
|
||||
{
|
||||
icon: Hammer,
|
||||
text: "Profesionální tým",
|
||||
},
|
||||
text: "Profesionální tým"},
|
||||
{
|
||||
icon: ClipboardCheck,
|
||||
text: "Transparentní proces",
|
||||
},
|
||||
text: "Transparentní proces"},
|
||||
{
|
||||
icon: Home,
|
||||
text: "Vysoká kvalita materiálů",
|
||||
},
|
||||
text: "Vysoká kvalita materiálů"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/examination-serious-young-adult-woman-business-gray-suit-heels-wearing-safety-helmet-looking-document-smiling-three-men-waiting-construction-site_259150-57759.jpg",
|
||||
imageAlt: "new build construction project",
|
||||
},
|
||||
{
|
||||
title: "Rekonstrukce",
|
||||
description: "Modernizace a obnova stávajících objektů s citem pro detail.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-drawer-made-natural-wood-elegant-premium-interior-design_169016-72733.jpg",
|
||||
imageAlt: "Home renovation",
|
||||
},
|
||||
title: "Rekonstrukce", description: "Modernizace a obnova stávajících objektů s citem pro detail.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-drawer-made-natural-wood-elegant-premium-interior-design_169016-72733.jpg", imageAlt: "Home renovation"},
|
||||
items: [
|
||||
{
|
||||
icon: Paintbrush,
|
||||
text: "Estetická vylepšení",
|
||||
},
|
||||
text: "Estetická vylepšení"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Energetické úspory",
|
||||
},
|
||||
text: "Energetické úspory"},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
text: "Zvýšení komfortu",
|
||||
},
|
||||
text: "Zvýšení komfortu"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-shaved-head-male-dressed-native-viking-s-costume_613910-12250.jpg",
|
||||
imageAlt: "new build construction project",
|
||||
},
|
||||
{
|
||||
title: "Zemní práce",
|
||||
description: "Precizní příprava pozemku pro jakýkoli stavební projekt.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-day-light-outdoors_23-2149194800.jpg",
|
||||
imageAlt: "Earthmoving equipment",
|
||||
},
|
||||
title: "Zemní práce", description: "Precizní příprava pozemku pro jakýkoli stavební projekt.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-day-light-outdoors_23-2149194800.jpg", imageAlt: "Earthmoving equipment"},
|
||||
items: [
|
||||
{
|
||||
icon: Dig,
|
||||
text: "Výkopy a úpravy",
|
||||
},
|
||||
text: "Výkopy a úpravy"},
|
||||
{
|
||||
icon: Truck,
|
||||
text: "Odvoz materiálu",
|
||||
},
|
||||
text: "Odvoz materiálu"},
|
||||
{
|
||||
icon: Ruler,
|
||||
text: "Přesné nivelace",
|
||||
},
|
||||
text: "Přesné nivelace"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
|
||||
imageAlt: "new build construction project",
|
||||
},
|
||||
]}
|
||||
title="Komplexní Služby pro Váš Projekt"
|
||||
@@ -243,25 +172,15 @@ export default function LandingPage() {
|
||||
description="Sledujte, jak se prázdný pozemek proměňuje v domov snů, krok za krokem, s důrazem na preciznost a kvalitu."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Prázdný pozemek",
|
||||
description: "Začínáme s čistým štítem, připravujeme terén pro budoucí stavbu.",
|
||||
},
|
||||
title: "Prázdný pozemek", description: "Začínáme s čistým štítem, připravujeme terén pro budoucí stavbu."},
|
||||
{
|
||||
title: "Výkopy",
|
||||
description: "Precizně vykopáváme základy, které určí stabilitu celé konstrukce.",
|
||||
},
|
||||
title: "Výkopy", description: "Precizně vykopáváme základy, které určí stabilitu celé konstrukce."},
|
||||
{
|
||||
title: "Základy",
|
||||
description: "Budujeme pevné základy, klíč k dlouhověkosti a bezpečnosti vašeho domova.",
|
||||
},
|
||||
title: "Základy", description: "Budujeme pevné základy, klíč k dlouhověkosti a bezpečnosti vašeho domova."},
|
||||
{
|
||||
title: "Hrubá stavba",
|
||||
description: "Vyrůstá hrubá stavba, tvarujeme obrysy a dispozice vašeho budoucího bydlení.",
|
||||
},
|
||||
title: "Hrubá stavba", description: "Vyrůstá hrubá stavba, tvarujeme obrysy a dispozice vašeho budoucího bydlení."},
|
||||
{
|
||||
title: "Dokončený dům",
|
||||
description: "Váš nový domov stojí! Dům, který vydrží generace, připravený k nastěhování.",
|
||||
},
|
||||
title: "Dokončený dům", description: "Váš nový domov stojí! Dům, který vydrží generace, připravený k nastěhování."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimalist-architecture-with-reflective-pool_23-2151993722.jpg"
|
||||
imageAlt="Finished luxury house"
|
||||
@@ -277,53 +196,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "proj-1",
|
||||
name: "Luxusní Rezidence",
|
||||
price: "Cena na vyžádání",
|
||||
variant: "Rodinný dům",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/type-luxurious-summer-villa-hotel-amara-dolce-vita-luxury-hotel-beautiful-architecture-tekirova-kemer-turkey_146671-18725.jpg",
|
||||
imageAlt: "Luxury residential complex",
|
||||
},
|
||||
id: "proj-1", name: "Luxusní Rezidence", price: "Cena na vyžádání", variant: "Rodinný dům", imageSrc: "http://img.b2bpic.net/free-photo/type-luxurious-summer-villa-hotel-amara-dolce-vita-luxury-hotel-beautiful-architecture-tekirova-kemer-turkey_146671-18725.jpg", imageAlt: "Luxury residential complex"},
|
||||
{
|
||||
id: "proj-2",
|
||||
name: "Kancelářské Prostory",
|
||||
price: "Cena na vyžádání",
|
||||
variant: "Komerční stavba",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-hallways-background_23-2149745315.jpg",
|
||||
imageAlt: "Modern office space",
|
||||
},
|
||||
id: "proj-2", name: "Kancelářské Prostory", price: "Cena na vyžádání", variant: "Komerční stavba", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-hallways-background_23-2149745315.jpg", imageAlt: "Modern office space"},
|
||||
{
|
||||
id: "proj-3",
|
||||
name: "Rekonstrukce Vily",
|
||||
price: "Cena na vyžádání",
|
||||
variant: "Komplexní rekonstrukce",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sunny-urban-landscape_23-2149504779.jpg",
|
||||
imageAlt: "Renovated historical building",
|
||||
},
|
||||
id: "proj-3", name: "Rekonstrukce Vily", price: "Cena na vyžádání", variant: "Komplexní rekonstrukce", imageSrc: "http://img.b2bpic.net/free-photo/sunny-urban-landscape_23-2149504779.jpg", imageAlt: "Renovated historical building"},
|
||||
{
|
||||
id: "proj-4",
|
||||
name: "Ekologický Dům",
|
||||
price: "Cena na vyžádání",
|
||||
variant: "Nízkoenergetická stavba",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263602.jpg",
|
||||
imageAlt: "Sustainable eco-friendly home",
|
||||
},
|
||||
id: "proj-4", name: "Ekologický Dům", price: "Cena na vyžádání", variant: "Nízkoenergetická stavba", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263602.jpg", imageAlt: "Sustainable eco-friendly home"},
|
||||
{
|
||||
id: "proj-5",
|
||||
name: "Průmyslová Hala",
|
||||
price: "Cena na vyžádání",
|
||||
variant: "Průmyslová stavba",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-floor-front-modern-building_1127-2885.jpg",
|
||||
imageAlt: "Industrial warehouse",
|
||||
},
|
||||
id: "proj-5", name: "Průmyslová Hala", price: "Cena na vyžádání", variant: "Průmyslová stavba", imageSrc: "http://img.b2bpic.net/free-photo/empty-floor-front-modern-building_1127-2885.jpg", imageAlt: "Industrial warehouse"},
|
||||
{
|
||||
id: "proj-6",
|
||||
name: "Obchodní Centrum",
|
||||
price: "Cena na vyžádání",
|
||||
variant: "Komerční development",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-mobile-phone_158595-930.jpg",
|
||||
imageAlt: "Modern retail store",
|
||||
},
|
||||
id: "proj-6", name: "Obchodní Centrum", price: "Cena na vyžádání", variant: "Komerční development", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-mobile-phone_158595-930.jpg", imageAlt: "Modern retail store"},
|
||||
]}
|
||||
title="Naše Dokončené Projekty"
|
||||
description="Prohlédněte si naše portfolio realizací, které mluví samy za sebe a odrážejí naši preciznost a kvalitu."
|
||||
@@ -337,15 +220,9 @@ export default function LandingPage() {
|
||||
tag="Váš partner pro stavbu"
|
||||
metrics={[
|
||||
{
|
||||
id: "exp",
|
||||
value: "25+",
|
||||
description: "Let zkušeností v oboru",
|
||||
},
|
||||
id: "exp", value: "25+", description: "Let zkušeností v oboru"},
|
||||
{
|
||||
id: "success",
|
||||
value: "300+",
|
||||
description: "Úspěšně dokončených projektů",
|
||||
},
|
||||
id: "success", value: "300+", description: "Úspěšně dokončených projektů"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -355,8 +232,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Kontaktujte Nás"
|
||||
title="Získejte Nezávaznou Nabídku"
|
||||
description="Rádi probereme vaše stavební plány a připravíme vám nabídku na míru. Vyplňte formulář a ozveme se vám."
|
||||
@@ -370,13 +246,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="STAVO-SERVIS"
|
||||
leftLink={{
|
||||
text: "Ochrana osobních údajů",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Ochrana osobních údajů", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Podmínky použití",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Podmínky použití", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user