Files
15c1d2bd-de23-45fd-9318-fa9…/src/app/performance/page.tsx

121 lines
5.5 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function PerformancePage() {
return (
<ThemeProvider
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
brandName="BASE"
navItems={[
{ name: "Systems", id: "/systems" },
{ name: "Performance", id: "/performance" },
{ name: "Build", id: "/build" },
{ name: "Field Tests", id: "/field-tests" },
{ name: "Support", id: "/support" }
]}
button={{ text: "Shop", href: "#shop" }}
className="backdrop-blur-lg border border-accent/40"
/>
</div>
<div id="performance" data-section="performance">
<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", label: "Frequency", title: "Response Verification", items: ["Anechoic free-field curves", "In-room compensated response", "1 meter reference distance", "Full spectrum analysis"]
},
{
id: "distortion", label: "Distortion", title: "SPL Linearity Tracking", items: ["Harmonic distortion measurements", "Intermodulation testing", "Full SPL range coverage", "Linearity assurance"]
},
{
id: "directivity", label: "Directivity", title: "Polar Pattern Analysis", items: ["Octave interval plots", "Controlled dispersion", "Off-axis stability", "Response consistency"]
},
{
id: "impulse", label: "Impulse", title: "Time-Domain Capture", items: ["Phase alignment verification", "Group delay measurement", "Transient fidelity", "Spectral precision"]
}
]}
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground="noInvert"
/>
</div>
<div id="internals" data-section="internals">
<FeatureCardTwelve
title="Exposed Architecture"
description="Every component has a job. No decorative design. Hover to reveal engineering notes."
features={[
{
id: "driver-array", label: "Drivers", title: "Precision Transducers", items: ["Matched driver pairs", "Controlled crossover", "Phase alignment", "Coherent output"]
},
{
id: "chamber", label: "Chamber", title: "Acoustic Geometry", items: ["Sealed or ported design", "Low-frequency extension", "Transient accuracy", "No coloration"]
},
{
id: "dsp", label: "DSP", title: "Real-Time Processing", items: ["Room correction", "Phase alignment", "Adaptive EQ", "Firmware updateable"]
},
{
id: "isolation", label: "Isolation", title: "Resonance Suppression", items: ["Decoupled mounting", "Internal bracing", "Panel damping", "Clean imaging"]
}
]}
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground="invertDefault"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
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: [
{ label: "BASE One", href: "/systems" },
{ label: "BASE Two", href: "/systems" },
{ label: "BASE Studio", href: "/systems" },
{ label: "Configurator", href: "/build" }
]
},
{
title: "Resources", items: [
{ label: "Measurement Reports", href: "/performance" },
{ label: "Quick Start", href: "/support" },
{ label: "Field Tests", href: "/field-tests" },
{ label: "Technical Specs", href: "/performance" }
]
},
{
title: "Company", items: [
{ label: "About", href: "/about" },
{ label: "Support", href: "/support" },
{ label: "Contact", href: "/contact" },
{ label: "Careers", href: "/careers" }
]
}
]}
/>
</div>
</ThemeProvider>
);
}