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"; "use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine'; import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree'; import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterMedia from '@/components/sections/footer/FooterMedia'; import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Speaker, Zap, Sparkles } from "lucide-react"; import { Sparkles } from "lucide-react";
export default function BuildPage() { export default function BuildPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="elastic-effect" defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight" defaultTextAnimation="entrance-slide"
borderRadius="pill" borderRadius="rounded"
contentWidth="medium" contentWidth="mediumLarge"
sizing="largeSmall" sizing="mediumLargeSizeLargeTitles"
background="radialGradient" background="circleGradient"
cardStyle="glass-elevated" cardStyle="gradient-mesh"
primaryButtonStyle="inset-glow" primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass" secondaryButtonStyle="layered"
headingFontWeight="extrabold" headingFontWeight="bold"
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
@@ -33,65 +32,61 @@ export default function BuildPage() {
{ name: "Support", id: "/support" } { name: "Support", id: "/support" }
]} ]}
button={{ text: "Shop", href: "#shop" }} button={{ text: "Shop", href: "#shop" }}
className="backdrop-blur-md border border-purple-600" className="backdrop-blur-lg border border-accent/40"
/> />
</div> </div>
<div id="build" data-section="build"> <div id="build" data-section="build">
<PricingCardNine <PricingCardOne
title="Spec & Configure" title="Spec & Configure"
description="Build your reference system with modular options. Real-time SKU generation and assembly lead-time estimates." description="Build your reference system with modular options. Real-time SKU generation and assembly lead-time estimates."
plans={[ plans={[
{ {
id: "compact", title: "BASE One", price: "$2,495", period: "/unit", features: [ id: "compact", badge: "Nearfield", badgeIcon: Sparkles,
"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" 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"
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", title: "BASE Two", price: "$4,295", period: "/unit", features: [ id: "reference", badge: "Room Reference", badgeIcon: Sparkles,
"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" 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"
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", title: "BASE Studio", price: "$7,495", period: "/unit", features: [ id: "flagship", badge: "Studio Flagship", badgeIcon: Sparkles,
"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" 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"
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" animationType="scale-rotate"
textboxLayout="default" textboxLayout="default"
useInvertedBackground="noInvert" useInvertedBackground="noInvert"
/> />
</div> </div>
<div id="quality" data-section="quality"> <div id="quality" data-section="quality">
<FeatureCardThree <FeatureCardTwelve
title="Quality Controlled" title="Quality Controlled"
description="Built under control. Every step from materials sourcing to final calibration follows verified manufacturing standards." description="Built under control. Every step from materials sourcing to final calibration follows verified manufacturing standards."
features={[ 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" textboxLayout="default"
useInvertedBackground="invertDefault" useInvertedBackground="invertDefault"
gridVariant="bento-grid"
/> />
</div> </div>
@@ -131,4 +126,4 @@ export default function BuildPage() {
</div> </div>
</ThemeProvider> </ThemeProvider>
); );
} }