Update src/app/page.tsx

This commit is contained in:
2026-04-22 15:20:02 +00:00
parent 583895d2ff
commit 44a4454bea

View File

@@ -7,7 +7,6 @@ import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TextAbout from '@/components/sections/about/TextAbout';
@@ -31,14 +30,9 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Domů", id: "hero"},
{
name: "Služby", id: "services"},
{
name: "Práce", id: "portfolio"},
{
name: "Kontakt", id: "contact"},
{ name: "Domů", id: "hero" },
{ name: "Služby", id: "services" },
{ name: "Kontakt", id: "contact" },
]}
brandName="Martees"
/>
@@ -46,23 +40,16 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "gradient-bars"}}
background={{ variant: "gradient-bars" }}
title="Tvoříme weby, loga a videa."
description="Boutique kreativní studio. Moderní design. Precizní výsledky."
kpis={[
{
value: "100+", label: "Projektů"},
{
value: "5+", label: "Let zkušeností"},
{
value: "100%", label: "Spokojených klientů"},
{ value: "100+", label: "Projektů" },
{ value: "5+", label: "Let zkušeností" },
{ value: "100%", label: "Spokojených klientů" },
]}
enableKpiAnimation={true}
buttons={[
{
text: "Zjistit více", href: "#services"},
]}
buttons={[{ text: "Zjistit více", href: "#services" }]}
imageSrc="http://img.b2bpic.net/free-vector/golden-alphabet-template_52683-6064.jpg"
imageAlt="minimalistické logo Martees zlaté M"
mediaAnimation="slide-up"
@@ -75,15 +62,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
icon: Globe,
title: "Tvorba Webů", description: "Moderní webové stránky, které vypadají skvěle a fungují ještě lépe."},
{
icon: PenTool,
title: "Tvorba Log", description: "Unikátní vizuální identita, která vaši značku odliší od konkurence."},
{
icon: Video,
title: "Videotvorba", description: "Kreativní videoprodukce od scénáře až po finální střih."},
{ icon: Globe, title: "Tvorba Webů", description: "Moderní webové stránky, které vypadají skvěle a fungují ještě lépe." },
{ icon: PenTool, title: "Tvorba Log", description: "Unikátní vizuální identita, která vaši značku odliší od konkurence." },
{ icon: Video, title: "Videotvorba", description: "Kreativní videoprodukce od scénáře až po finální střih." },
]}
title="Naše Služby"
description="Profesionální kreativní řešení na míru vašim potřebám."
@@ -93,33 +74,8 @@ export default function LandingPage() {
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Jsme mladé kreativní studio, které roste s vašimi úspěchy."
buttons={[
{
text: "Kontaktujte nás", href: "#contact"},
]}
/>
</div>
<div id="portfolio" data-section="portfolio">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Martees Instagram: martees_official", "Martees Facebook: Martees"]}
title="Najdete nás na sociálních sítích"
description="Sledujte naše aktuální projekty a novinky ze světa designu."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Alpha Tech", "Beta Design", "Gamma Studio", "Delta Labs", "Epsilon Media", "Zeta Group", "Eta Creative"]}
title="Spolupracujeme s"
description="Klienti, kteří nám věří."
title="Jsme mladé kreativní studio, které roste s vašimi úspěchy. Začínáme jako malý tým s velkými ambicemi."
buttons={[{ text: "Kontaktujte nás", href: "#contact" }]}
/>
</div>
@@ -127,45 +83,18 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "1", title: "Jak dlouho trvá tvorba webu?", content: "Záleží na náročnosti, obvykle 4-8 týdnů."},
{
id: "2", title: "Jak probíhá spolupráce?", content: "Úvodní konzultace, návrh, realizace, finální úpravy."},
{
id: "3", title: "Máte zkušenosti s rebrandingem?", content: "Ano, máme za sebou úspěšné rebrandy mnoha značek."},
{ id: "1", title: "Jak dlouho trvá tvorba webu?", content: "Záleží na náročnosti, obvykle 4-8 týdnů." },
{ id: "2", title: "Jak probíhá spolupráce?", content: "Úvodní konzultace, návrh, realizace, finální úpravy." },
]}
sideTitle="Časté dotazy"
faqsAnimation="blur-reveal"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1", value: "98%", description: "Retention Rate"
},
{
id: "m2", value: "24/7", description: "Dostupnost"
},
{
id: "m3", value: "500+", description: "Projektových milníků"
},
]}
title="Milníky Martees"
description="Naše růstová metrika v číslech."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "radial-gradient"}}
background={{ variant: "radial-gradient" }}
tag="Kontakt"
title="Pojďme vytvořit něco skvělého"
description="Napište nám a probereme vaše plány."