diff --git a/src/app/page.tsx b/src/app/page.tsx
index ec9ea58..35043f8 100644
--- a/src/app/page.tsx
+++ b/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."
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 487c99a..6dfa456 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4f0;
-  --card: #ffffff;
-  --foreground: #1a1a1a;
+  --background: #000000;
+  --card: #1a1a1a;
+  --foreground: #ffffff;
   --primary-cta: #d4af37;
   --primary-cta-text: #1A1D2E;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #333333;
   --secondary-cta-text: #FFFFFF;
   --accent: #d4af37;
-  --background-accent: #f3e5ab;
+  --background-accent: #262626;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);