Update src/app/build/page.tsx

This commit is contained in:
2026-01-21 20:27:10 +00:00
parent fcdf788679
commit 5a2a2e1a14

View File

@@ -3,8 +3,8 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Speaker, Zap, Sparkles } from "lucide-react";
@@ -13,13 +13,13 @@ export default function BuildPage() {
<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">
@@ -33,68 +33,35 @@ export default function BuildPage() {
{ 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="build" data-section="build">
<PricingCardTwo
<PricingCardNine
title="Spec & Configure"
description="Build your reference system with modular options. Real-time SKU generation and assembly lead-time estimates."
plans={[
{
id: "compact",
badge: "Nearfield Setup",
badgeIcon: Speaker,
price: "Starting $2,495",
subtitle: "BASE One or One + Sub for compact spaces",
buttons: [
{ text: "Configure Base One", href: "#configure-one" },
{ text: "View Specs", href: "#specs-one" }
id: "compact", title: "BASE One", price: "$2,495", period: "/unit", features: [
"Graphite, Aluminum, or Ceramic finishes", "Mesh or solid grille", "Neutral, Warm, or Analytical DSP profile", "Status or Reactive LED lighting", "Real-time SKU + 23 week lead time"
],
features: [
"Graphite, Aluminum, or Ceramic finishes",
"Mesh or solid grille",
"Neutral, Warm, or Analytical DSP profile",
"Status or Reactive LED lighting",
"Real-time SKU + 23 week lead time"
]
button: { text: "Configure Base One", href: "#configure-one" },
imageSrc: "https://images.unsplash.com/photo-1514525253161-7a46d19cd819?w=800&q=80", imageAlt: "BASE One configuration"
},
{
id: "reference",
badge: "Room Reference",
badgeIcon: Zap,
price: "Starting $4,295",
subtitle: "BASE Two for mid-size studios and control rooms",
buttons: [
{ text: "Configure Base Two", href: "#configure-two" },
{ text: "View Specs", href: "#specs-two" }
id: "reference", title: "BASE Two", price: "$4,295", period: "/unit", features: [
"Graphite, Aluminum, or Ceramic finishes", "Mesh or solid grille", "Neutral, Warm, or Analytical DSP profile", "Status or Reactive LED lighting", "Real-time SKU + 34 week lead time"
],
features: [
"Graphite, Aluminum, or Ceramic finishes",
"Mesh or solid grille",
"Neutral, Warm, or Analytical DSP profile",
"Status or Reactive LED lighting",
"Real-time SKU + 34 week lead time"
]
button: { text: "Configure Base Two", href: "#configure-two" },
imageSrc: "https://images.unsplash.com/photo-1459749411175-04bf5292ceea?w=800&q=80", imageAlt: "BASE Two configuration"
},
{
id: "flagship",
badge: "Flagship System",
badgeIcon: Sparkles,
price: "Starting $7,495",
subtitle: "BASE Studio for large monitoring setups and critical listening",
buttons: [
{ text: "Configure Base Studio", href: "#configure-studio" },
{ text: "View Specs", href: "#specs-studio" }
id: "flagship", title: "BASE Studio", price: "$7,495", period: "/unit", features: [
"Graphite, Aluminum, or Ceramic finishes", "Mesh or solid grille", "Neutral, Warm, or Analytical DSP profile", "Status or Reactive LED lighting", "Real-time SKU + 45 week lead time"
],
features: [
"Graphite, Aluminum, or Ceramic finishes",
"Mesh or solid grille",
"Neutral, Warm, or Analytical DSP profile",
"Status or Reactive LED lighting",
"Real-time SKU + 45 week lead time"
]
button: { text: "Configure Base Studio", href: "#configure-studio" },
imageSrc: "https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?w=800&q=80", imageAlt: "BASE Studio configuration"
}
]}
animationType="slide-up"
@@ -104,59 +71,39 @@ export default function BuildPage() {
</div>
<div id="quality" data-section="quality">
<FeatureCardMedia
<FeatureCardThree
title="Quality Controlled"
description="Built under control. Every step from materials sourcing to final calibration follows verified manufacturing standards."
features={[
{
id: "materials",
title: "Materials Selection",
description: "Premium components sourced to tolerance specs. Supplier audits + batch testing. Traceability maintained.",
tag: "Process",
imageSrc: "https://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-measuring-device_23-2150914191.jpg",
imageAlt: "Materials and component selection"
id: "materials", title: "Materials Selection", description: "Premium components sourced to tolerance specs. Supplier audits + batch testing. Traceability maintained.", imageSrc: "https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?w=800&q=80", imageAlt: "Materials and component selection"
},
{
id: "machining",
title: "Precision Machining",
description: "CNC tolerance ±0.05mm for critical dimensions. Real-time in-process verification. 100% cosmetic inspection.",
tag: "Process",
imageSrc: "https://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-measuring-device_23-2150914191.jpg",
imageAlt: "CNC machining and precision manufacturing"
id: "machining", title: "Precision Machining", description: "CNC tolerance ±0.05mm for critical dimensions. Real-time in-process verification. 100% cosmetic inspection.", imageSrc: "https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?w=800&q=80", imageAlt: "CNC machining and precision manufacturing"
},
{
id: "assembly",
title: "Assembly & Sealing",
description: "Controlled environment assembly. Damping material placement verified. All seams tested for acoustic integrity.",
tag: "Process",
imageSrc: "https://img.b2bpic.net/free-photo/portrait-worker-near-metalworking-machine_176420-4656.jpg",
imageAlt: "Assembly line quality control"
id: "assembly", title: "Assembly & Sealing", description: "Controlled environment assembly. Damping material placement verified. All seams tested for acoustic integrity.", imageSrc: "https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?w=800&q=80", imageAlt: "Assembly line quality control"
},
{
id: "calibration",
title: "Final Calibration",
description: "Anechoic chamber measurement + response trim. DSP profile loading and verification. Certified before shipment.",
tag: "Test",
imageSrc: "https://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46153.jpg",
imageAlt: "Calibration laboratory testing"
id: "calibration", title: "Final Calibration", description: "Anechoic chamber measurement + response trim. DSP profile loading and verification. Certified before shipment.", imageSrc: "https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?w=800&q=80", imageAlt: "Calibration laboratory testing"
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground="invertDefault"
gridVariant="bento-grid"
/>
</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" },
@@ -164,8 +111,7 @@ export default function BuildPage() {
]
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Measurement Reports", href: "/performance" },
{ label: "Quick Start", href: "/support" },
{ label: "Field Tests", href: "/field-tests" },
@@ -173,8 +119,7 @@ export default function BuildPage() {
]
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About", href: "/about" },
{ label: "Support", href: "/support" },
{ label: "Contact", href: "/contact" },
@@ -186,4 +131,4 @@ export default function BuildPage() {
</div>
</ThemeProvider>
);
}
}