Update src/app/performance/page.tsx
This commit is contained in:
@@ -3,7 +3,7 @@
|
|||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
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';
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||||
|
|
||||||
export default function PerformancePage() {
|
export default function PerformancePage() {
|
||||||
@@ -11,13 +11,13 @@ export default function PerformancePage() {
|
|||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="elastic-effect"
|
defaultButtonVariant="elastic-effect"
|
||||||
defaultTextAnimation="background-highlight"
|
defaultTextAnimation="background-highlight"
|
||||||
borderRadius="sharp"
|
borderRadius="pill"
|
||||||
contentWidth="small"
|
contentWidth="medium"
|
||||||
sizing="largeSmall"
|
sizing="largeSmall"
|
||||||
background="none"
|
background="radialGradient"
|
||||||
cardStyle="elevated"
|
cardStyle="glass-elevated"
|
||||||
primaryButtonStyle="flat"
|
primaryButtonStyle="inset-glow"
|
||||||
secondaryButtonStyle="layered"
|
secondaryButtonStyle="glass"
|
||||||
headingFontWeight="extrabold"
|
headingFontWeight="extrabold"
|
||||||
>
|
>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
@@ -31,108 +31,69 @@ export default function PerformancePage() {
|
|||||||
{ name: "Support", id: "/support" }
|
{ name: "Support", id: "/support" }
|
||||||
]}
|
]}
|
||||||
button={{ text: "Shop", href: "#shop" }}
|
button={{ text: "Shop", href: "#shop" }}
|
||||||
className="backdrop-blur-md border border-gray-300"
|
className="backdrop-blur-md border border-purple-600"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="performance" data-section="performance">
|
<div id="performance" data-section="performance">
|
||||||
<FeatureCardMedia
|
<FeatureCardThree
|
||||||
title="Performance Verified"
|
title="Performance Verified"
|
||||||
description="Full measurement suite with disclosed test conditions, anechoic + in-room data, and downloadable reports for every system"
|
description="Full measurement suite with disclosed test conditions, anechoic + in-room data, and downloadable reports for every system"
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "freq-response",
|
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"
|
||||||
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: "distortion",
|
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"
|
||||||
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: "directivity",
|
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"
|
||||||
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: "impulse",
|
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"
|
||||||
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"
|
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground="noInvert"
|
useInvertedBackground="noInvert"
|
||||||
|
gridVariant="bento-grid"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="internals" data-section="internals">
|
<div id="internals" data-section="internals">
|
||||||
<FeatureCardMedia
|
<FeatureCardThree
|
||||||
title="Exposed Architecture"
|
title="Exposed Architecture"
|
||||||
description="Every component has a job. No decorative design. Hover to reveal engineering notes."
|
description="Every component has a job. No decorative design. Hover to reveal engineering notes."
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "driver-array",
|
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"
|
||||||
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: "chamber",
|
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"
|
||||||
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: "dsp",
|
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"
|
||||||
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: "isolation",
|
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"
|
||||||
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"
|
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground="invertDefault"
|
useInvertedBackground="invertDefault"
|
||||||
|
gridVariant="bento-grid-inverted"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterMedia
|
<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"
|
imageAlt="BASE laboratory testing environment"
|
||||||
logoText="BASE"
|
logoText="BASE"
|
||||||
copyrightText="© 2025 BASE Audio Systems. All rights reserved."
|
copyrightText="© 2025 BASE Audio Systems. All rights reserved."
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Products",
|
title: "Products", items: [
|
||||||
items: [
|
|
||||||
{ label: "BASE One", href: "/systems" },
|
{ label: "BASE One", href: "/systems" },
|
||||||
{ label: "BASE Two", href: "/systems" },
|
{ label: "BASE Two", href: "/systems" },
|
||||||
{ label: "BASE Studio", href: "/systems" },
|
{ label: "BASE Studio", href: "/systems" },
|
||||||
@@ -140,8 +101,7 @@ export default function PerformancePage() {
|
|||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Resources",
|
title: "Resources", items: [
|
||||||
items: [
|
|
||||||
{ label: "Measurement Reports", href: "/performance" },
|
{ label: "Measurement Reports", href: "/performance" },
|
||||||
{ label: "Quick Start", href: "/support" },
|
{ label: "Quick Start", href: "/support" },
|
||||||
{ label: "Field Tests", href: "/field-tests" },
|
{ label: "Field Tests", href: "/field-tests" },
|
||||||
@@ -149,8 +109,7 @@ export default function PerformancePage() {
|
|||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{ label: "About", href: "/about" },
|
{ label: "About", href: "/about" },
|
||||||
{ label: "Support", href: "/support" },
|
{ label: "Support", href: "/support" },
|
||||||
{ label: "Contact", href: "/contact" },
|
{ label: "Contact", href: "/contact" },
|
||||||
@@ -162,4 +121,4 @@ export default function PerformancePage() {
|
|||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user