From 73d6c20685d576f87b3b5c7e700905d4449a6620 Mon Sep 17 00:00:00 2001
From: development <mulikavj@gmail.com>
Date: Wed, 21 Jan 2026 20:38:26 +0000
Subject: [PATCH] Update src/app/build/page.tsx

---
 src/app/build/page.tsx | 75 ++++++++++++++++++++----------------------
 1 file changed, 35 insertions(+), 40 deletions(-)

diff --git a/src/app/build/page.tsx b/src/app/build/page.tsx
index 8726f0e..77caf16 100644
--- a/src/app/build/page.tsx
+++ b/src/app/build/page.tsx
@@ -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>
   );
-}
+}
\ No newline at end of file