development/15c1d2bd-de23-45fd-9318-fa9e04c49fd9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/build/page.tsx

Browse Source
This commit is contained in:
development
2026-01-21 20:38:26 +00:00
parent 6fec82cf5b
commit 73d6c20685
1 changed files with 35 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
src/app/build/page.tsx
View File

@@ -1,26 +1,25 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Speaker, Zap, Sparkles } from "lucide-react";
import { Sparkles } from "lucide-react";
export default function BuildPage() {
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
@@ -33,65 +32,61 @@ export default function BuildPage() {
{ 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="build" data-section="build">
<PricingCardNine
<PricingCardOne
title="Spec & Configure"
description="Build your reference system with modular options. Real-time SKU generation and assembly lead-time estimates."
plans={[
{
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 + 2–3 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: "compact", badge: "Nearfield", badgeIcon: Sparkles,
price: "$2,495", subtitle: "Perfect for compact studios", features: [
"Graphite, Aluminum, Ceramic finishes", "Mesh or solid grille", "Neutral, Warm, or Analytical DSP", "Status or Reactive LED", "2–3 week lead time"
]
},
{
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 + 3–4 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: "reference", badge: "Room Reference", badgeIcon: Sparkles,
price: "$4,295", subtitle: "For professional monitoring", features: [
"Graphite, Aluminum, Ceramic finishes", "Mesh or solid grille", "Neutral, Warm, or Analytical DSP", "Status or Reactive LED", "3–4 week lead time"
]
},
{
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 + 4–5 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"
id: "flagship", badge: "Studio Flagship", badgeIcon: Sparkles,
price: "$7,495", subtitle: "Reference-grade system", features: [
"Graphite, Aluminum, Ceramic finishes", "Mesh or solid grille", "Neutral, Warm, or Analytical DSP", "Status or Reactive LED", "4–5 week lead time"
]
}
]}
animationType="slide-up"
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground="noInvert"
/>
</div>
<div id="quality" data-section="quality">
<FeatureCardThree
<FeatureCardTwelve
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.", imageSrc: "https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?w=800&q=80", imageAlt: "Materials and component selection"
id: "materials", label: "Materials", title: "Premium Component Selection", items: ["Tolerance spec sourcing", "Supplier audits", "Batch testing", "Full traceability"]
},
{
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: "machining", label: "Machining", title: "Precision Manufacturing", items: ["CNC ±0.05mm tolerance", "Real-time verification", "100% cosmetic inspection", "Quality assurance"]
},
{
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: "assembly", label: "Assembly", title: "Controlled Environment", items: ["Damping placement verified", "Acoustic integrity tested", "Seam verification", "QC checklist"]
},
{
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"
id: "calibration", label: "Calibration", title: "Anechoic Chamber Testing", items: ["Response measurement", "DSP profile loading", "Certified verification", "Pre-shipment check"]
}
]}
animationType="slide-up"
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground="invertDefault"
gridVariant="bento-grid"
/>
</div>
@@ -131,4 +126,4 @@ export default function BuildPage() {
</div>
</ThemeProvider>
);
}
}