Update src/app/support/page.tsx

src/app/support/page.tsx

@@ -3,8 +3,8 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import Link from "next/link";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FaqBase from '@/components/sections/faq/FaqBase';
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 
 export default function SupportPage() {
@@ -12,13 +12,13 @@ export default function SupportPage() {
     <ThemeProvider
       defaultButtonVariant="elastic-effect"
       defaultTextAnimation="background-highlight"
-      borderRadius="sharp"
+      borderRadius="pill"
-      contentWidth="small"
+      contentWidth="medium"
       sizing="largeSmall"
-      background="none"
+      background="radialGradient"
-      cardStyle="elevated"
+      cardStyle="glass-elevated"
-      primaryButtonStyle="flat"
+      primaryButtonStyle="inset-glow"
-      secondaryButtonStyle="layered"
+      secondaryButtonStyle="glass"
       headingFontWeight="extrabold"
     >
       <div id="nav" data-section="nav">
@@ -32,72 +32,62 @@ export default function SupportPage() {
             { 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="support" data-section="support">
-        <FaqSplitMedia
+        <FaqBase
           title="Support & Resources"
           description="No-friction setup. Guided troubleshooting, calibration guides, and direct technical support."
           faqs={[
             {
-              id: "quick-start",
+              id: "quick-start",              title: "How do I get started?",              content: "<p><strong>Quick Start Guide:</strong> Unpack unit. Connect power and audio input. Run calibration app (iOS/Android/Web). Place microphone at listening position. DSP correction applies automatically. Adjust playback level to reference (-20dBFS = 85dB SPL @ 1m).</p><p><strong>Typical time:</strong> 15–20 minutes for nearfield, 30–45 minutes for room correction in treated spaces.</p>"
-              title: "How do I get started?",
-              content: "<p><strong>Quick Start Guide:</strong> Unpack unit. Connect power and audio input. Run calibration app (iOS/Android/Web). Place microphone at listening position. DSP correction applies automatically. Adjust playback level to reference (-20dBFS = 85dB SPL @ 1m).</p><p><strong>Typical time:</strong> 15–20 minutes for nearfield, 30–45 minutes for room correction in treated spaces.</p>"
             },
             {
-              id: "connectivity",
+              id: "connectivity",              title: "What inputs and outputs does BASE support?",              content: "<p><strong>Analog:</strong> XLR (balanced) + RCA (unbalanced).</p><p><strong>Digital:</strong> USB-C audio input (24-bit / 48–192kHz), optional AES/EBU module (custom order).</p><p><strong>Control:</strong> Ethernet for remote DSP management, MQTT for integration with studio automation.</p><p><strong>Wireless:</strong> Not supported—analog and digital hardwired connections ensure latency control and interference immunity.</p>"
-              title: "What inputs and outputs does BASE support?",
-              content: "<p><strong>Analog:</strong> XLR (balanced) + RCA (unbalanced).</p><p><strong>Digital:</strong> USB-C audio input (24-bit / 48–192kHz), optional AES/EBU module (custom order).</p><p><strong>Control:</strong> Ethernet for remote DSP management, MQTT for integration with studio automation.</p><p><strong>Wireless:</strong> Not supported—analog and digital hardwired connections ensure latency control and interference immunity.</p>"
             },
             {
-              id: "calibration",
+              id: "calibration",              title: "How does room calibration work?",              content: "<p><strong>Process:</strong> Supplied measurement microphone + app generates frequency response curve. DSP applies inverse correction curve to match anechoic reference target. Phase alignment and timing delay adjusted per room geometry.</p><p><strong>Recalibration:</strong> Run new calibration after furniture moves or acoustic treatment changes. Previous profiles archived.</p><p><strong>Manual mode:</strong> Override DSP settings for custom voicing if preferred.</p>"
-              title: "How does room calibration work?",
-              content: "<p><strong>Process:</strong> Supplied measurement microphone + app generates frequency response curve. DSP applies inverse correction curve to match anechoic reference target. Phase alignment and timing delay adjusted per room geometry.</p><p><strong>Recalibration:</strong> Run new calibration after furniture moves or acoustic treatment changes. Previous profiles archived.</p><p><strong>Manual mode:</strong> Override DSP settings for custom voicing if preferred.</p>"
             },
             {
-              id: "warranty",
+              id: "warranty",              title: "What warranty and support do I get?",              content: "<p><strong>Warranty:</strong> 3-year parts + labor on manufacturing defects. Accidental damage coverage available (add-on).</p><p><strong>Support:</strong> Email support, phone triage, authorized repair centers in major markets. Firmware updates delivered via USB or network.</p><p><strong>Technical consultation:</strong> Included room setup consultation (1 hour remote) with audio engineers.</p>"
-              title: "What warranty and support do I get?",
-              content: "<p><strong>Warranty:</strong> 3-year parts + labor on manufacturing defects. Accidental damage coverage available (add-on).</p><p><strong>Support:</strong> Email support, phone triage, authorized repair centers in major markets. Firmware updates delivered via USB or network.</p><p><strong>Technical consultation:</strong> Included room setup consultation (1 hour remote) with audio engineers.</p>"
             },
             {
-              id: "troubleshooting",
+              id: "troubleshooting",              title: "Why is my audio cutting out or sounding thin?",              content: "<p><strong>Checklist:</strong></p><ul><li>Confirm USB power supply is connected (power LED should be steady).</li><li>Check input cable connection and audio level in DAW (should be -20 to -10dBFS for clean headroom).</li><li>Verify DSP profile is active and not set to 'Off' mode.</li><li>Run calibration again if acoustic conditions changed.</li><li>Contact support if issue persists—we'll troubleshoot via phone.</li></ul>"
-              title: "Why is my audio cutting out or sounding thin?",
-              content: "<p><strong>Checklist:</strong></p><ul><li>Confirm USB power supply is connected (power LED should be steady).</li><li>Check input cable connection and audio level in DAW (should be -20 to -10dBFS for clean headroom).</li><li>Verify DSP profile is active and not set to 'Off' mode.</li><li>Run calibration again if acoustic conditions changed.</li><li>Contact support if issue persists—we'll troubleshoot via phone.</li></ul>"
             }
           ]}
-          imageSrc="https://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46153.jpg"
-          imageAlt="Technical support and calibration resources"
-          mediaPosition="left"
-          animationType="smooth"
           textboxLayout="default"
           useInvertedBackground="noInvert"
+          animationType="smooth"
         />
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactText
+        <ContactSplitForm
-          text="Choose your reference. Spec it. Build it. Get measured output backed by data."
+          title="Get in Touch"
-          animationType="background-highlight"
+          description="Have questions? Our team is here to help. Send us a message and we'll get back to you within 24 hours."
-          buttons={[
+          inputs={[
-            { text: "Configure BASE", href: "/build" },
+            { name: "name", type: "text", placeholder: "Your Name", required: true },
-            { text: "Download Datasheet", href: "#datasheet" }
+            { name: "email", type: "email", placeholder: "Your Email", required: true }
           ]}
+          textarea={{ name: "message", placeholder: "How can we help?", rows: 5, required: true }}
           useInvertedBackground="invertDefault"
+          imageSrc="https://images.unsplash.com/photo-1478737270239-2f02b77fc618?w=800&q=80"
+          mediaPosition="right"
+          buttonText="Send Message"
         />
       </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",
+              title: "Products",              items: [
-              items: [
                 { label: "BASE One", href: "/systems" },
                 { label: "BASE Two", href: "/systems" },
                 { label: "BASE Studio", href: "/systems" },
@@ -105,8 +95,7 @@ export default function SupportPage() {
               ]
             },
             {
-              title: "Resources",
+              title: "Resources",              items: [
-              items: [
                 { label: "Measurement Reports", href: "/performance" },
                 { label: "Quick Start", href: "/support" },
                 { label: "Field Tests", href: "/field-tests" },
@@ -114,8 +103,7 @@ export default function SupportPage() {
               ]
             },
             {
-              title: "Company",
+              title: "Company",              items: [
-              items: [
                 { label: "About", href: "/about" },
                 { label: "Support", href: "/support" },
                 { label: "Contact", href: "/contact" },
@@ -127,4 +115,4 @@ export default function SupportPage() {
       </div>
     </ThemeProvider>
   );
-}
+}