Update src/app/page.tsx
This commit is contained in:
103
src/app/page.tsx
103
src/app/page.tsx
@@ -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."
|
||||
|
||||
Reference in New Issue
Block a user