Merge version_3 into main

Merge version_3 into main

src/app/build/page.tsx

@@ -1,26 +1,25 @@
 "use client";
 
 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 PricingCardOne from '@/components/sections/pricing/PricingCardOne';
-import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
+import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import { Speaker, Zap, Sparkles } from "lucide-react";
+import { Sparkles } from "lucide-react";
 
 export default function BuildPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="elastic-effect"
+      defaultButtonVariant="bounce-effect"
-      defaultTextAnimation="background-highlight"
+      defaultTextAnimation="entrance-slide"
-      borderRadius="sharp"
+      borderRadius="rounded"
-      contentWidth="small"
+      contentWidth="mediumLarge"
-      sizing="largeSmall"
+      sizing="mediumLargeSizeLargeTitles"
-      background="none"
+      background="circleGradient"
-      cardStyle="elevated"
+      cardStyle="gradient-mesh"
-      primaryButtonStyle="flat"
+      primaryButtonStyle="radial-glow"
       secondaryButtonStyle="layered"
-      headingFontWeight="extrabold"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
@@ -33,115 +32,59 @@ export default function BuildPage() {
             { name: "Support", id: "/support" }
           ]}
           button={{ text: "Shop", href: "#shop" }}
-          className="backdrop-blur-md border border-gray-300"
+          className="backdrop-blur-lg border border-accent/40"
         />
       </div>
 
       <div id="build" data-section="build">
-        <PricingCardTwo
+        <PricingCardOne
           title="Spec & Configure"
           description="Build your reference system with modular options. Real-time SKU generation and assembly lead-time estimates."
           plans={[
             {
-              id: "compact",
+              id: "compact",              badge: "Nearfield",              badgeIcon: Sparkles,
-              badge: "Nearfield Setup",
+              price: "$2,495",              subtitle: "Perfect for compact studios",              features: [
-              badgeIcon: Speaker,
+                "Graphite, Aluminum, Ceramic finishes",                "Mesh or solid grille",                "Neutral, Warm, or Analytical DSP",                "Status or Reactive LED",                "2–3 week lead time"
-              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" }
-              ],
-              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"
               ]
             },
             {
-              id: "reference",
+              id: "reference",              badge: "Room Reference",              badgeIcon: Sparkles,
-              badge: "Room Reference",
+              price: "$4,295",              subtitle: "For professional monitoring",              features: [
-              badgeIcon: Zap,
+                "Graphite, Aluminum, Ceramic finishes",                "Mesh or solid grille",                "Neutral, Warm, or Analytical DSP",                "Status or Reactive LED",                "3–4 week lead time"
-              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" }
-              ],
-              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"
               ]
             },
             {
-              id: "flagship",
+              id: "flagship",              badge: "Studio Flagship",              badgeIcon: Sparkles,
-              badge: "Flagship System",
+              price: "$7,495",              subtitle: "Reference-grade system",              features: [
-              badgeIcon: Sparkles,
+                "Graphite, Aluminum, Ceramic finishes",                "Mesh or solid grille",                "Neutral, Warm, or Analytical DSP",                "Status or Reactive LED",                "4–5 week lead time"
-              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" }
-              ],
-              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"
               ]
             }
           ]}
-          animationType="slide-up"
+          animationType="scale-rotate"
           textboxLayout="default"
           useInvertedBackground="noInvert"
         />
       </div>
 
       <div id="quality" data-section="quality">
-        <FeatureCardMedia
+        <FeatureCardTwelve
           title="Quality Controlled"
           description="Built under control. Every step from materials sourcing to final calibration follows verified manufacturing standards."
           features={[
             {
-              id: "materials",
+              id: "materials",              label: "Materials",              title: "Premium Component Selection",              items: ["Tolerance spec sourcing", "Supplier audits", "Batch testing", "Full traceability"]
-              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: "machining",
+              id: "machining",              label: "Machining",              title: "Precision Manufacturing",              items: ["CNC ±0.05mm tolerance", "Real-time verification", "100% cosmetic inspection", "Quality assurance"]
-              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: "assembly",
+              id: "assembly",              label: "Assembly",              title: "Controlled Environment",              items: ["Damping placement verified", "Acoustic integrity tested", "Seam verification", "QC checklist"]
-              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: "calibration",
+              id: "calibration",              label: "Calibration",              title: "Anechoic Chamber Testing",              items: ["Response measurement", "DSP profile loading", "Certified verification", "Pre-shipment check"]
-              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"
             }
           ]}
-          animationType="slide-up"
+          animationType="scale-rotate"
           textboxLayout="default"
           useInvertedBackground="invertDefault"
         />
@@ -149,14 +92,13 @@ export default function BuildPage() {
 
       <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",
+              title: "Products",              items: [
-              items: [
                 { label: "BASE One", href: "/systems" },
                 { label: "BASE Two", href: "/systems" },
                 { label: "BASE Studio", href: "/systems" },
@@ -164,8 +106,7 @@ export default function BuildPage() {
               ]
             },
             {
-              title: "Resources",
+              title: "Resources",              items: [
-              items: [
                 { label: "Measurement Reports", href: "/performance" },
                 { label: "Quick Start", href: "/support" },
                 { label: "Field Tests", href: "/field-tests" },
@@ -173,8 +114,7 @@ export default function BuildPage() {
               ]
             },
             {
-              title: "Company",
+              title: "Company",              items: [
-              items: [
                 { label: "About", href: "/about" },
                 { label: "Support", href: "/support" },
                 { label: "Contact", href: "/contact" },

src/app/field-tests/page.tsx

@@ -1,24 +1,23 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import Link from "next/link";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import BlogCardOne from '@/components/sections/blog/BlogCardOne';
+import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 
 export default function FieldTestsPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="elastic-effect"
+      defaultButtonVariant="bounce-effect"
-      defaultTextAnimation="background-highlight"
+      defaultTextAnimation="entrance-slide"
-      borderRadius="sharp"
+      borderRadius="rounded"
-      contentWidth="small"
+      contentWidth="mediumLarge"
-      sizing="largeSmall"
+      sizing="mediumLargeSizeLargeTitles"
-      background="none"
+      background="circleGradient"
-      cardStyle="elevated"
+      cardStyle="gradient-mesh"
-      primaryButtonStyle="flat"
+      primaryButtonStyle="radial-glow"
       secondaryButtonStyle="layered"
-      headingFontWeight="extrabold"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
@@ -31,61 +30,33 @@ export default function FieldTestsPage() {
             { name: "Support", id: "/support" }
           ]}
           button={{ text: "Shop", href: "#shop" }}
-          className="backdrop-blur-md border border-gray-300"
+          className="backdrop-blur-lg border border-accent/40"
         />
       </div>
 
       <div id="field-tests" data-section="field-tests">
-        <BlogCardOne
+        <BlogCardTwo
           title="Field Tests"
           description="Proof in real spaces. Case studies with room dimensions, before/after response snapshots, and measured outcomes."
           blogs={[
             {
-              id: "studio-test",
+              id: "studio-test",              tags: ["Studio", "Calibration", "Reference"],
-              category: "Studio",
+              title: "Studio Calibration Test",              excerpt: "20' x 24' mixing suite. BASE Two paired + subwoofer integration. Frequency response: ±2dB 40Hz–20kHz in-room.",              imageSrc: "https://images.unsplash.com/photo-1470225620780-dba8ba36b745?w=800&q=80",              imageAlt: "Professional studio setup with BASE speakers",              authorName: "Field Test",              date: "Verified Setup"
-              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: "loft-test",
+              id: "loft-test",              tags: ["Loft", "Acoustic", "Correction"],
-              category: "Loft",
+              title: "Hard-Surface Room Test",              excerpt: "18' x 22' converted loft with concrete and glass. Single BASE Two nearfield with phase correction engaged.",              imageSrc: "https://images.unsplash.com/photo-1487180144351-b8472da7d491?w=800&q=80",              imageAlt: "Loft space acoustic testing",              authorName: "Field Test",              date: "Verified Setup"
-              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: "apartment-test",
+              id: "apartment-test",              tags: ["Compact", "Nearfield", "Bedroom"],
-              category: "Compact",
+              title: "Small Apartment Nearfield",              excerpt: "12' x 14' bedroom studio. BASE One pair on close-field mounting. DSP linearization applied for accurate imaging.",              imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=800&q=80",              imageAlt: "Compact apartment audio setup",              authorName: "Field Test",              date: "Verified Setup"
-              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: "live-room-test",
+              id: "live-room-test",              tags: ["Live", "Performance", "SPL"],
-              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.",              imageSrc: "https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?w=800&q=80",              imageAlt: "Live performance room with professional speakers",              authorName: "Field Test",              date: "Verified Setup"
-              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"
             }
           ]}
-          animationType="slide-up"
+          animationType="scale-rotate"
           textboxLayout="default"
           useInvertedBackground="noInvert"
           carouselMode="buttons"
@@ -94,14 +65,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",
+              title: "Products",              items: [
-              items: [
                 { label: "BASE One", href: "/systems" },
                 { label: "BASE Two", href: "/systems" },
                 { label: "BASE Studio", href: "/systems" },
@@ -109,8 +79,7 @@ export default function FieldTestsPage() {
               ]
             },
             {
-              title: "Resources",
+              title: "Resources",              items: [
-              items: [
                 { label: "Measurement Reports", href: "/performance" },
                 { label: "Quick Start", href: "/support" },
                 { label: "Field Tests", href: "/field-tests" },
@@ -118,8 +87,7 @@ export default function FieldTestsPage() {
               ]
             },
             {
-              title: "Company",
+              title: "Company",              items: [
-              items: [
                 { label: "About", href: "/about" },
                 { label: "Support", href: "/support" },
                 { label: "Contact", href: "/contact" },

src/app/globals.css

@@ -4,21 +4,21 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f5f5f5;;
+  /* --background: #0a0a0a;;
-  --card: #ffffff;;
+  --card: #1a1515;;
-  --foreground: #1c1c1c;;
+  --foreground: #f5f0ff;;
-  --primary-cta: #1f514c;;
+  --primary-cta: #00d9ff;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #ff00ff;;
-  --accent: #159c49;;
+  --accent: #00ff88;;
-  --background-accent: #a8e8ba;; */
+  --background-accent: #1a0a3a;; */
 
-  --background: #f5f5f5;;
+  --background: #0a0a0a;;
-  --card: #ffffff;;
+  --card: #1a1515;;
-  --foreground: #1c1c1c;;
+  --foreground: #f5f0ff;;
-  --primary-cta: #1f514c;;
+  --primary-cta: #00d9ff;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #ff00ff;;
-  --accent: #159c49;;
+  --accent: #00ff88;;
-  --background-accent: #a8e8ba;;
+  --background-accent: #1a0a3a;;
 
   /* 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;
 }

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({
+const spaceGrotesk = Space_Grotesk({
-  variable: "--font-public-sans",
+  variable: "--font-space-grotesk",  subsets: ["latin"],
-  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "BASE — Reference-Level Audio Speakers",
+  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"),
-  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",
+    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: [
-    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",
+        url: "https://img.b2bpic.net/free-photo/square-music-speaker-closeup-interior-room_169016-51647.jpg",        alt: "BASE speaker system reference-level output"
-        alt: "BASE speaker system reference-level output"
       }
     ]
   },
   twitter: {
-    card: "summary_large_image",
+    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"]
-    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}

src/app/page.tsx

@@ -1,26 +1,25 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import Link from "next/link";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import { Zap } from "lucide-react";
+import { Zap, Code2, Rocket, Cpu } from "lucide-react";
 
 export default function HomePage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="elastic-effect"
+      defaultButtonVariant="bounce-effect"
-      defaultTextAnimation="background-highlight"
+      defaultTextAnimation="entrance-slide"
-      borderRadius="sharp"
+      borderRadius="rounded"
-      contentWidth="small"
+      contentWidth="mediumLarge"
-      sizing="largeSmall"
+      sizing="mediumLargeSizeLargeTitles"
-      background="none"
+      background="circleGradient"
-      cardStyle="elevated"
+      cardStyle="gradient-mesh"
-      primaryButtonStyle="flat"
+      primaryButtonStyle="radial-glow"
       secondaryButtonStyle="layered"
-      headingFontWeight="extrabold"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
@@ -33,7 +32,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-lg border border-accent/40"
         />
       </div>
 
@@ -49,34 +48,22 @@ export default function HomePage() {
           ]}
           carouselItems={[
             {
-              id: "1",
+              id: "1",              imageSrc: "https://images.unsplash.com/photo-1470225620780-dba8ba36b745?w=800&q=80",              imageAlt: "BASE speaker cutaway showing internal components"
-              imageSrc: "https://img.b2bpic.net/free-photo/square-music-speaker-closeup-interior-room_169016-51647.jpg",
-              imageAlt: "BASE speaker cutaway showing internal components"
             },
             {
-              id: "2",
+              id: "2",              imageSrc: "https://images.unsplash.com/photo-1514525253161-7a46d19cd819?w=800&q=80",              imageAlt: "BASE One compact nearfield monitor"
-              imageSrc: "https://img.b2bpic.net/free-photo/square-music-speaker-control-knobs-closeup-details_169016-51505.jpg",
-              imageAlt: "BASE One compact nearfield monitor"
             },
             {
-              id: "3",
+              id: "3",              imageSrc: "https://images.unsplash.com/photo-1459749411175-04bf5292ceea?w=800&q=80",              imageAlt: "BASE Two room reference monitor"
-              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: "4",
+              id: "4",              imageSrc: "https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?w=800&q=80",              imageAlt: "BASE Studio flagship monitoring system"
-              imageSrc: "https://img.b2bpic.net/free-photo/crop-amplifier-black_23-2147781794.jpg",
-              imageAlt: "BASE Studio flagship monitoring system"
             },
             {
-              id: "5",
+              id: "5",              imageSrc: "https://images.unsplash.com/photo-1487180144351-b8472da7d491?w=800&q=80",              imageAlt: "Performance measurement visualization"
-              imageSrc: "https://img.b2bpic.net/free-vector/ilustration-growth-business-percentage-template_23-2148271410.jpg",
-              imageAlt: "Performance measurement visualization"
             },
             {
-              id: "6",
+              id: "6",              imageSrc: "https://images.unsplash.com/photo-1478737270239-2f02b77fc618?w=800&q=80",              imageAlt: "Room calibration and acoustic analysis"
-              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"
             }
           ]}
           autoPlay={true}
@@ -90,31 +77,16 @@ export default function HomePage() {
           description="Key specifications verified under controlled laboratory conditions"
           metrics={[
             {
-              id: "1",
+              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"
-              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: "2",
+              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"
-              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: "3",
+              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"
-              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"
             }
           ]}
-          animationType="slide-up"
+          animationType="scale-rotate"
           textboxLayout="default"
           useInvertedBackground="invertDefault"
         />
@@ -122,14 +94,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",
+              title: "Products",              items: [
-              items: [
                 { label: "BASE One", href: "/systems" },
                 { label: "BASE Two", href: "/systems" },
                 { label: "BASE Studio", href: "/systems" },
@@ -137,8 +108,7 @@ export default function HomePage() {
               ]
             },
             {
-              title: "Resources",
+              title: "Resources",              items: [
-              items: [
                 { label: "Measurement Reports", href: "/performance" },
                 { label: "Quick Start", href: "/support" },
                 { label: "Field Tests", href: "/field-tests" },
@@ -146,8 +116,7 @@ export default function HomePage() {
               ]
             },
             {
-              title: "Company",
+              title: "Company",              items: [
-              items: [
                 { label: "About", href: "/about" },
                 { label: "Support", href: "/support" },
                 { label: "Contact", href: "/contact" },

src/app/performance/page.tsx

@@ -1,24 +1,23 @@
 "use client";
 
 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 FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 
 export default function PerformancePage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="elastic-effect"
+      defaultButtonVariant="bounce-effect"
-      defaultTextAnimation="background-highlight"
+      defaultTextAnimation="entrance-slide"
-      borderRadius="sharp"
+      borderRadius="rounded"
-      contentWidth="small"
+      contentWidth="mediumLarge"
-      sizing="largeSmall"
+      sizing="mediumLargeSizeLargeTitles"
-      background="none"
+      background="circleGradient"
-      cardStyle="elevated"
+      cardStyle="gradient-mesh"
-      primaryButtonStyle="flat"
+      primaryButtonStyle="radial-glow"
       secondaryButtonStyle="layered"
-      headingFontWeight="extrabold"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
@@ -31,93 +30,53 @@ export default function PerformancePage() {
             { name: "Support", id: "/support" }
           ]}
           button={{ text: "Shop", href: "#shop" }}
-          className="backdrop-blur-md border border-gray-300"
+          className="backdrop-blur-lg border border-accent/40"
         />
       </div>
 
       <div id="performance" data-section="performance">
-        <FeatureCardMedia
+        <FeatureCardTwelve
           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",
+              id: "freq-response",              label: "Frequency",              title: "Response Verification",              items: ["Anechoic free-field curves", "In-room compensated response", "1 meter reference distance", "Full spectrum analysis"]
-              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: "distortion",
+              id: "distortion",              label: "Distortion",              title: "SPL Linearity Tracking",              items: ["Harmonic distortion measurements", "Intermodulation testing", "Full SPL range coverage", "Linearity assurance"]
-              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: "directivity",
+              id: "directivity",              label: "Directivity",              title: "Polar Pattern Analysis",              items: ["Octave interval plots", "Controlled dispersion", "Off-axis stability", "Response consistency"]
-              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: "impulse",
+              id: "impulse",              label: "Impulse",              title: "Time-Domain Capture",              items: ["Phase alignment verification", "Group delay measurement", "Transient fidelity", "Spectral precision"]
-              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"
             }
           ]}
-          animationType="slide-up"
+          animationType="scale-rotate"
           textboxLayout="default"
           useInvertedBackground="noInvert"
         />
       </div>
 
       <div id="internals" data-section="internals">
-        <FeatureCardMedia
+        <FeatureCardTwelve
           title="Exposed Architecture"
           description="Every component has a job. No decorative design. Hover to reveal engineering notes."
           features={[
             {
-              id: "driver-array",
+              id: "driver-array",              label: "Drivers",              title: "Precision Transducers",              items: ["Matched driver pairs", "Controlled crossover", "Phase alignment", "Coherent output"]
-              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: "chamber",
+              id: "chamber",              label: "Chamber",              title: "Acoustic Geometry",              items: ["Sealed or ported design", "Low-frequency extension", "Transient accuracy", "No coloration"]
-              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: "dsp",
+              id: "dsp",              label: "DSP",              title: "Real-Time Processing",              items: ["Room correction", "Phase alignment", "Adaptive EQ", "Firmware updateable"]
-              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: "isolation",
+              id: "isolation",              label: "Isolation",              title: "Resonance Suppression",              items: ["Decoupled mounting", "Internal bracing", "Panel damping", "Clean imaging"]
-              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"
             }
           ]}
-          animationType="slide-up"
+          animationType="scale-rotate"
           textboxLayout="default"
           useInvertedBackground="invertDefault"
         />
@@ -125,14 +84,13 @@ export default function PerformancePage() {
 
       <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",
+              title: "Products",              items: [
-              items: [
                 { label: "BASE One", href: "/systems" },
                 { label: "BASE Two", href: "/systems" },
                 { label: "BASE Studio", href: "/systems" },
@@ -140,8 +98,7 @@ export default function PerformancePage() {
               ]
             },
             {
-              title: "Resources",
+              title: "Resources",              items: [
-              items: [
                 { label: "Measurement Reports", href: "/performance" },
                 { label: "Quick Start", href: "/support" },
                 { label: "Field Tests", href: "/field-tests" },
@@ -149,8 +106,7 @@ export default function PerformancePage() {
               ]
             },
             {
-              title: "Company",
+              title: "Company",              items: [
-              items: [
                 { label: "About", href: "/about" },
                 { label: "Support", href: "/support" },
                 { label: "Contact", href: "/contact" },

src/app/support/page.tsx

@@ -1,25 +1,25 @@
 "use client";
 
 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 FaqBase from '@/components/sections/faq/FaqBase';
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
+import { MessageSquare } from "lucide-react";
 
 export default function SupportPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="elastic-effect"
+      defaultButtonVariant="bounce-effect"
-      defaultTextAnimation="background-highlight"
+      defaultTextAnimation="entrance-slide"
-      borderRadius="sharp"
+      borderRadius="rounded"
-      contentWidth="small"
+      contentWidth="mediumLarge"
-      sizing="largeSmall"
+      sizing="mediumLargeSizeLargeTitles"
-      background="none"
+      background="circleGradient"
-      cardStyle="elevated"
+      cardStyle="gradient-mesh"
-      primaryButtonStyle="flat"
+      primaryButtonStyle="radial-glow"
       secondaryButtonStyle="layered"
-      headingFontWeight="extrabold"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
@@ -32,72 +32,59 @@ export default function SupportPage() {
             { name: "Support", id: "/support" }
           ]}
           button={{ text: "Shop", href: "#shop" }}
-          className="backdrop-blur-md border border-gray-300"
+          className="backdrop-blur-lg border border-accent/40"
         />
       </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",
+              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>"
-              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",
+              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>"
-              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",
+              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>"
-              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",
+              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>"
-              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",
+              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>"
-              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
+        <ContactCenter
-          text="Choose your reference. Spec it. Build it. Get measured output backed by data."
+          tag="Newsletter"
-          animationType="background-highlight"
+          title="Stay Updated"
-          buttons={[
+          description="Get the latest specs, performance updates, and exclusive field test results delivered to your inbox."
-            { text: "Configure BASE", href: "/build" },
+          tagIcon={MessageSquare}
-            { text: "Download Datasheet", href: "#datasheet" }
-          ]}
           useInvertedBackground="invertDefault"
+          inputPlaceholder="your@email.com"
+          buttonText="Subscribe"
+          onSubmit={(email) => console.log('Newsletter signup:', email)}
         />
       </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",
+              title: "Products",              items: [
-              items: [
                 { label: "BASE One", href: "/systems" },
                 { label: "BASE Two", href: "/systems" },
                 { label: "BASE Studio", href: "/systems" },
@@ -105,8 +92,7 @@ export default function SupportPage() {
               ]
             },
             {
-              title: "Resources",
+              title: "Resources",              items: [
-              items: [
                 { label: "Measurement Reports", href: "/performance" },
                 { label: "Quick Start", href: "/support" },
                 { label: "Field Tests", href: "/field-tests" },
@@ -114,8 +100,7 @@ export default function SupportPage() {
               ]
             },
             {
-              title: "Company",
+              title: "Company",              items: [
-              items: [
                 { label: "About", href: "/about" },
                 { label: "Support", href: "/support" },
                 { label: "Contact", href: "/contact" },

src/app/systems/page.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import Link from "next/link";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
@@ -9,16 +8,16 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
 export default function SystemsPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="elastic-effect"
+      defaultButtonVariant="bounce-effect"
-      defaultTextAnimation="background-highlight"
+      defaultTextAnimation="entrance-slide"
-      borderRadius="sharp"
+      borderRadius="rounded"
-      contentWidth="small"
+      contentWidth="mediumLarge"
-      sizing="largeSmall"
+      sizing="mediumLargeSizeLargeTitles"
-      background="none"
+      background="circleGradient"
-      cardStyle="elevated"
+      cardStyle="gradient-mesh"
-      primaryButtonStyle="flat"
+      primaryButtonStyle="radial-glow"
       secondaryButtonStyle="layered"
-      headingFontWeight="extrabold"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
@@ -31,7 +30,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-lg border border-accent/40"
         />
       </div>
 
@@ -41,38 +40,20 @@ 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",
+              id: "base-one",              brand: "BASE",              name: "BASE One",              price: "$2,495",              rating: 5,
-              brand: "BASE",
+              reviewCount: "18 verified setups",              imageSrc: "https://images.unsplash.com/photo-1514525253161-7a46d19cd819?w=800&q=80",              imageAlt: "BASE One compact nearfield monitor speaker"
-              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-two",
+              id: "base-two",              brand: "BASE",              name: "BASE Two",              price: "$4,295",              rating: 5,
-              brand: "BASE",
+              reviewCount: "34 verified setups",              imageSrc: "https://images.unsplash.com/photo-1459749411175-04bf5292ceea?w=800&q=80",              imageAlt: "BASE Two room reference monitor speaker"
-              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-studio",
+              id: "base-studio",              brand: "BASE",              name: "BASE Studio",              price: "$7,495",              rating: 5,
-              brand: "BASE",
+              reviewCount: "12 verified setups",              imageSrc: "https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?w=800&q=80",              imageAlt: "BASE Studio flagship monitoring system"
-              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"
             }
           ]}
           textboxLayout="default"
-          animationType="slide-up"
+          animationType="scale-rotate"
           gridVariant="three-columns-all-equal-width"
           useInvertedBackground="noInvert"
         />
@@ -80,14 +61,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",
+              title: "Products",              items: [
-              items: [
                 { label: "BASE One", href: "/systems" },
                 { label: "BASE Two", href: "/systems" },
                 { label: "BASE Studio", href: "/systems" },
@@ -95,8 +75,7 @@ export default function SystemsPage() {
               ]
             },
             {
-              title: "Resources",
+              title: "Resources",              items: [
-              items: [
                 { label: "Measurement Reports", href: "/performance" },
                 { label: "Quick Start", href: "/support" },
                 { label: "Field Tests", href: "/field-tests" },
@@ -104,8 +83,7 @@ export default function SystemsPage() {
               ]
             },
             {
-              title: "Company",
+              title: "Company",              items: [
-              items: [
                 { label: "About", href: "/about" },
                 { label: "Support", href: "/support" },
                 { label: "Contact", href: "/contact" },