Merge version_1 into main #2
307
src/app/page.tsx
307
src/app/page.tsx
@@ -26,229 +26,102 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "O nás",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Služby",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reference",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="ICstavby"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "O nás", id: "about" },
|
||||
{ name: "Služby", id: "features" },
|
||||
{ name: "Reference", id: "testimonials" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="ICstavby"
|
||||
button={{ text: "Kontaktujte nás", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Kvalita a preciznost v každém detailu"
|
||||
description="Vaše vize, naše stavby. Profesionální přístup, dodržování termínů a maximální kvalita v oblasti pozemního stavitelství."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Petr Novák",
|
||||
handle: "Klient",
|
||||
testimonial: "Skvělá spolupráce, vše proběhlo podle plánu.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-designing-new-project_23-2148242953.jpg?_wi=1",
|
||||
imageAlt: "construction site professional architecture",
|
||||
},
|
||||
{
|
||||
name: "Jana Svobodová",
|
||||
handle: "Klient",
|
||||
testimonial: "Kvalita práce je naprosto špičková.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-daughter-mature-father-meeting-with-family-consultant-co-working-shaking-hands_74855-15154.jpg?_wi=1",
|
||||
imageAlt: "construction site professional architecture",
|
||||
},
|
||||
{
|
||||
name: "Marek Dvořák",
|
||||
handle: "Klient",
|
||||
testimonial: "Naprostá spokojenost s výsledkem stavby.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-positive-smile-asian-male-businessman-video-conference-remote-working-discuss-concersation-about-strategy-business-planing-new-business-startup-ideas-conceptbusiness-meeting-online-via-laptop_609648-2211.jpg?_wi=1",
|
||||
imageAlt: "construction site professional architecture",
|
||||
},
|
||||
{
|
||||
name: "Lucie Černá",
|
||||
handle: "Klient",
|
||||
testimonial: "Profesionálové, na které se lze spolehnout.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg?_wi=1",
|
||||
imageAlt: "construction site professional architecture",
|
||||
},
|
||||
{
|
||||
name: "Tomáš Kučera",
|
||||
handle: "Klient",
|
||||
testimonial: "Stavba dokončena v termínu a bez chyb.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-architectural-project_23-2148242941.jpg?_wi=1",
|
||||
imageAlt: "construction site professional architecture",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/architect-designing-new-project_23-2148242953.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/construction-site_53876-14088.jpg",
|
||||
alt: "Construction site",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/building-costruction-tall-dubai-marina-skyscrapers-uae_231208-7628.jpg",
|
||||
alt: "Building costruction of Tall Dubai Marina skyscrapers in UAE",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/building-construction_1122-1179.jpg",
|
||||
alt: "Building under construction",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/safety-gear-tools-near-schemes_23-2147831912.jpg",
|
||||
alt: "Safety gear and tools near schemes",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-engineers-working_23-2151657911.jpg",
|
||||
alt: "Female engineers working",
|
||||
},
|
||||
]}
|
||||
avatarText="Více než 150 spokojených klientů"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Kvalita a preciznost v každém detailu"
|
||||
description="Vaše vize, naše stavby. Profesionální přístup, dodržování termínů a maximální kvalita v oblasti pozemního stavitelství."
|
||||
testimonials={[
|
||||
{ name: "Petr Novák", handle: "Klient", testimonial: "Skvělá spolupráce, vše proběhlo podle plánu.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/architect-designing-new-project_23-2148242953.jpg", imageAlt: "construction site professional architecture" },
|
||||
{ name: "Jana Svobodová", handle: "Klient", testimonial: "Kvalita práce je naprosto špičková.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-daughter-mature-father-meeting-with-family-consultant-co-working-shaking-hands_74855-15154.jpg", imageAlt: "construction site professional architecture" },
|
||||
{ name: "Marek Dvořák", handle: "Klient", testimonial: "Naprostá spokojenost s výsledkem stavby.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smart-positive-smile-asian-male-businessman-video-conference-remote-working-discuss-concersation-about-strategy-business-planing-new-business-startup-ideas-conceptbusiness-meeting-online-via-laptop_609648-2211.jpg", imageAlt: "construction site professional architecture" },
|
||||
{ name: "Lucie Černá", handle: "Klient", testimonial: "Profesionálové, na které se lze spolehnout.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg", imageAlt: "construction site professional architecture" },
|
||||
{ name: "Tomáš Kučera", handle: "Klient", testimonial: "Stavba dokončena v termínu a bez chyb.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-architectural-project_23-2148242941.jpg", imageAlt: "construction site professional architecture" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/architect-designing-new-project_23-2148242953.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/construction-site_53876-14088.jpg", alt: "Construction site" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/building-costruction-tall-dubai-marina-skyscrapers-uae_231208-7628.jpg", alt: "Building costruction of Tall Dubai Marina skyscrapers in UAE" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/building-construction_1122-1179.jpg", alt: "Building under construction" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/safety-gear-tools-near-schemes_23-2147831912.jpg", alt: "Safety gear and tools near schemes" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-engineers-working_23-2151657911.jpg", alt: "Female engineers working" },
|
||||
]}
|
||||
avatarText="Více než 150 spokojených klientů"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Naše hodnoty v číslech"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Roky zkušeností",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Dokončené projekty",
|
||||
value: "200+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Spokojených klientů",
|
||||
value: "150+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Naše hodnoty v číslech"
|
||||
metrics={[
|
||||
{ icon: Award, label: "Roky zkušeností", value: "15+" },
|
||||
{ icon: CheckCircle, label: "Dokončené projekty", value: "200+" },
|
||||
{ icon: Users, label: "Spokojených klientů", value: "150+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Rodinné domy",
|
||||
description: "Výstavba rodinných domů na klíč dle vašich přání a požadavků.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-architect-with-helmet_23-2147702501.jpg",
|
||||
},
|
||||
{
|
||||
title: "Rekonstrukce",
|
||||
description: "Kompletní rekonstrukce bytů a rodinných domů s důrazem na moderní trendy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-construction-worker-standing-high-altitude_23-2148784051.jpg",
|
||||
},
|
||||
{
|
||||
title: "Inženýrské stavby",
|
||||
description: "Zajišťujeme stavby technické infrastruktury a zpevněné plochy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-architect-walking-front-building_23-2147702500.jpg",
|
||||
},
|
||||
]}
|
||||
title="Co vám nabízíme"
|
||||
description="Komplexní stavební služby od projektu až po předání klíčů."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Rodinné domy", description: "Výstavba rodinných domů na klíč dle vašich přání a požadavků.", imageSrc: "http://img.b2bpic.net/free-photo/female-architect-with-helmet_23-2147702501.jpg" },
|
||||
{ title: "Rekonstrukce", description: "Kompletní rekonstrukce bytů a rodinných domů s důrazem na moderní trendy.", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-construction-worker-standing-high-altitude_23-2148784051.jpg" },
|
||||
{ title: "Inženýrské stavby", description: "Zajišťujeme stavby technické infrastruktury a zpevněné plochy.", imageSrc: "http://img.b2bpic.net/free-photo/female-architect-walking-front-building_23-2147702500.jpg" },
|
||||
]}
|
||||
title="Co vám nabízíme"
|
||||
description="Komplexní stavební služby od projektu až po předání klíčů."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Petr Novák",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-daughter-mature-father-meeting-with-family-consultant-co-working-shaking-hands_74855-15154.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jana Svobodová",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-positive-smile-asian-male-businessman-video-conference-remote-working-discuss-concersation-about-strategy-business-planing-new-business-startup-ideas-conceptbusiness-meeting-online-via-laptop_609648-2211.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marek Dvořák",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lucie Černá",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-architectural-project_23-2148242941.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tomáš Kučera",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/using-contemporary-equipment-planning-new-home_329181-7399.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Reference našich klientů"
|
||||
cardTag="Zkušenosti"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Petr Novák", imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-daughter-mature-father-meeting-with-family-consultant-co-working-shaking-hands_74855-15154.jpg" },
|
||||
{ id: "2", name: "Jana Svobodová", imageSrc: "http://img.b2bpic.net/free-photo/smart-positive-smile-asian-male-businessman-video-conference-remote-working-discuss-concersation-about-strategy-business-planing-new-business-startup-ideas-conceptbusiness-meeting-online-via-laptop_609648-2211.jpg" },
|
||||
{ id: "3", name: "Marek Dvořák", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg" },
|
||||
{ id: "4", name: "Lucie Černá", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-architectural-project_23-2148242941.jpg" },
|
||||
{ id: "5", name: "Tomáš Kučera", imageSrc: "http://img.b2bpic.net/free-photo/using-contemporary-equipment-planning-new-home_329181-7399.jpg" },
|
||||
]}
|
||||
cardTitle="Reference našich klientů"
|
||||
cardTag="Zkušenosti"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Máte zájem o spolupráci? Kontaktujte nás pro nezávaznou konzultaci."
|
||||
buttons={[
|
||||
{
|
||||
text: "Napište nám",
|
||||
href: "mailto:info@icstavby.cz",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Máte zájem o spolupráci? Kontaktujte nás pro nezávaznou konzultaci."
|
||||
buttons={[{ text: "Napište nám", href: "mailto:info@icstavby.cz" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "O nás",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Služby",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="ICstavby"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="ICstavby"
|
||||
columns={[
|
||||
{ items: [{ label: "O nás", href: "#about" }, { label: "Služby", href: "#features" }, { label: "Kontakt", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user