src/app/inventory/page.tsx

@@ -1,10 +1,7 @@
-<template>
-  <file path="src/app/inventory/page.tsx">
-    <content><![CDATA["use client";
+"use client";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import { Instagram, Youtube, Facebook } from "lucide-react";
@@ -18,19 +15,12 @@ export default function InventoryPage() {
     { name: "Contact", id: "/contact" }
   ];
 
+  const themeProps = {
+    defaultButtonVariant: "hover-bubble",    defaultTextAnimation: "reveal-blur",    borderRadius: "rounded",    contentWidth: "compact",    sizing: "mediumLargeSizeMediumTitles",    background: "noiseDiagonalGradient",    cardStyle: "subtle-shadow",    primaryButtonStyle: "shadow",    secondaryButtonStyle: "solid",    headingFontWeight: "normal"
+  };
+
   return (
-    <ThemeProvider
-      defaultButtonVariant={"hover-bubble"}
-      defaultTextAnimation={"reveal-blur"}
-      borderRadius={"rounded"}
-      contentWidth={"compact"}
-      sizing={"mediumLargeSizeMediumTitles"}
-      background={"noiseDiagonalGradient"}
-      cardStyle={"subtle-shadow"}
-      primaryButtonStyle={"shadow"}
-      secondaryButtonStyle={"solid"}
-      headingFontWeight={"normal"}
-    >
+    <ThemeProvider {...themeProps}>
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
           brandName="Malnad Car Culture"
@@ -65,28 +55,7 @@ export default function InventoryPage() {
         <SocialProofOne
           title="Trusted by Car Enthusiasts"
           description="Our commitment to quality extends to every vehicle we offer, from hatchbacks to luxury sedans. We work with leading brands to bring you the best."
-          names={[
-            "Hyundai", "Honda", "Toyota", "Maruti Suzuki", "Kia", "Mercedes-Benz", "BMW", "Audi", "Skoda", "Tata", "Volvo"
-          ]}
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="inventory-faq" data-section="inventory-faq">
-        <FaqSplitMedia
-          title="Frequently Asked Questions About Our Inventory"
-          description="Find quick answers to common questions about our car selection, inspection process, and purchasing steps."
-          faqs={[
-            { id: "faq1", title: "How are cars in your inventory inspected?", content: "Every vehicle undergoes a rigorous multi-point inspection by certified technicians, covering mechanical, electrical, and structural integrity to ensure top quality." },
-            { id: "faq2", title: "Can I request a specific car model if it's not listed?", content: "Absolutely! Contact our sales team with your preferences, and we'll do our best to source the desired model for you through our extensive network." },
-            { id: "faq3", title: "What documents do I need to purchase a car?", content: "Typically, you'll need valid ID, proof of address, and income verification for financing. Our team will guide you through all the necessary paperwork for a smooth process." }
-          ]}
-          imageSrc="http://img.b2bpic.net/free-photo/women-searching-way-with-road-map_23-2147932105.jpg"
-          imageAlt="Person asking questions about car"
-          mediaAnimation="slide-up"
-          mediaPosition="left"
-          faqsAnimation="slide-up"
+          names={["Hyundai", "Honda", "Toyota", "Maruti Suzuki", "Kia", "Mercedes-Benz", "BMW", "Audi", "Skoda", "Tata", "Volvo"]}
           textboxLayout="default"
           useInvertedBackground={false}
         />
@@ -109,6 +78,3 @@ export default function InventoryPage() {
     </ThemeProvider>
   );
 }
-]]></content>
-  </file>
-</template>

src/app/page.tsx

@@ -75,7 +75,7 @@ export default function HomePage() {
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          buttons={[{ text: "View All Cars", href: "/inventory" }]}        />
+          buttons={[{ text: "View All Cars", href: "/inventory" }]} />
       </div>
 
       <div id="why-trust-us" data-section="why-trust-us">