Update src/app/performance/page.tsx

This commit is contained in:
2026-01-21 20:38:30 +00:00
parent 98ac3d6843
commit 00a000c498

View File

@@ -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>
);
}
}