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
+}