From 00a000c4989844d88a9c2a36ce448dcfd0abd47b Mon Sep 17 00:00:00 2001
From: development <mulikavj@gmail.com>
Date: Wed, 21 Jan 2026 20:38:30 +0000
Subject: [PATCH] Update src/app/performance/page.tsx

---
 src/app/performance/page.tsx | 53 +++++++++++++++++-------------------
 1 file changed, 25 insertions(+), 28 deletions(-)

diff --git a/src/app/performance/page.tsx b/src/app/performance/page.tsx
index d651596..e3ad6d2 100644
--- a/src/app/performance/page.tsx
+++ b/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 FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 
 export default function PerformancePage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="elastic-effect"
-      defaultTextAnimation="background-highlight"
-      borderRadius="pill"
-      contentWidth="medium"
-      sizing="largeSmall"
-      background="radialGradient"
-      cardStyle="glass-elevated"
-      primaryButtonStyle="inset-glow"
-      secondaryButtonStyle="glass"
-      headingFontWeight="extrabold"
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="mediumLarge"
+      sizing="mediumLargeSizeLargeTitles"
+      background="circleGradient"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
@@ -31,57 +30,55 @@ export default function PerformancePage() {
             { name: "Support", id: "/support" }
           ]}
           button={{ text: "Shop", href: "#shop" }}
-          className="backdrop-blur-md border border-purple-600"
+          className="backdrop-blur-lg border border-accent/40"
         />
       </div>
 
       <div id="performance" data-section="performance">
-        <FeatureCardThree
+        <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",              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: "freq-response",              label: "Frequency",              title: "Response Verification",              items: ["Anechoic free-field curves", "In-room compensated response", "1 meter reference distance", "Full spectrum analysis"]
             },
             {
-              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: "distortion",              label: "Distortion",              title: "SPL Linearity Tracking",              items: ["Harmonic distortion measurements", "Intermodulation testing", "Full SPL range coverage", "Linearity assurance"]
             },
             {
-              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: "directivity",              label: "Directivity",              title: "Polar Pattern Analysis",              items: ["Octave interval plots", "Controlled dispersion", "Off-axis stability", "Response consistency"]
             },
             {
-              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"
+              id: "impulse",              label: "Impulse",              title: "Time-Domain Capture",              items: ["Phase alignment verification", "Group delay measurement", "Transient fidelity", "Spectral precision"]
             }
           ]}
-          animationType="slide-up"
+          animationType="scale-rotate"
           textboxLayout="default"
           useInvertedBackground="noInvert"
-          gridVariant="bento-grid"
         />
       </div>
 
       <div id="internals" data-section="internals">
-        <FeatureCardThree
+        <FeatureCardTwelve
           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.",              imageSrc: "https://images.unsplash.com/photo-1470225620780-dba8ba36b745?w=800&q=80",              imageAlt: "Driver array internal structure"
+              id: "driver-array",              label: "Drivers",              title: "Precision Transducers",              items: ["Matched driver pairs", "Controlled crossover", "Phase alignment", "Coherent output"]
             },
             {
-              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: "chamber",              label: "Chamber",              title: "Acoustic Geometry",              items: ["Sealed or ported design", "Low-frequency extension", "Transient accuracy", "No coloration"]
             },
             {
-              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: "dsp",              label: "DSP",              title: "Real-Time Processing",              items: ["Room correction", "Phase alignment", "Adaptive EQ", "Firmware updateable"]
             },
             {
-              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"
+              id: "isolation",              label: "Isolation",              title: "Resonance Suppression",              items: ["Decoupled mounting", "Internal bracing", "Panel damping", "Clean imaging"]
             }
           ]}
-          animationType="slide-up"
+          animationType="scale-rotate"
           textboxLayout="default"
           useInvertedBackground="invertDefault"
-          gridVariant="bento-grid-inverted"
         />
       </div>
 
@@ -121,4 +118,4 @@ export default function PerformancePage() {
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file