Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 7a09538795 | |||
| 2fa5b3a2c7 | |||
| 8f4d618a69 | |||
| 7cd971df6d | |||
| 94e87d9b65 |
130
src/app/page.tsx
130
src/app/page.tsx
@@ -29,73 +29,33 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Domů", id: "hero" },
|
||||||
name: "Domů", id: "hero"},
|
{ name: "Služby", id: "services" },
|
||||||
{
|
{ name: "Výhody", id: "why-us" },
|
||||||
name: "Služby", id: "services"},
|
{ name: "Kontakt", id: "contact" },
|
||||||
{
|
|
||||||
name: "Výhody", id: "why-us"},
|
|
||||||
{
|
|
||||||
name: "Kontakt", id: "contact"},
|
|
||||||
]}
|
]}
|
||||||
brandName="Snapsite"
|
brandName="Snapsite"
|
||||||
button={{
|
button={{ text: "Chci web", href: "#contact" }}
|
||||||
text: "Chci web", href: "#contact"}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardTestimonial
|
<HeroBillboardTestimonial
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "radial-gradient" }}
|
||||||
variant: "radial-gradient"}}
|
|
||||||
title="Získejte moderní web, který přivádí zákazníky"
|
title="Získejte moderní web, který přivádí zákazníky"
|
||||||
description="Profesionální webdesign na míru pro vaše podnikání. Rychle, přehledně a s důrazem na výsledek."
|
description="Profesionální webdesign na míru pro vaše podnikání. Rychle, přehledně a s důrazem na výsledek."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ name: "Petr Novák", handle: "@podnikatel", testimonial: "Skvělá spolupráce, web předčil moje očekávání.", rating: 5 },
|
||||||
name: "Petr Novák", handle: "@podnikatel", testimonial: "Skvělá spolupráce, web předčil moje očekávání.", rating: 5,
|
{ name: "Jana Svobodová", handle: "@marketing", testimonial: "Profesionální přístup a bleskové dodání.", rating: 5 },
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1t3i1k&_wi=1", imageAlt: "web design background illustration"},
|
{ name: "Martin Dvořák", handle: "@startup", testimonial: "Konečně web, který vypadá moderně a prodává.", rating: 5 }
|
||||||
{
|
|
||||||
name: "Jana Svobodová", handle: "@marketing", testimonial: "Profesionální přístup a bleskové dodání.", rating: 5,
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qdcggg&_wi=1", imageAlt: "web design background illustration"},
|
|
||||||
{
|
|
||||||
name: "Martin Dvořák", handle: "@startup", testimonial: "Konečně web, který vypadá moderně a prodává.", rating: 5,
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=drevs3&_wi=1", imageAlt: "web design background illustration"},
|
|
||||||
{
|
|
||||||
name: "Lucie Černá", handle: "@design", testimonial: "Výborná komunikace a cit pro detail.", rating: 5,
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p3b969", imageAlt: "web design background illustration"},
|
|
||||||
{
|
|
||||||
name: "Tomáš Marek", handle: "@tech", testimonial: "Rychlost, jakou web vytvořili, je neuvěřitelná.", rating: 5,
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3t56yt&_wi=1", imageAlt: "web design background illustration"},
|
|
||||||
]}
|
|
||||||
buttons={[
|
|
||||||
{
|
|
||||||
text: "Chci nezávaznou nabídku", href: "#contact"},
|
|
||||||
]}
|
]}
|
||||||
|
buttons={[{ text: "Chci nezávaznou nabídku", href: "#contact" }]}
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1t3i1k&_wi=2"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1t3i1k&_wi=2"
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "asset://hero-avatar-1", alt: "Client 1"},
|
|
||||||
{
|
|
||||||
src: "asset://hero-avatar-2", alt: "Client 2"},
|
|
||||||
{
|
|
||||||
src: "asset://hero-avatar-3", alt: "Client 3"},
|
|
||||||
{
|
|
||||||
src: "asset://hero-avatar-4", alt: "Client 4"},
|
|
||||||
{
|
|
||||||
src: "asset://hero-avatar-5", alt: "Client 5"},
|
|
||||||
]}
|
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{ type: "text", text: "Responsivní design" },
|
||||||
type: "text", text: "Responsivní design"},
|
{ type: "text", text: "SEO optimalizace" },
|
||||||
{
|
{ type: "text", text: "Rychlost načítání" }
|
||||||
type: "text", text: "SEO optimalizace"},
|
|
||||||
{
|
|
||||||
type: "text", text: "Rychlost načítání"},
|
|
||||||
{
|
|
||||||
type: "text", text: "Intuitivní UX"},
|
|
||||||
{
|
|
||||||
type: "text", text: "Bezpečnostní standardy"},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -106,33 +66,8 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ title: "Tvorba webu na míru", description: "Web navržený přesně podle vašich potřeb.", icon: Monitor, mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qdcggg&_wi=2" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3t56yt&_wi=2" }] },
|
||||||
title: "Tvorba webu na míru", description: "Web navržený přesně podle vašich potřeb.", icon: Monitor,
|
{ title: "Rychlé dodání", description: "Váš nový web může běžet už do dvou týdnů.", icon: Zap, mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=drevs3&_wi=2" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=45zjoi" }] },
|
||||||
mediaItems: [
|
|
||||||
{
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qdcggg&_wi=2"},
|
|
||||||
{
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3t56yt&_wi=2"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Rychlé dodání", description: "Váš nový web může běžet už do dvou týdnů.", icon: Zap,
|
|
||||||
mediaItems: [
|
|
||||||
{
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=drevs3&_wi=2"},
|
|
||||||
{
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=45zjoi"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Moderní mobilní design", description: "Perfektní zobrazení na všech zařízeních.", icon: Smartphone,
|
|
||||||
mediaItems: [
|
|
||||||
{
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zp30br"},
|
|
||||||
{
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1t3i1k&_wi=3"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Naše služby"
|
title="Naše služby"
|
||||||
description="Vše co potřebujete pro úspěšný start online."
|
description="Vše co potřebujete pro úspěšný start online."
|
||||||
@@ -146,15 +81,9 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "1", value: "Férová cena", title: "Transparentnost", description: "Žádné skryté poplatky, jasná kalkulace.", icon: CheckCircle },
|
||||||
id: "1", value: "Férová cena", title: "Transparentnost", description: "Žádné skryté poplatky, jasná kalkulace.", icon: CheckCircle,
|
{ id: "2", value: "Komunikace", title: "Jednoduchost", description: "Domluvíme se lidsky a srozumitelně.", icon: MessageSquare },
|
||||||
},
|
{ id: "3", value: "2 týdny", title: "Rychlost", description: "Dodržujeme stanovené termíny.", icon: Calendar },
|
||||||
{
|
|
||||||
id: "2", value: "Komunikace", title: "Jednoduchost", description: "Domluvíme se lidsky a srozumitelně.", icon: MessageSquare,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3", value: "2 týdny", title: "Rychlost", description: "Dodržujeme stanovené termíny.", icon: Calendar,
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Proč si vybrat nás"
|
title="Proč si vybrat nás"
|
||||||
description="Naše hodnoty, na kterých stavíme každý web."
|
description="Naše hodnoty, na kterých stavíme každý web."
|
||||||
@@ -167,15 +96,10 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Zkušený tým pro vaše digitální sny"
|
title="Zkušený tým pro vaše digitální sny"
|
||||||
description="Naším cílem je přeměnit vaši vizi v digitální realitu prostřednictvím špičkového designu a čistého kódu."
|
description="Naším cílem je přeměnit vaši vizi v digitální realitu prostřednictvím špičkového designu a čistého kódu."
|
||||||
imageSrc="asset://about-section-img"
|
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
bulletPoints={[
|
bulletPoints={[
|
||||||
{
|
{ title: "Kreativní přístup", description: "Navrhujeme weby, které vás odliší od konkurence.", icon: Palette },
|
||||||
title: "Kreativní přístup", description: "Navrhujeme weby, které vás odliší od konkurence.", icon: Palette,
|
{ title: "Technologická zdatnost", description: "Používáme nejmodernější nástroje pro rychlost a výkon.", icon: Code },
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Technologická zdatnost", description: "Používáme nejmodernější nástroje pro rychlost a výkon.", icon: Code,
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -183,25 +107,19 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "radial-gradient" }}
|
||||||
variant: "radial-gradient"}}
|
|
||||||
tag="Kontaktujte nás"
|
tag="Kontaktujte nás"
|
||||||
title="Máte zájem o spolupráci?"
|
title="Máte zájem o spolupráci?"
|
||||||
description="Pošlete nám svou poptávku a my se vám ozveme zpět."
|
description="Pošlete nám svou poptávku a my se vám ozveme zpět."
|
||||||
buttons={[
|
buttons={[{ text: "Odeslat poptávku", href: "#" }]}
|
||||||
{
|
|
||||||
text: "Odeslat poptávku", href: "#"},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="Snapsite"
|
logoText="Snapsite"
|
||||||
leftLink={{
|
leftLink={{ text: "snapsite@gmail.com", href: "mailto:snapsite@gmail.com" }}
|
||||||
text: "snapsite@gmail.com", href: "mailto:snapsite@gmail.com"}}
|
rightLink={{ text: "© 2024 Snapsite", href: "#" }}
|
||||||
rightLink={{
|
|
||||||
text: "© 2024 Snapsite", href: "#"}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user