Update src/app/performance/page.tsx

This commit is contained in:
2026-01-21 20:27:14 +00:00
parent aed9d6d08c
commit b4f9673f31

View File

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