diff --git a/src/app/page.tsx b/src/app/page.tsx
index ae81b31..3cb0c9a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,221 +4,93 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
-import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import TeamCardOne from '@/components/sections/team/TeamCardOne';
 import TextAbout from '@/components/sections/about/TextAbout';
-import { ArrowDown, Layers, Shield, Zap } from "lucide-react";
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="hover-magnetic"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="soft"
-        contentWidth="small"
-        sizing="largeSmall"
-        background="none"
-        cardStyle="soft-shadow"
-        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="medium"
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="mediumLarge"
+      sizing="large"
+      background="none"
+      cardStyle="outline"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
+      headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Vehicles",
-          id: "/vehicles",
-        },
-        {
-          name: "Configurator",
-          id: "/configurator",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-      ]}
-      brandName="VALOR PERFORMANCE"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Vehicles", id: "/vehicles" },
+              { name: "Configurator", id: "/configurator" },
+              { name: "About", id: "/about" },
+            ]}
+            brandName="VALOR PERFORMANCE"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogoBillboard
-      background={{
-        variant: "canvas-reveal",
-      }}
-      logoText="VALOR PERFORMANCE"
-      description="Performance-Fahrzeuge, Umbauten und eigene Prototypen. Entwickelt ohne Rücksicht auf Konventionen."
-      buttons={[
-        {
-          text: "Zum Konfigurator",
-          href: "/configurator",
-        },
-        {
-          text: "Valor Vehicles entdecken",
-          href: "/vehicles",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/young-man-closing-trunk_23-2148321895.jpg?_wi=1"
-      imageAlt="Valor Engineering Performance Prototype"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogoBillboard
+            logoText="ENGINEERED WITHOUT COMPROMISE"
+            description="Built for those who demand control"
+            buttons={[{ text: "Begin Build", href: "/configurator" }, { text: "Explore Vehicles", href: "/vehicles" }]}
+            mediaAnimation="none"
+            background={{ variant: "plain" }}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      title="THE OATH"
-      buttons={[
-        {
-          text: "Unsere Philosophie",
-          href: "/about",
-        },
-      ]}
-      buttonAnimation="slide-up"
-    />
-  </div>
+        <div id="oath" data-section="oath">
+          <TextAbout
+            title="THE OATH"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="product" data-section="product">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="two-columns-alternating-heights"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "1",
-          name: "Valkyrion V12-HR",
-          price: "Prototype",
-          imageSrc: "http://img.b2bpic.net/free-photo/metallic-color-sport-car-bridge-sunset_114579-4083.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Valor EON GT",
-          price: "Concept",
-          imageSrc: "http://img.b2bpic.net/free-vector/car-background-design_1268-550.jpg?_wi=1",
-        },
-        {
-          id: "3",
-          name: "Custom Builds",
-          price: "Inquiry",
-          imageSrc: "http://img.b2bpic.net/free-photo/diverse-business-leaders-sharing-their-expertise-new-collaboration-opportunity-discussing_482257-132123.jpg?_wi=1",
-        },
-      ]}
-      title="VALOR VEHICLES"
-      description="Unsere Fahrzeuge folgen keiner Norm. Sie entstehen aus Überzeugung."
-    />
-  </div>
+        <div id="vehicles" data-section="vehicles">
+          <ProductCardThree
+            title="VEHICLES"
+            description="Performance defined."
+            animationType="none"
+            gridVariant="three-columns-all-equal-width"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            products={[
+              { id: "v1", name: "Valkyrion", price: "Prototype" },
+              { id: "v2", name: "EON GT", price: "Concept" },
+              { id: "v3", name: "Custom Builds", price: "Inquiry" }
+            ]}
+          />
+        </div>
 
-  <div id="metric" data-section="metric">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Performance at Scale"
-      description="Engineering-Benchmarks ohne Kompromisse."
-      metrics={[
-        {
-          id: "m1",
-          value: "1.580",
-          title: "Horsepower",
-          description: "Peak output achieved.",
-          icon: Zap,
-        },
-        {
-          id: "m2",
-          value: "2.6t",
-          title: "Downforce",
-          description: "Maximum aerodynamic load.",
-          icon: ArrowDown,
-        },
-        {
-          id: "m3",
-          value: "100%",
-          title: "Precision",
-          description: "Engineering standards.",
-          icon: Shield,
-        },
-        {
-          id: "m4",
-          value: "22",
-          title: "Concepts",
-          description: "Unique development platforms.",
-          icon: Layers,
-        },
-      ]}
-    />
-  </div>
+        <div id="build" data-section="build">
+          <TextAbout
+            title="BUILD YOUR PERFORMANCE"
+            buttons={[{ text: "Begin Build", href: "/configurator" }]}
+            useInvertedBackground={true}
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="The Engineering Team"
-      description="Hinter jeder Komponente steht pure Leidenschaft."
-      members={[
-        {
-          id: "p1",
-          name: "Erik Valor",
-          role: "Lead Engineer",
-          imageSrc: "http://img.b2bpic.net/free-photo/diverse-business-leaders-sharing-their-expertise-new-collaboration-opportunity-discussing_482257-132123.jpg?_wi=2",
-        },
-        {
-          id: "p2",
-          name: "Dr. Sarah Weiss",
-          role: "Aerodynamics",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-closing-trunk_23-2148321895.jpg?_wi=2",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout
+            title="ABOUT"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Models",
-          items: [
-            {
-              label: "Valkyrion",
-              href: "/vehicles",
-            },
-            {
-              label: "EON GT",
-              href: "/vehicles",
-            },
-          ],
-        },
-        {
-          title: "Brand",
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "The Oath",
-              href: "/about",
-            },
-          ],
-        },
-      ]}
-      logoText="VALOR PERFORMANCE"
-      copyrightText="Private Development Project"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            logoText="VALOR PERFORMANCE"
+            copyrightText="Private Development Project"
+            columns={[]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index b483a57..e978663 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
-  --card: #0c0c0c;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
   --foreground: #ffffff;
-  --primary-cta: #cee7ff;
+  --primary-cta: #e6e6e6;
   --primary-cta-text: #000000;
-  --secondary-cta: #000000;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #ffffff;
-  --accent: #535353;
-  --background-accent: #CEE7FF;
+  --accent: #333333;
+  --background-accent: #1a1a1a;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);