Merge version_1 into main #1
278
src/app/page.tsx
278
src/app/page.tsx
@@ -18,98 +18,49 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Domů",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Služby",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Reference",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Ceník",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Domů", id: "#hero" },
|
||||
{ name: "Služby", id: "#features" },
|
||||
{ name: "Reference", id: "#testimonials" },
|
||||
{ name: "Ceník", id: "#pricing" },
|
||||
{ name: "Kontakt", id: "#contact" },
|
||||
]}
|
||||
brandName="HRB Digital"
|
||||
button={{ text: "Kontakt", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Digitální budoucnost pro Vaše podnikání"
|
||||
description="HRB Digital nabízí komplexní digitální řešení, která pomáhají českým firmám růst v digitálním světě prostřednictvím inovací a datově orientovaných strategií."
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bd8bCZBLsomSVkrzBhMLi8CmUf/professional-business-headshot-for-clien-1774811767823-455839cb.png",
|
||||
alt: "Klientská reference 1",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bd8bCZBLsomSVkrzBhMLi8CmUf/professional-business-headshot-for-clien-1774811768473-758cb9d6.png",
|
||||
alt: "Klientská reference 2",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bd8bCZBLsomSVkrzBhMLi8CmUf/professional-business-headshot-for-clien-1774811767633-f62e0d4b.png",
|
||||
alt: "Klientská reference 3",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bd8bCZBLsomSVkrzBhMLi8CmUf/professional-business-headshot-for-clien-1774811767841-5c3daa1a.png",
|
||||
alt: "Klientská reference 4",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bd8bCZBLsomSVkrzBhMLi8CmUf/professional-business-headshot-for-clien-1774811779541-a925a515.png",
|
||||
alt: "Klientská reference 5",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bd8bCZBLsomSVkrzBhMLi8CmUf/professional-business-headshot-for-clien-1774811767823-455839cb.png", alt: "Klientská reference 1" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bd8bCZBLsomSVkrzBhMLi8CmUf/professional-business-headshot-for-clien-1774811768473-758cb9d6.png", alt: "Klientská reference 2" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bd8bCZBLsomSVkrzBhMLi8CmUf/professional-business-headshot-for-clien-1774811767633-f62e0d4b.png", alt: "Klientská reference 3" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bd8bCZBLsomSVkrzBhMLi8CmUf/professional-business-headshot-for-clien-1774811767841-5c3daa1a.png", alt: "Klientská reference 4" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bd8bCZBLsomSVkrzBhMLi8CmUf/professional-business-headshot-for-clien-1774811779541-a925a515.png", alt: "Klientská reference 5" },
|
||||
]}
|
||||
avatarText="Již přes 50+ spokojených klientů"
|
||||
buttons={[
|
||||
{
|
||||
text: "Začít spolupráci",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Začít spolupráci", href: "#contact" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Google Partner",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Meta Certified",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "AWS Cloud",
|
||||
icon: Cloud,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Data Driven",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Security First",
|
||||
icon: Shield,
|
||||
},
|
||||
{ type: "text-icon", text: "Google Partner", icon: Award },
|
||||
{ type: "text-icon", text: "Meta Certified", icon: CheckCircle },
|
||||
{ type: "text-icon", text: "AWS Cloud", icon: Cloud },
|
||||
{ type: "text-icon", text: "Data Driven", icon: TrendingUp },
|
||||
{ type: "text-icon", text: "Security First", icon: Shield },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,30 +71,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Webový vývoj",
|
||||
description: "Tvorba moderních a rychlých webů na míru.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Code,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bd8bCZBLsomSVkrzBhMLi8CmUf/professional-business-headshot-for-clien-1774811767823-455839cb.png",
|
||||
imageAlt: "Professional business headshot for client avatar, realistic, soft studio lighting.",
|
||||
},
|
||||
{
|
||||
title: "Digitální marketing",
|
||||
description: "Strategie, které skutečně fungují a přivádějí zákazníky.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Star,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bd8bCZBLsomSVkrzBhMLi8CmUf/professional-business-headshot-for-clien-1774811768473-758cb9d6.png",
|
||||
imageAlt: "Professional business headshot for client avatar, realistic, soft studio lighting.",
|
||||
},
|
||||
{
|
||||
title: "Datová analytika",
|
||||
description: "Převádíme data na chytrá rozhodnutí.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: BarChart2,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bd8bCZBLsomSVkrzBhMLi8CmUf/professional-business-headshot-for-clien-1774811767633-f62e0d4b.png",
|
||||
imageAlt: "Professional business headshot for client avatar, realistic, soft studio lighting.",
|
||||
},
|
||||
{ title: "Webový vývoj", description: "Tvorba moderních a rychlých webů na míru.", bentoComponent: "reveal-icon", icon: Code },
|
||||
{ title: "Digitální marketing", description: "Strategie, které skutečně fungují a přivádějí zákazníky.", bentoComponent: "reveal-icon", icon: Star },
|
||||
{ title: "Datová analytika", description: "Převádíme data na chytrá rozhodnutí.", bentoComponent: "reveal-icon", icon: BarChart2 },
|
||||
]}
|
||||
title="Naše klíčové kompetence"
|
||||
description="Zaměřujeme se na technologie, které dávají smysl a přinášejí hmatatelné výsledky."
|
||||
@@ -152,24 +82,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="advanced-features" data-section="advanced-features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Individuální přístup",
|
||||
description: "Každý projekt řešíme přímo na míru vašim potřebám.",
|
||||
icon: UserCheck,
|
||||
},
|
||||
{
|
||||
title: "Moderní technologie",
|
||||
description: "Využíváme nejnovější stack pro maximální výkon.",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
title: "Transparentnost",
|
||||
description: "Žádné skryté poplatky, jasná pravidla a výsledky.",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{ title: "Individuální přístup", description: "Každý projekt řešíme přímo na míru vašim potřebám.", icon: UserCheck },
|
||||
{ title: "Moderní technologie", description: "Využíváme nejnovější stack pro maximální výkon.", icon: Star },
|
||||
{ title: "Transparentnost", description: "Žádné skryté poplatky, jasná pravidla a výsledky.", icon: ShieldCheck },
|
||||
]}
|
||||
title="Proč zvolit HRB Digital?"
|
||||
description="Nejsme jen dodavatelé, jsme vaši digitální partneři pro růst."
|
||||
@@ -183,26 +102,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Jan Novák, CEO"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bd8bCZBLsomSVkrzBhMLi8CmUf/professional-business-headshot-for-clien-1774811767314-3af84be4.png",
|
||||
alt: "Jan Novák",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bd8bCZBLsomSVkrzBhMLi8CmUf/professional-business-headshot-for-clien-1774811787766-f37f455c.png",
|
||||
alt: "Petr Svoboda",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bd8bCZBLsomSVkrzBhMLi8CmUf/professional-business-headshot-for-clien-1774811794575-a1b03962.png",
|
||||
alt: "Lucie Černá",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bd8bCZBLsomSVkrzBhMLi8CmUf/professional-business-headshot-for-clien-1774811800423-30150b35.png",
|
||||
alt: "Martin Dvořák",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bd8bCZBLsomSVkrzBhMLi8CmUf/professional-business-headshot-for-clien-1774811806927-46cc467d.png",
|
||||
alt: "Jana Novotná",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bd8bCZBLsomSVkrzBhMLi8CmUf/professional-business-headshot-for-clien-1774811767314-3af84be4.png", alt: "Jan Novák" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bd8bCZBLsomSVkrzBhMLi8CmUf/professional-business-headshot-for-clien-1774811787766-f37f455c.png", alt: "Petr Svoboda" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bd8bCZBLsomSVkrzBhMLi8CmUf/professional-business-headshot-for-clien-1774811794575-a1b03962.png", alt: "Lucie Černá" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bd8bCZBLsomSVkrzBhMLi8CmUf/professional-business-headshot-for-clien-1774811800423-30150b35.png", alt: "Martin Dvořák" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bd8bCZBLsomSVkrzBhMLi8CmUf/professional-business-headshot-for-clien-1774811806927-46cc467d.png", alt: "Jana Novotná" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -215,57 +119,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "start",
|
||||
badge: "Start",
|
||||
price: "15 000 CZK",
|
||||
subtitle: "Ideální pro nové projekty",
|
||||
features: [
|
||||
"Základní webová prezentace",
|
||||
"SEO optimalizace",
|
||||
"E-mailová podpora",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Poptat",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "growth",
|
||||
badge: "Růst",
|
||||
price: "45 000 CZK",
|
||||
subtitle: "Pro ambiciózní firmy",
|
||||
features: [
|
||||
"Komplexní digitální strategie",
|
||||
"Pokročilá analytika",
|
||||
"Prioritní podpora",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Poptat",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "90 000 CZK",
|
||||
subtitle: "Maximální výkon",
|
||||
features: [
|
||||
"Full-stack digitální řešení",
|
||||
"AI automatizace",
|
||||
"24/7 dedikovaná péče",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Poptat",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "start", badge: "Start", price: "15 000 CZK", subtitle: "Ideální pro nové projekty", features: ["Základní webová prezentace", "SEO optimalizace", "E-mailová podpora"], buttons: [{ text: "Poptat", href: "#contact" }] },
|
||||
{ id: "growth", badge: "Růst", price: "45 000 CZK", subtitle: "Pro ambiciózní firmy", features: ["Komplexní digitální strategie", "Pokročilá analytika", "Prioritní podpora"], buttons: [{ text: "Poptat", href: "#contact" }] },
|
||||
{ id: "pro", badge: "Pro", price: "90 000 CZK", subtitle: "Maximální výkon", features: ["Full-stack digitální řešení", "AI automatizace", "24/7 dedikovaná péče"], buttons: [{ text: "Poptat", href: "#contact" }] },
|
||||
]}
|
||||
title="Cenové balíčky pro váš růst"
|
||||
description="Vyberte si variantu, která nejlépe odpovídá potřebám vašeho projektu."
|
||||
@@ -275,9 +131,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Kontakt"
|
||||
title="Začněme spolu pracovat"
|
||||
description="Máte zájem o konzultaci nebo se chcete dozvědět více? Napište nám a ozveme se vám do 24 hodin."
|
||||
@@ -290,53 +144,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "HRB Digital",
|
||||
items: [
|
||||
{
|
||||
label: "O nás",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Kariéra",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Služby",
|
||||
items: [
|
||||
{
|
||||
label: "Vývoj webů",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Marketing",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Analytika",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Právní",
|
||||
items: [
|
||||
{
|
||||
label: "GDPR",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Obchodní podmínky",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "HRB Digital", items: [{ label: "O nás", href: "#" }, { label: "Blog", href: "#" }, { label: "Kariéra", href: "#" }] },
|
||||
{ title: "Služby", items: [{ label: "Vývoj webů", href: "#" }, { label: "Marketing", href: "#" }, { label: "Analytika", href: "#" }] },
|
||||
{ title: "Právní", items: [{ label: "GDPR", href: "#" }, { label: "Obchodní podmínky", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 HRB Digital. Všechna práva vyhrazena."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user