diff --git a/src/app/build/page.tsx b/src/app/build/page.tsx
index b194973..8726f0e 100644
--- a/src/app/build/page.tsx
+++ b/src/app/build/page.tsx
@@ -3,8 +3,8 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import Link from "next/link";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
-import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
+import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
+import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import { Speaker, Zap, Sparkles } from "lucide-react";
 
@@ -13,13 +13,13 @@ export default function BuildPage() {
     <ThemeProvider
       defaultButtonVariant="elastic-effect"
       defaultTextAnimation="background-highlight"
-      borderRadius="sharp"
-      contentWidth="small"
+      borderRadius="pill"
+      contentWidth="medium"
       sizing="largeSmall"
-      background="none"
-      cardStyle="elevated"
-      primaryButtonStyle="flat"
-      secondaryButtonStyle="layered"
+      background="radialGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="inset-glow"
+      secondaryButtonStyle="glass"
       headingFontWeight="extrabold"
     >
       <div id="nav" data-section="nav">
@@ -33,68 +33,35 @@ export default function BuildPage() {
             { name: "Support", id: "/support" }
           ]}
           button={{ text: "Shop", href: "#shop" }}
-          className="backdrop-blur-md border border-gray-300"
+          className="backdrop-blur-md border border-purple-600"
         />
       </div>
 
       <div id="build" data-section="build">
-        <PricingCardTwo
+        <PricingCardNine
           title="Spec & Configure"
           description="Build your reference system with modular options. Real-time SKU generation and assembly lead-time estimates."
           plans={[
             {
-              id: "compact",
-              badge: "Nearfield Setup",
-              badgeIcon: Speaker,
-              price: "Starting $2,495",
-              subtitle: "BASE One or One + Sub for compact spaces",
-              buttons: [
-                { text: "Configure Base One", href: "#configure-one" },
-                { text: "View Specs", href: "#specs-one" }
+              id: "compact",              title: "BASE One",              price: "$2,495",              period: "/unit",              features: [
+                "Graphite, Aluminum, or Ceramic finishes",                "Mesh or solid grille",                "Neutral, Warm, or Analytical DSP profile",                "Status or Reactive LED lighting",                "Real-time SKU + 2–3 week lead time"
               ],
-              features: [
-                "Graphite, Aluminum, or Ceramic finishes",
-                "Mesh or solid grille",
-                "Neutral, Warm, or Analytical DSP profile",
-                "Status or Reactive LED lighting",
-                "Real-time SKU + 2–3 week lead time"
-              ]
+              button: { text: "Configure Base One", href: "#configure-one" },
+              imageSrc: "https://images.unsplash.com/photo-1514525253161-7a46d19cd819?w=800&q=80",              imageAlt: "BASE One configuration"
             },
             {
-              id: "reference",
-              badge: "Room Reference",
-              badgeIcon: Zap,
-              price: "Starting $4,295",
-              subtitle: "BASE Two for mid-size studios and control rooms",
-              buttons: [
-                { text: "Configure Base Two", href: "#configure-two" },
-                { text: "View Specs", href: "#specs-two" }
+              id: "reference",              title: "BASE Two",              price: "$4,295",              period: "/unit",              features: [
+                "Graphite, Aluminum, or Ceramic finishes",                "Mesh or solid grille",                "Neutral, Warm, or Analytical DSP profile",                "Status or Reactive LED lighting",                "Real-time SKU + 3–4 week lead time"
               ],
-              features: [
-                "Graphite, Aluminum, or Ceramic finishes",
-                "Mesh or solid grille",
-                "Neutral, Warm, or Analytical DSP profile",
-                "Status or Reactive LED lighting",
-                "Real-time SKU + 3–4 week lead time"
-              ]
+              button: { text: "Configure Base Two", href: "#configure-two" },
+              imageSrc: "https://images.unsplash.com/photo-1459749411175-04bf5292ceea?w=800&q=80",              imageAlt: "BASE Two configuration"
             },
             {
-              id: "flagship",
-              badge: "Flagship System",
-              badgeIcon: Sparkles,
-              price: "Starting $7,495",
-              subtitle: "BASE Studio for large monitoring setups and critical listening",
-              buttons: [
-                { text: "Configure Base Studio", href: "#configure-studio" },
-                { text: "View Specs", href: "#specs-studio" }
+              id: "flagship",              title: "BASE Studio",              price: "$7,495",              period: "/unit",              features: [
+                "Graphite, Aluminum, or Ceramic finishes",                "Mesh or solid grille",                "Neutral, Warm, or Analytical DSP profile",                "Status or Reactive LED lighting",                "Real-time SKU + 4–5 week lead time"
               ],
-              features: [
-                "Graphite, Aluminum, or Ceramic finishes",
-                "Mesh or solid grille",
-                "Neutral, Warm, or Analytical DSP profile",
-                "Status or Reactive LED lighting",
-                "Real-time SKU + 4–5 week lead time"
-              ]
+              button: { text: "Configure Base Studio", href: "#configure-studio" },
+              imageSrc: "https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?w=800&q=80",              imageAlt: "BASE Studio configuration"
             }
           ]}
           animationType="slide-up"
@@ -104,59 +71,39 @@ export default function BuildPage() {
       </div>
 
       <div id="quality" data-section="quality">
-        <FeatureCardMedia
+        <FeatureCardThree
           title="Quality Controlled"
           description="Built under control. Every step from materials sourcing to final calibration follows verified manufacturing standards."
           features={[
             {
-              id: "materials",
-              title: "Materials Selection",
-              description: "Premium components sourced to tolerance specs. Supplier audits + batch testing. Traceability maintained.",
-              tag: "Process",
-              imageSrc: "https://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-measuring-device_23-2150914191.jpg",
-              imageAlt: "Materials and component selection"
+              id: "materials",              title: "Materials Selection",              description: "Premium components sourced to tolerance specs. Supplier audits + batch testing. Traceability maintained.",              imageSrc: "https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?w=800&q=80",              imageAlt: "Materials and component selection"
             },
             {
-              id: "machining",
-              title: "Precision Machining",
-              description: "CNC tolerance ±0.05mm for critical dimensions. Real-time in-process verification. 100% cosmetic inspection.",
-              tag: "Process",
-              imageSrc: "https://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-measuring-device_23-2150914191.jpg",
-              imageAlt: "CNC machining and precision manufacturing"
+              id: "machining",              title: "Precision Machining",              description: "CNC tolerance ±0.05mm for critical dimensions. Real-time in-process verification. 100% cosmetic inspection.",              imageSrc: "https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?w=800&q=80",              imageAlt: "CNC machining and precision manufacturing"
             },
             {
-              id: "assembly",
-              title: "Assembly & Sealing",
-              description: "Controlled environment assembly. Damping material placement verified. All seams tested for acoustic integrity.",
-              tag: "Process",
-              imageSrc: "https://img.b2bpic.net/free-photo/portrait-worker-near-metalworking-machine_176420-4656.jpg",
-              imageAlt: "Assembly line quality control"
+              id: "assembly",              title: "Assembly & Sealing",              description: "Controlled environment assembly. Damping material placement verified. All seams tested for acoustic integrity.",              imageSrc: "https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?w=800&q=80",              imageAlt: "Assembly line quality control"
             },
             {
-              id: "calibration",
-              title: "Final Calibration",
-              description: "Anechoic chamber measurement + response trim. DSP profile loading and verification. Certified before shipment.",
-              tag: "Test",
-              imageSrc: "https://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46153.jpg",
-              imageAlt: "Calibration laboratory testing"
+              id: "calibration",              title: "Final Calibration",              description: "Anechoic chamber measurement + response trim. DSP profile loading and verification. Certified before shipment.",              imageSrc: "https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?w=800&q=80",              imageAlt: "Calibration laboratory testing"
             }
           ]}
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground="invertDefault"
+          gridVariant="bento-grid"
         />
       </div>
 
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="https://img.b2bpic.net/free-photo/press-reporter-fallowing-leads-case_23-2149579709.jpg"
+          imageSrc="https://images.unsplash.com/photo-1478737270239-2f02b77fc618?w=800&q=80"
           imageAlt="BASE laboratory testing environment"
           logoText="BASE"
           copyrightText="© 2025 BASE Audio Systems. All rights reserved."
           columns={[
             {
-              title: "Products",
-              items: [
+              title: "Products",              items: [
                 { label: "BASE One", href: "/systems" },
                 { label: "BASE Two", href: "/systems" },
                 { label: "BASE Studio", href: "/systems" },
@@ -164,8 +111,7 @@ export default function BuildPage() {
               ]
             },
             {
-              title: "Resources",
-              items: [
+              title: "Resources",              items: [
                 { label: "Measurement Reports", href: "/performance" },
                 { label: "Quick Start", href: "/support" },
                 { label: "Field Tests", href: "/field-tests" },
@@ -173,8 +119,7 @@ export default function BuildPage() {
               ]
             },
             {
-              title: "Company",
-              items: [
+              title: "Company",              items: [
                 { label: "About", href: "/about" },
                 { label: "Support", href: "/support" },
                 { label: "Contact", href: "/contact" },
@@ -186,4 +131,4 @@ export default function BuildPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/field-tests/page.tsx b/src/app/field-tests/page.tsx
index 79c2c25..99b7921 100644
--- a/src/app/field-tests/page.tsx
+++ b/src/app/field-tests/page.tsx
@@ -11,13 +11,13 @@ export default function FieldTestsPage() {
     <ThemeProvider
       defaultButtonVariant="elastic-effect"
       defaultTextAnimation="background-highlight"
-      borderRadius="sharp"
-      contentWidth="small"
+      borderRadius="pill"
+      contentWidth="medium"
       sizing="largeSmall"
-      background="none"
-      cardStyle="elevated"
-      primaryButtonStyle="flat"
-      secondaryButtonStyle="layered"
+      background="radialGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="inset-glow"
+      secondaryButtonStyle="glass"
       headingFontWeight="extrabold"
     >
       <div id="nav" data-section="nav">
@@ -31,7 +31,7 @@ export default function FieldTestsPage() {
             { name: "Support", id: "/support" }
           ]}
           button={{ text: "Shop", href: "#shop" }}
-          className="backdrop-blur-md border border-gray-300"
+          className="backdrop-blur-md border border-purple-600"
         />
       </div>
 
@@ -41,48 +41,16 @@ export default function FieldTestsPage() {
           description="Proof in real spaces. Case studies with room dimensions, before/after response snapshots, and measured outcomes."
           blogs={[
             {
-              id: "studio-test",
-              category: "Studio",
-              title: "Studio Calibration Test",
-              excerpt: "20' x 24' mixing suite. BASE Two paired + subwoofer integration protocol. Frequency response: ±2dB 40Hz–20kHz in-room post-correction.",
-              imageSrc: "https://img.b2bpic.net/free-photo/sound-mixer-studio_107420-64845.jpg",
-              imageAlt: "Professional studio setup with BASE speakers",
-              authorName: "Field Test",
-              authorAvatar: "https://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46153.jpg",
-              date: "Verified Setup"
+              id: "studio-test",              category: "Studio",              title: "Studio Calibration Test",              excerpt: "20' x 24' mixing suite. BASE Two paired + subwoofer integration protocol. Frequency response: ±2dB 40Hz–20kHz in-room post-correction.",              imageSrc: "https://images.unsplash.com/photo-1470225620780-dba8ba36b745?w=800&q=80",              imageAlt: "Professional studio setup with BASE speakers",              authorName: "Field Test",              authorAvatar: "https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=200&q=80",              date: "Verified Setup"
             },
             {
-              id: "loft-test",
-              category: "Loft",
-              title: "Hard-Surface Room Test",
-              excerpt: "18' x 22' converted loft with concrete and glass. Single BASE Two nearfield. Phase correction engaged. Room modes managed via placement algorithm.",
-              imageSrc: "https://img.b2bpic.net/free-photo/close-up-microphone-pop-filter_23-2149200001.jpg",
-              imageAlt: "Loft space acoustic testing",
-              authorName: "Field Test",
-              authorAvatar: "https://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46153.jpg",
-              date: "Verified Setup"
+              id: "loft-test",              category: "Loft",              title: "Hard-Surface Room Test",              excerpt: "18' x 22' converted loft with concrete and glass. Single BASE Two nearfield. Phase correction engaged. Room modes managed via placement algorithm.",              imageSrc: "https://images.unsplash.com/photo-1487180144351-b8472da7d491?w=800&q=80",              imageAlt: "Loft space acoustic testing",              authorName: "Field Test",              authorAvatar: "https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=200&q=80",              date: "Verified Setup"
             },
             {
-              id: "apartment-test",
-              category: "Compact",
-              title: "Small Apartment Nearfield",
-              excerpt: "12' x 14' bedroom studio. BASE One pair on close-field mounting. DSP linearization applied. Imaging accuracy maintained at <1m working distance.",
-              imageSrc: "https://img.b2bpic.net/free-photo/radio-host-gesturing-while-recording-podcast-radio-studio_1157-47803.jpg",
-              imageAlt: "Compact apartment audio setup",
-              authorName: "Field Test",
-              authorAvatar: "https://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46153.jpg",
-              date: "Verified Setup"
+              id: "apartment-test",              category: "Compact",              title: "Small Apartment Nearfield",              excerpt: "12' x 14' bedroom studio. BASE One pair on close-field mounting. DSP linearization applied. Imaging accuracy maintained at <1m working distance.",              imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=800&q=80",              imageAlt: "Compact apartment audio setup",              authorName: "Field Test",              authorAvatar: "https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=200&q=80",              date: "Verified Setup"
             },
             {
-              id: "live-room-test",
-              category: "Live",
-              title: "Live Room High SPL Test",
-              excerpt: "28' x 30' performance space. BASE Studio system with subwoofer array. 105dB SPL sustained without compression. Full-range clarity at volume.",
-              imageSrc: "https://img.b2bpic.net/free-photo/young-girl-plays-guitar-recording-video-sound_169016-17116.jpg",
-              imageAlt: "Live performance room with professional speakers",
-              authorName: "Field Test",
-              authorAvatar: "https://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46153.jpg",
-              date: "Verified Setup"
+              id: "live-room-test",              category: "Live",              title: "Live Room High SPL Test",              excerpt: "28' x 30' performance space. BASE Studio system with subwoofer array. 105dB SPL sustained without compression. Full-range clarity at volume.",              imageSrc: "https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?w=800&q=80",              imageAlt: "Live performance room with professional speakers",              authorName: "Field Test",              authorAvatar: "https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=200&q=80",              date: "Verified Setup"
             }
           ]}
           animationType="slide-up"
@@ -94,14 +62,13 @@ export default function FieldTestsPage() {
 
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="https://img.b2bpic.net/free-photo/press-reporter-fallowing-leads-case_23-2149579709.jpg"
+          imageSrc="https://images.unsplash.com/photo-1478737270239-2f02b77fc618?w=800&q=80"
           imageAlt="BASE laboratory testing environment"
           logoText="BASE"
           copyrightText="© 2025 BASE Audio Systems. All rights reserved."
           columns={[
             {
-              title: "Products",
-              items: [
+              title: "Products",              items: [
                 { label: "BASE One", href: "/systems" },
                 { label: "BASE Two", href: "/systems" },
                 { label: "BASE Studio", href: "/systems" },
@@ -109,8 +76,7 @@ export default function FieldTestsPage() {
               ]
             },
             {
-              title: "Resources",
-              items: [
+              title: "Resources",              items: [
                 { label: "Measurement Reports", href: "/performance" },
                 { label: "Quick Start", href: "/support" },
                 { label: "Field Tests", href: "/field-tests" },
@@ -118,8 +84,7 @@ export default function FieldTestsPage() {
               ]
             },
             {
-              title: "Company",
-              items: [
+              title: "Company",              items: [
                 { label: "About", href: "/about" },
                 { label: "Support", href: "/support" },
                 { label: "Contact", href: "/contact" },
@@ -131,4 +96,4 @@ export default function FieldTestsPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/globals.css b/src/app/globals.css
index 9a0b236..977caaa 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -4,21 +4,21 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f5f5f5;;
-  --card: #ffffff;;
-  --foreground: #1c1c1c;;
-  --primary-cta: #1f514c;;
-  --secondary-cta: #ffffff;;
-  --accent: #159c49;;
-  --background-accent: #a8e8ba;; */
+  /* --background: #0f0a1a;;
+  --card: #1a1f3a;;
+  --foreground: #e6d7f0;;
+  --primary-cta: #9d5cf6;;
+  --secondary-cta: #2a1f4a;;
+  --accent: #d4a9ff;;
+  --background-accent: #7e52d6;; */
 
-  --background: #f5f5f5;;
-  --card: #ffffff;;
-  --foreground: #1c1c1c;;
-  --primary-cta: #1f514c;;
-  --secondary-cta: #ffffff;;
-  --accent: #159c49;;
-  --background-accent: #a8e8ba;;
+  --background: #0f0a1a;;
+  --card: #1a1f3a;;
+  --foreground: #e6d7f0;;
+  --primary-cta: #9d5cf6;;
+  --secondary-cta: #2a1f4a;;
+  --accent: #d4a9ff;;
+  --background-accent: #7e52d6;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
@@ -509,7 +509,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-public-sans), sans-serif;
+  font-family: var(--font-space-grotesk), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -522,5 +522,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-public-sans), sans-serif;
+  font-family: var(--font-space-grotesk), sans-serif;
 }
\ No newline at end of file
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 7003b68..b88437d 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,40 +1,27 @@
 import type { Metadata } from "next";
-import { Public_Sans } from "next/font/google";
+import { Space_Grotesk } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 
-const publicSans = Public_Sans({
-  variable: "--font-public-sans",
-  subsets: ["latin"],
+const spaceGrotesk = Space_Grotesk({
+  variable: "--font-space-grotesk",  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "BASE — Reference-Level Audio Speakers",
-  description: "Engineered acoustics, controlled dispersion, and room-adaptive DSP. Professional monitoring systems built like laboratory instruments with disclosed test conditions.",
-  keywords: "professional speakers, studio monitors, audio reference, acoustic engineering, calibration",
-  metadataBase: new URL("https://base-audio.com"),
+  title: "BASE — Reference-Level Audio Speakers",  description: "Engineered acoustics, controlled dispersion, and room-adaptive DSP. Professional monitoring systems built like laboratory instruments with disclosed test conditions.",  keywords: "professional speakers, studio monitors, audio reference, acoustic engineering, calibration",  metadataBase: new URL("https://base-audio.com"),
   alternates: {
     canonical: "https://base-audio.com"
   },
   openGraph: {
-    title: "BASE — Reference-Level Audio Speakers",
-    description: "Precision monitoring systems for studios, control rooms, and critical listening environments.",
-    url: "https://base-audio.com",
-    siteName: "BASE Audio Systems",
-    type: "website",
-    images: [
+    title: "BASE — Reference-Level Audio Speakers",    description: "Precision monitoring systems for studios, control rooms, and critical listening environments.",    url: "https://base-audio.com",    siteName: "BASE Audio Systems",    type: "website",    images: [
       {
-        url: "https://img.b2bpic.net/free-photo/square-music-speaker-closeup-interior-room_169016-51647.jpg",
-        alt: "BASE speaker system reference-level output"
+        url: "https://img.b2bpic.net/free-photo/square-music-speaker-closeup-interior-room_169016-51647.jpg",        alt: "BASE speaker system reference-level output"
       }
     ]
   },
   twitter: {
-    card: "summary_large_image",
-    title: "BASE — Reference-Level Audio Speakers",
-    description: "Engineered acoustics, controlled dispersion, and room-adaptive DSP.",
-    images: ["https://img.b2bpic.net/free-photo/square-music-speaker-closeup-interior-room_169016-51647.jpg"]
+    card: "summary_large_image",    title: "BASE — Reference-Level Audio Speakers",    description: "Engineered acoustics, controlled dispersion, and room-adaptive DSP.",    images: ["https://img.b2bpic.net/free-photo/square-music-speaker-closeup-interior-room_169016-51647.jpg"]
   },
   robots: {
     index: true,
@@ -51,7 +38,7 @@ export default function RootLayout({
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
         <body
-          className={`${publicSans.variable} antialiased`}
+          className={`${spaceGrotesk.variable} antialiased`}
         >
           <Tag />
           {children}
@@ -1277,4 +1264,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4b372b2..2a5f883 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,13 +13,13 @@ export default function HomePage() {
     <ThemeProvider
       defaultButtonVariant="elastic-effect"
       defaultTextAnimation="background-highlight"
-      borderRadius="sharp"
-      contentWidth="small"
+      borderRadius="pill"
+      contentWidth="medium"
       sizing="largeSmall"
-      background="none"
-      cardStyle="elevated"
-      primaryButtonStyle="flat"
-      secondaryButtonStyle="layered"
+      background="radialGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="inset-glow"
+      secondaryButtonStyle="glass"
       headingFontWeight="extrabold"
     >
       <div id="nav" data-section="nav">
@@ -33,7 +33,7 @@ export default function HomePage() {
             { name: "Support", id: "/support" }
           ]}
           button={{ text: "Shop", href: "#shop" }}
-          className="backdrop-blur-md border border-gray-300"
+          className="backdrop-blur-md border border-purple-600"
         />
       </div>
 
@@ -49,34 +49,22 @@ export default function HomePage() {
           ]}
           carouselItems={[
             {
-              id: "1",
-              imageSrc: "https://img.b2bpic.net/free-photo/square-music-speaker-closeup-interior-room_169016-51647.jpg",
-              imageAlt: "BASE speaker cutaway showing internal components"
+              id: "1",              imageSrc: "https://images.unsplash.com/photo-1470225620780-dba8ba36b745?w=800&q=80",              imageAlt: "BASE speaker cutaway showing internal components"
             },
             {
-              id: "2",
-              imageSrc: "https://img.b2bpic.net/free-photo/square-music-speaker-control-knobs-closeup-details_169016-51505.jpg",
-              imageAlt: "BASE One compact nearfield monitor"
+              id: "2",              imageSrc: "https://images.unsplash.com/photo-1514525253161-7a46d19cd819?w=800&q=80",              imageAlt: "BASE One compact nearfield monitor"
             },
             {
-              id: "3",
-              imageSrc: "https://img.b2bpic.net/free-photo/audio-columns-are-system-several-pieces-close-up-audio-systems_78492-3673.jpg",
-              imageAlt: "BASE Two room reference monitor"
+              id: "3",              imageSrc: "https://images.unsplash.com/photo-1459749411175-04bf5292ceea?w=800&q=80",              imageAlt: "BASE Two room reference monitor"
             },
             {
-              id: "4",
-              imageSrc: "https://img.b2bpic.net/free-photo/crop-amplifier-black_23-2147781794.jpg",
-              imageAlt: "BASE Studio flagship monitoring system"
+              id: "4",              imageSrc: "https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?w=800&q=80",              imageAlt: "BASE Studio flagship monitoring system"
             },
             {
-              id: "5",
-              imageSrc: "https://img.b2bpic.net/free-vector/ilustration-growth-business-percentage-template_23-2148271410.jpg",
-              imageAlt: "Performance measurement visualization"
+              id: "5",              imageSrc: "https://images.unsplash.com/photo-1487180144351-b8472da7d491?w=800&q=80",              imageAlt: "Performance measurement visualization"
             },
             {
-              id: "6",
-              imageSrc: "https://img.b2bpic.net/free-photo/working-process-polygraph-examiner-office-with-his-lie-detector-s-equipment_146671-17304.jpg",
-              imageAlt: "Room calibration and acoustic analysis"
+              id: "6",              imageSrc: "https://images.unsplash.com/photo-1478737270239-2f02b77fc618?w=800&q=80",              imageAlt: "Room calibration and acoustic analysis"
             }
           ]}
           autoPlay={true}
@@ -90,28 +78,13 @@ export default function HomePage() {
           description="Key specifications verified under controlled laboratory conditions"
           metrics={[
             {
-              id: "1",
-              value: "< 0.1%",
-              title: "Total Harmonic Distortion",
-              description: "Anechoic measurement @ 1kHz",
-              imageSrc: "https://img.b2bpic.net/free-vector/ilustration-growth-business-percentage-template_23-2148271410.jpg",
-              imageAlt: "THD measurement graph"
+              id: "1",              value: "< 0.1%",              title: "Total Harmonic Distortion",              description: "Anechoic measurement @ 1kHz",              imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=800&q=80",              imageAlt: "THD measurement graph"
             },
             {
-              id: "2",
-              value: "110 dB",
-              title: "Peak SPL Capability",
-              description: "Sustained output at rated impedance",
-              imageSrc: "https://img.b2bpic.net/free-vector/ilustration-growth-business-percentage-template_23-2148271410.jpg",
-              imageAlt: "SPL performance data"
+              id: "2",              value: "110 dB",              title: "Peak SPL Capability",              description: "Sustained output at rated impedance",              imageSrc: "https://images.unsplash.com/photo-1487180144351-b8472da7d491?w=800&q=80",              imageAlt: "SPL performance data"
             },
             {
-              id: "3",
-              value: "12 ms",
-              title: "System Latency",
-              description: "Input to output via DSP processing",
-              imageSrc: "https://img.b2bpic.net/free-photo/press-reporter-fallowing-leads-case_23-2149579707.jpg",
-              imageAlt: "DSP latency measurement"
+              id: "3",              value: "12 ms",              title: "System Latency",              description: "Input to output via DSP processing",              imageSrc: "https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=800&q=80",              imageAlt: "DSP latency measurement"
             }
           ]}
           animationType="slide-up"
@@ -122,14 +95,13 @@ export default function HomePage() {
 
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="https://img.b2bpic.net/free-photo/press-reporter-fallowing-leads-case_23-2149579709.jpg"
+          imageSrc="https://images.unsplash.com/photo-1478737270239-2f02b77fc618?w=800&q=80"
           imageAlt="BASE laboratory testing environment"
           logoText="BASE"
           copyrightText="© 2025 BASE Audio Systems. All rights reserved."
           columns={[
             {
-              title: "Products",
-              items: [
+              title: "Products",              items: [
                 { label: "BASE One", href: "/systems" },
                 { label: "BASE Two", href: "/systems" },
                 { label: "BASE Studio", href: "/systems" },
@@ -137,8 +109,7 @@ export default function HomePage() {
               ]
             },
             {
-              title: "Resources",
-              items: [
+              title: "Resources",              items: [
                 { label: "Measurement Reports", href: "/performance" },
                 { label: "Quick Start", href: "/support" },
                 { label: "Field Tests", href: "/field-tests" },
@@ -146,8 +117,7 @@ export default function HomePage() {
               ]
             },
             {
-              title: "Company",
-              items: [
+              title: "Company",              items: [
                 { label: "About", href: "/about" },
                 { label: "Support", href: "/support" },
                 { label: "Contact", href: "/contact" },
@@ -159,4 +129,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/performance/page.tsx b/src/app/performance/page.tsx
index a738f69..d651596 100644
--- a/src/app/performance/page.tsx
+++ b/src/app/performance/page.tsx
@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import Link from "next/link";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
+import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 
 export default function PerformancePage() {
@@ -11,13 +11,13 @@ export default function PerformancePage() {
     <ThemeProvider
       defaultButtonVariant="elastic-effect"
       defaultTextAnimation="background-highlight"
-      borderRadius="sharp"
-      contentWidth="small"
+      borderRadius="pill"
+      contentWidth="medium"
       sizing="largeSmall"
-      background="none"
-      cardStyle="elevated"
-      primaryButtonStyle="flat"
-      secondaryButtonStyle="layered"
+      background="radialGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="inset-glow"
+      secondaryButtonStyle="glass"
       headingFontWeight="extrabold"
     >
       <div id="nav" data-section="nav">
@@ -31,108 +31,69 @@ export default function PerformancePage() {
             { name: "Support", id: "/support" }
           ]}
           button={{ text: "Shop", href: "#shop" }}
-          className="backdrop-blur-md border border-gray-300"
+          className="backdrop-blur-md border border-purple-600"
         />
       </div>
 
       <div id="performance" data-section="performance">
-        <FeatureCardMedia
+        <FeatureCardThree
           title="Performance Verified"
           description="Full measurement suite with disclosed test conditions, anechoic + in-room data, and downloadable reports for every system"
           features={[
             {
-              id: "freq-response",
-              title: "Frequency Response",
-              description: "Toggle between anechoic free-field and in-room compensated curves. All measurements at 1 meter reference distance.",
-              tag: "Measured",
-              imageSrc: "https://img.b2bpic.net/free-vector/ilustration-growth-business-percentage-template_23-2148271410.jpg",
-              imageAlt: "Frequency response measurement graph"
+              id: "freq-response",              title: "Frequency Response",              description: "Toggle between anechoic free-field and in-room compensated curves. All measurements at 1 meter reference distance.",              imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=800&q=80",              imageAlt: "Frequency response measurement graph"
             },
             {
-              id: "distortion",
-              title: "Distortion vs. Volume",
-              description: "Harmonic and intermodulation distortion tracked across full SPL range with linearity assurance.",
-              tag: "Verified",
-              imageSrc: "https://img.b2bpic.net/free-vector/ilustration-growth-business-percentage-template_23-2148271410.jpg",
-              imageAlt: "Distortion measurement data"
+              id: "distortion",              title: "Distortion vs. Volume",              description: "Harmonic and intermodulation distortion tracked across full SPL range with linearity assurance.",              imageSrc: "https://images.unsplash.com/photo-1487180144351-b8472da7d491?w=800&q=80",              imageAlt: "Distortion measurement data"
             },
             {
-              id: "directivity",
-              title: "Directivity Pattern",
-              description: "Polar plots at octave intervals showing controlled dispersion and off-axis response stability.",
-              tag: "Measured",
-              imageSrc: "https://img.b2bpic.net/free-vector/ilustration-growth-business-percentage-template_23-2148271410.jpg",
-              imageAlt: "Directivity polar pattern visualization"
+              id: "directivity",              title: "Directivity Pattern",              description: "Polar plots at octave intervals showing controlled dispersion and off-axis response stability.",              imageSrc: "https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=800&q=80",              imageAlt: "Directivity polar pattern visualization"
             },
             {
-              id: "impulse",
-              title: "Impulse Response",
-              description: "Time-domain capture revealing phase alignment, group delay, and transient fidelity across spectrum.",
-              tag: "Verified",
-              imageSrc: "https://img.b2bpic.net/free-vector/ilustration-growth-business-percentage-template_23-2148271410.jpg",
-              imageAlt: "Impulse response waveform"
+              id: "impulse",              title: "Impulse Response",              description: "Time-domain capture revealing phase alignment, group delay, and transient fidelity across spectrum.",              imageSrc: "https://images.unsplash.com/photo-1470225620780-dba8ba36b745?w=800&q=80",              imageAlt: "Impulse response waveform"
             }
           ]}
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground="noInvert"
+          gridVariant="bento-grid"
         />
       </div>
 
       <div id="internals" data-section="internals">
-        <FeatureCardMedia
+        <FeatureCardThree
           title="Exposed Architecture"
           description="Every component has a job. No decorative design. Hover to reveal engineering notes."
           features={[
             {
-              id: "driver-array",
-              title: "Driver Array",
-              description: "Precision-matched transducers with controlled crossover and phase alignment for flat, coherent output.",
-              tag: "Core",
-              imageSrc: "https://img.b2bpic.net/free-photo/square-music-speaker-closeup-interior-room_169016-51647.jpg",
-              imageAlt: "Driver array internal structure"
+              id: "driver-array",              title: "Driver Array",              description: "Precision-matched transducers with controlled crossover and phase alignment for flat, coherent output.",              imageSrc: "https://images.unsplash.com/photo-1470225620780-dba8ba36b745?w=800&q=80",              imageAlt: "Driver array internal structure"
             },
             {
-              id: "chamber",
-              title: "Acoustic Chamber",
-              description: "Sealed or ported geometry optimized for low-frequency extension and transient accuracy without coloration.",
-              tag: "Acoustic",
-              imageSrc: "https://img.b2bpic.net/free-photo/square-music-speaker-closeup-interior-room_169016-51647.jpg",
-              imageAlt: "Acoustic chamber design"
+              id: "chamber",              title: "Acoustic Chamber",              description: "Sealed or ported geometry optimized for low-frequency extension and transient accuracy without coloration.",              imageSrc: "https://images.unsplash.com/photo-1470225620780-dba8ba36b745?w=800&q=80",              imageAlt: "Acoustic chamber design"
             },
             {
-              id: "dsp",
-              title: "DSP Module",
-              description: "Real-time processing for room correction, phase alignment, and adaptive EQ. Firmware updateable.",
-              tag: "Digital",
-              imageSrc: "https://img.b2bpic.net/free-photo/press-reporter-fallowing-leads-case_23-2149579707.jpg",
-              imageAlt: "DSP processing module"
+              id: "dsp",              title: "DSP Module",              description: "Real-time processing for room correction, phase alignment, and adaptive EQ. Firmware updateable.",              imageSrc: "https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=800&q=80",              imageAlt: "DSP processing module"
             },
             {
-              id: "isolation",
-              title: "Isolation + Damping",
-              description: "Decoupled mounting and internal bracing suppress resonance and panel modes for clean, detailed imaging.",
-              tag: "Structure",
-              imageSrc: "https://img.b2bpic.net/free-photo/square-music-speaker-closeup-interior-room_169016-51647.jpg",
-              imageAlt: "Isolation and damping materials"
+              id: "isolation",              title: "Isolation + Damping",              description: "Decoupled mounting and internal bracing suppress resonance and panel modes for clean, detailed imaging.",              imageSrc: "https://images.unsplash.com/photo-1470225620780-dba8ba36b745?w=800&q=80",              imageAlt: "Isolation and damping materials"
             }
           ]}
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground="invertDefault"
+          gridVariant="bento-grid-inverted"
         />
       </div>
 
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="https://img.b2bpic.net/free-photo/press-reporter-fallowing-leads-case_23-2149579709.jpg"
+          imageSrc="https://images.unsplash.com/photo-1478737270239-2f02b77fc618?w=800&q=80"
           imageAlt="BASE laboratory testing environment"
           logoText="BASE"
           copyrightText="© 2025 BASE Audio Systems. All rights reserved."
           columns={[
             {
-              title: "Products",
-              items: [
+              title: "Products",              items: [
                 { label: "BASE One", href: "/systems" },
                 { label: "BASE Two", href: "/systems" },
                 { label: "BASE Studio", href: "/systems" },
@@ -140,8 +101,7 @@ export default function PerformancePage() {
               ]
             },
             {
-              title: "Resources",
-              items: [
+              title: "Resources",              items: [
                 { label: "Measurement Reports", href: "/performance" },
                 { label: "Quick Start", href: "/support" },
                 { label: "Field Tests", href: "/field-tests" },
@@ -149,8 +109,7 @@ export default function PerformancePage() {
               ]
             },
             {
-              title: "Company",
-              items: [
+              title: "Company",              items: [
                 { label: "About", href: "/about" },
                 { label: "Support", href: "/support" },
                 { label: "Contact", href: "/contact" },
@@ -162,4 +121,4 @@ export default function PerformancePage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/support/page.tsx b/src/app/support/page.tsx
index 5c06c2c..014457e 100644
--- a/src/app/support/page.tsx
+++ b/src/app/support/page.tsx
@@ -3,8 +3,8 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import Link from "next/link";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import ContactText from '@/components/sections/contact/ContactText';
+import FaqBase from '@/components/sections/faq/FaqBase';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 
 export default function SupportPage() {
@@ -12,13 +12,13 @@ export default function SupportPage() {
     <ThemeProvider
       defaultButtonVariant="elastic-effect"
       defaultTextAnimation="background-highlight"
-      borderRadius="sharp"
-      contentWidth="small"
+      borderRadius="pill"
+      contentWidth="medium"
       sizing="largeSmall"
-      background="none"
-      cardStyle="elevated"
-      primaryButtonStyle="flat"
-      secondaryButtonStyle="layered"
+      background="radialGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="inset-glow"
+      secondaryButtonStyle="glass"
       headingFontWeight="extrabold"
     >
       <div id="nav" data-section="nav">
@@ -32,72 +32,62 @@ export default function SupportPage() {
             { name: "Support", id: "/support" }
           ]}
           button={{ text: "Shop", href: "#shop" }}
-          className="backdrop-blur-md border border-gray-300"
+          className="backdrop-blur-md border border-purple-600"
         />
       </div>
 
       <div id="support" data-section="support">
-        <FaqSplitMedia
+        <FaqBase
           title="Support & Resources"
           description="No-friction setup. Guided troubleshooting, calibration guides, and direct technical support."
           faqs={[
             {
-              id: "quick-start",
-              title: "How do I get started?",
-              content: "<p><strong>Quick Start Guide:</strong> Unpack unit. Connect power and audio input. Run calibration app (iOS/Android/Web). Place microphone at listening position. DSP correction applies automatically. Adjust playback level to reference (-20dBFS = 85dB SPL @ 1m).</p><p><strong>Typical time:</strong> 15–20 minutes for nearfield, 30–45 minutes for room correction in treated spaces.</p>"
+              id: "quick-start",              title: "How do I get started?",              content: "<p><strong>Quick Start Guide:</strong> Unpack unit. Connect power and audio input. Run calibration app (iOS/Android/Web). Place microphone at listening position. DSP correction applies automatically. Adjust playback level to reference (-20dBFS = 85dB SPL @ 1m).</p><p><strong>Typical time:</strong> 15–20 minutes for nearfield, 30–45 minutes for room correction in treated spaces.</p>"
             },
             {
-              id: "connectivity",
-              title: "What inputs and outputs does BASE support?",
-              content: "<p><strong>Analog:</strong> XLR (balanced) + RCA (unbalanced).</p><p><strong>Digital:</strong> USB-C audio input (24-bit / 48–192kHz), optional AES/EBU module (custom order).</p><p><strong>Control:</strong> Ethernet for remote DSP management, MQTT for integration with studio automation.</p><p><strong>Wireless:</strong> Not supported—analog and digital hardwired connections ensure latency control and interference immunity.</p>"
+              id: "connectivity",              title: "What inputs and outputs does BASE support?",              content: "<p><strong>Analog:</strong> XLR (balanced) + RCA (unbalanced).</p><p><strong>Digital:</strong> USB-C audio input (24-bit / 48–192kHz), optional AES/EBU module (custom order).</p><p><strong>Control:</strong> Ethernet for remote DSP management, MQTT for integration with studio automation.</p><p><strong>Wireless:</strong> Not supported—analog and digital hardwired connections ensure latency control and interference immunity.</p>"
             },
             {
-              id: "calibration",
-              title: "How does room calibration work?",
-              content: "<p><strong>Process:</strong> Supplied measurement microphone + app generates frequency response curve. DSP applies inverse correction curve to match anechoic reference target. Phase alignment and timing delay adjusted per room geometry.</p><p><strong>Recalibration:</strong> Run new calibration after furniture moves or acoustic treatment changes. Previous profiles archived.</p><p><strong>Manual mode:</strong> Override DSP settings for custom voicing if preferred.</p>"
+              id: "calibration",              title: "How does room calibration work?",              content: "<p><strong>Process:</strong> Supplied measurement microphone + app generates frequency response curve. DSP applies inverse correction curve to match anechoic reference target. Phase alignment and timing delay adjusted per room geometry.</p><p><strong>Recalibration:</strong> Run new calibration after furniture moves or acoustic treatment changes. Previous profiles archived.</p><p><strong>Manual mode:</strong> Override DSP settings for custom voicing if preferred.</p>"
             },
             {
-              id: "warranty",
-              title: "What warranty and support do I get?",
-              content: "<p><strong>Warranty:</strong> 3-year parts + labor on manufacturing defects. Accidental damage coverage available (add-on).</p><p><strong>Support:</strong> Email support, phone triage, authorized repair centers in major markets. Firmware updates delivered via USB or network.</p><p><strong>Technical consultation:</strong> Included room setup consultation (1 hour remote) with audio engineers.</p>"
+              id: "warranty",              title: "What warranty and support do I get?",              content: "<p><strong>Warranty:</strong> 3-year parts + labor on manufacturing defects. Accidental damage coverage available (add-on).</p><p><strong>Support:</strong> Email support, phone triage, authorized repair centers in major markets. Firmware updates delivered via USB or network.</p><p><strong>Technical consultation:</strong> Included room setup consultation (1 hour remote) with audio engineers.</p>"
             },
             {
-              id: "troubleshooting",
-              title: "Why is my audio cutting out or sounding thin?",
-              content: "<p><strong>Checklist:</strong></p><ul><li>Confirm USB power supply is connected (power LED should be steady).</li><li>Check input cable connection and audio level in DAW (should be -20 to -10dBFS for clean headroom).</li><li>Verify DSP profile is active and not set to 'Off' mode.</li><li>Run calibration again if acoustic conditions changed.</li><li>Contact support if issue persists—we'll troubleshoot via phone.</li></ul>"
+              id: "troubleshooting",              title: "Why is my audio cutting out or sounding thin?",              content: "<p><strong>Checklist:</strong></p><ul><li>Confirm USB power supply is connected (power LED should be steady).</li><li>Check input cable connection and audio level in DAW (should be -20 to -10dBFS for clean headroom).</li><li>Verify DSP profile is active and not set to 'Off' mode.</li><li>Run calibration again if acoustic conditions changed.</li><li>Contact support if issue persists—we'll troubleshoot via phone.</li></ul>"
             }
           ]}
-          imageSrc="https://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46153.jpg"
-          imageAlt="Technical support and calibration resources"
-          mediaPosition="left"
-          animationType="smooth"
           textboxLayout="default"
           useInvertedBackground="noInvert"
+          animationType="smooth"
         />
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactText
-          text="Choose your reference. Spec it. Build it. Get measured output backed by data."
-          animationType="background-highlight"
-          buttons={[
-            { text: "Configure BASE", href: "/build" },
-            { text: "Download Datasheet", href: "#datasheet" }
+        <ContactSplitForm
+          title="Get in Touch"
+          description="Have questions? Our team is here to help. Send us a message and we'll get back to you within 24 hours."
+          inputs={[
+            { name: "name", type: "text", placeholder: "Your Name", required: true },
+            { name: "email", type: "email", placeholder: "Your Email", required: true }
           ]}
+          textarea={{ name: "message", placeholder: "How can we help?", rows: 5, required: true }}
           useInvertedBackground="invertDefault"
+          imageSrc="https://images.unsplash.com/photo-1478737270239-2f02b77fc618?w=800&q=80"
+          mediaPosition="right"
+          buttonText="Send Message"
         />
       </div>
 
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="https://img.b2bpic.net/free-photo/press-reporter-fallowing-leads-case_23-2149579709.jpg"
+          imageSrc="https://images.unsplash.com/photo-1478737270239-2f02b77fc618?w=800&q=80"
           imageAlt="BASE laboratory testing environment"
           logoText="BASE"
           copyrightText="© 2025 BASE Audio Systems. All rights reserved."
           columns={[
             {
-              title: "Products",
-              items: [
+              title: "Products",              items: [
                 { label: "BASE One", href: "/systems" },
                 { label: "BASE Two", href: "/systems" },
                 { label: "BASE Studio", href: "/systems" },
@@ -105,8 +95,7 @@ export default function SupportPage() {
               ]
             },
             {
-              title: "Resources",
-              items: [
+              title: "Resources",              items: [
                 { label: "Measurement Reports", href: "/performance" },
                 { label: "Quick Start", href: "/support" },
                 { label: "Field Tests", href: "/field-tests" },
@@ -114,8 +103,7 @@ export default function SupportPage() {
               ]
             },
             {
-              title: "Company",
-              items: [
+              title: "Company",              items: [
                 { label: "About", href: "/about" },
                 { label: "Support", href: "/support" },
                 { label: "Contact", href: "/contact" },
@@ -127,4 +115,4 @@ export default function SupportPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/systems/page.tsx b/src/app/systems/page.tsx
index 9b13e1b..9fc7d6a 100644
--- a/src/app/systems/page.tsx
+++ b/src/app/systems/page.tsx
@@ -11,13 +11,13 @@ export default function SystemsPage() {
     <ThemeProvider
       defaultButtonVariant="elastic-effect"
       defaultTextAnimation="background-highlight"
-      borderRadius="sharp"
-      contentWidth="small"
+      borderRadius="pill"
+      contentWidth="medium"
       sizing="largeSmall"
-      background="none"
-      cardStyle="elevated"
-      primaryButtonStyle="flat"
-      secondaryButtonStyle="layered"
+      background="radialGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="inset-glow"
+      secondaryButtonStyle="glass"
       headingFontWeight="extrabold"
     >
       <div id="nav" data-section="nav">
@@ -31,7 +31,7 @@ export default function SystemsPage() {
             { name: "Support", id: "/support" }
           ]}
           button={{ text: "Shop", href: "#shop" }}
-          className="backdrop-blur-md border border-gray-300"
+          className="backdrop-blur-md border border-purple-600"
         />
       </div>
 
@@ -41,34 +41,16 @@ export default function SystemsPage() {
           description="Modular lineup engineered for precision across nearfield, reference, and flagship applications. Open datasheets, detailed specs, and configurator tools for each model."
           products={[
             {
-              id: "base-one",
-              brand: "BASE",
-              name: "BASE One",
-              price: "$2,495",
-              rating: 5,
-              reviewCount: "18 verified setups",
-              imageSrc: "https://img.b2bpic.net/free-photo/square-music-speaker-control-knobs-closeup-details_169016-51505.jpg",
-              imageAlt: "BASE One compact nearfield monitor speaker"
+              id: "base-one",              brand: "BASE",              name: "BASE One",              price: "$2,495",              rating: 5,
+              reviewCount: "18 verified setups",              imageSrc: "https://images.unsplash.com/photo-1514525253161-7a46d19cd819?w=800&q=80",              imageAlt: "BASE One compact nearfield monitor speaker"
             },
             {
-              id: "base-two",
-              brand: "BASE",
-              name: "BASE Two",
-              price: "$4,295",
-              rating: 5,
-              reviewCount: "34 verified setups",
-              imageSrc: "https://img.b2bpic.net/free-photo/audio-columns-are-system-several-pieces-close-up-audio-systems_78492-3673.jpg",
-              imageAlt: "BASE Two room reference monitor speaker"
+              id: "base-two",              brand: "BASE",              name: "BASE Two",              price: "$4,295",              rating: 5,
+              reviewCount: "34 verified setups",              imageSrc: "https://images.unsplash.com/photo-1459749411175-04bf5292ceea?w=800&q=80",              imageAlt: "BASE Two room reference monitor speaker"
             },
             {
-              id: "base-studio",
-              brand: "BASE",
-              name: "BASE Studio",
-              price: "$7,495",
-              rating: 5,
-              reviewCount: "12 verified setups",
-              imageSrc: "https://img.b2bpic.net/free-photo/crop-amplifier-black_23-2147781794.jpg",
-              imageAlt: "BASE Studio flagship monitoring system"
+              id: "base-studio",              brand: "BASE",              name: "BASE Studio",              price: "$7,495",              rating: 5,
+              reviewCount: "12 verified setups",              imageSrc: "https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?w=800&q=80",              imageAlt: "BASE Studio flagship monitoring system"
             }
           ]}
           textboxLayout="default"
@@ -80,14 +62,13 @@ export default function SystemsPage() {
 
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="https://img.b2bpic.net/free-photo/press-reporter-fallowing-leads-case_23-2149579709.jpg"
+          imageSrc="https://images.unsplash.com/photo-1478737270239-2f02b77fc618?w=800&q=80"
           imageAlt="BASE laboratory testing environment"
           logoText="BASE"
           copyrightText="© 2025 BASE Audio Systems. All rights reserved."
           columns={[
             {
-              title: "Products",
-              items: [
+              title: "Products",              items: [
                 { label: "BASE One", href: "/systems" },
                 { label: "BASE Two", href: "/systems" },
                 { label: "BASE Studio", href: "/systems" },
@@ -95,8 +76,7 @@ export default function SystemsPage() {
               ]
             },
             {
-              title: "Resources",
-              items: [
+              title: "Resources",              items: [
                 { label: "Measurement Reports", href: "/performance" },
                 { label: "Quick Start", href: "/support" },
                 { label: "Field Tests", href: "/field-tests" },
@@ -104,8 +84,7 @@ export default function SystemsPage() {
               ]
             },
             {
-              title: "Company",
-              items: [
+              title: "Company",              items: [
                 { label: "About", href: "/about" },
                 { label: "Support", href: "/support" },
                 { label: "Contact", href: "/contact" },
@@ -117,4 +96,4 @@ export default function SystemsPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}