Update src/app/page.tsx

src/app/page.tsx

@@ -1,18 +1,17 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
 import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import { Zap, Sparkles, Quote, Star, Crown, Phone } from "lucide-react";
 
 export default function LandingPage() {
@@ -41,10 +40,6 @@ export default function LandingPage() {
           button={{
             text: "Reserve Now",            href: "#contact"
           }}
-          className="bg-background/80 backdrop-blur-md border border-accent/20 rounded-full"
-          navItemClassName="text-foreground/80 hover:text-accent transition-colors duration-300"
-          buttonClassName="bg-primary-cta hover:bg-primary-cta/90 text-white rounded-full"
-          buttonTextClassName="font-semibold"
         />
       </div>
 
@@ -69,13 +64,6 @@ export default function LandingPage() {
           ]}
           autoplayDelay={5000}
           showDimOverlay={true}
-          logoLineHeight={1.05}
-          ariaLabel="BASE Speaker Hero Section"
-          className="relative min-h-screen overflow-hidden"
-          logoClassName="text-primary-cta drop-shadow-2xl"
-          descriptionClassName="text-foreground/90 font-light tracking-wide"
-          buttonClassName="group relative rounded-full overflow-hidden"
-          buttonTextClassName="relative z-10 font-semibold"
         />
       </div>
 
@@ -97,12 +85,6 @@ export default function LandingPage() {
           buttons={[
             { text: "Explore Specs", href: "#technology" }
           ]}
-          className="py-24"
-          titleClassName="text-4xl md:text-5xl font-extrabold text-foreground"
-          descriptionClassName="text-lg text-foreground/70 mt-4"
-          kpiClassName="group backdrop-blur-sm bg-card/80 rounded-xl border border-accent/20 p-6 hover:border-accent/60 transition-all"
-          kpiValueClassName="text-4xl font-extrabold text-accent"
-          kpiLabelClassName="text-sm text-foreground/70 mt-2"
         />
       </div>
 
@@ -119,12 +101,6 @@ export default function LandingPage() {
           imageSrc="https://img.b2bpic.net/free-photo/wireless-speaker-amplifier-black_140725-7484.jpg"
           imageAlt="BASE Engineering"
           useInvertedBackground="invertDefault"
-          className="py-24"
-          titleClassName="text-4xl md:text-5xl font-extrabold text-foreground"
-          descriptionClassName="text-lg text-foreground/70 mt-4"
-          metricCardClassName="bg-card rounded-xl border border-accent/20 p-6 hover:border-accent/40 transition-colors"
-          metricValueClassName="text-4xl font-extrabold text-accent"
-          metricTitleClassName="text-sm text-foreground/70 mt-3"
         />
       </div>
 
@@ -159,9 +135,6 @@ export default function LandingPage() {
           buttons={[
             { text: "View All Models", href: "#" }
           ]}
-          className="py-20"
-          cardClassName="group hover:shadow-2xl transition-all duration-500"
-          imageClassName="group-hover:scale-105 transition-transform duration-700"
         />
       </div>
 
@@ -192,12 +165,6 @@ export default function LandingPage() {
           buttons={[
             { text: "Technical Specifications", href: "#" }
           ]}
-          className="py-24"
-          titleClassName="text-4xl md:text-5xl font-extrabold text-foreground"
-          descriptionClassName="text-lg text-foreground/70 mt-4"
-          cardClassName="bg-card rounded-xl border border-accent/20 p-6 hover:border-accent/40 transition-all"
-          cardTitleClassName="text-xl font-bold text-foreground mt-4"
-          cardDescriptionClassName="text-foreground/70 mt-2"
         />
       </div>
 
@@ -233,10 +200,6 @@ export default function LandingPage() {
           animationType="blur-reveal"
           textboxLayout="default"
           useInvertedBackground="noInvert"
-          className="py-24 bg-gradient-to-br from-background via-background to-background-accent/10"
-          valueClassName="text-5xl font-extrabold text-accent"
-          metricTitleClassName="text-xl font-bold text-foreground mt-4"
-          featureItemClassName="flex items-center gap-2 text-foreground/80"
         />
       </div>
 
@@ -271,9 +234,6 @@ export default function LandingPage() {
           useInvertedBackground="invertDefault"
           speed={50}
           topMarqueeDirection="left"
-          className="py-20"
-          cardClassName="bg-card rounded-xl border border-accent/10 p-6 hover:border-accent/40 transition-colors"
-          testimonialClassName="text-foreground/90 leading-relaxed line-clamp-2"
         />
       </div>
 
@@ -323,10 +283,7 @@ export default function LandingPage() {
                 "Everything in Concert Grand",                "Custom Artisan Craftsmanship",                "Bespoke Installation Service",                "Personal Audio Consulting",                "Legacy Ownership Program",                "VIP Community Access"
               ]
             }
-          ]}
+          ]
-          className="py-24"
-          cardClassName="rounded-2xl border border-accent/20 hover:border-accent/60 transition-all duration-300"
-          planPriceClassName="text-5xl font-extrabold text-accent"
         />
       </div>
 
@@ -362,10 +319,6 @@ export default function LandingPage() {
           animationType="slide-up"
           accordionAnimationType="smooth"
           showCard={true}
-          className="py-24"
-          ctaTitleClassName="text-3xl md:text-4xl font-extrabold text-foreground"
-          ctaDescriptionClassName="text-lg text-foreground/70 mt-2"
-          accordionTitleClassName="font-semibold text-foreground"
         />
       </div>
 
@@ -401,11 +354,6 @@ export default function LandingPage() {
               ]
             }
           ]}
-          className="relative"
-          mediaWrapperClassName="absolute inset-0 opacity-30"
-          logoTextClassName="text-2xl font-extrabold text-foreground"
-          columnTitleClassName="text-foreground font-semibold mb-4"
-          columnItemClassName="text-foreground/70 hover:text-accent transition-colors"
         />
       </div>
     </ThemeProvider>