see if this fixes dup headers

src/app/Builder/page.tsx

@@ -1,9 +1,38 @@
+import { Button } from "@/components/ui/button"
+
 
 export default function BuilderPage() {
   return (
-      <div>
+    <div className="container mx-auto">
-        <h1>About Us</h1>
+      <table className="table-auto border-separate border-spacing-2 border border-slate-500">
-        <p>This is the about page.</p>
+        <thead>
-      </div>
+          <tr>
+            <th>Component</th>
+            <th>Selection</th>
+            <th>Base Price</th>
+            <th>Sale Price</th>
+            <th>Shipping</th>
+            <th>Tax</th>
+            <th>Total Price</th>
+            <th>Source</th>
+            <th>Order</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>Part 1</td>
+            <td>Part</td>
+            <td>99.99</td>
+            <td>89.99</td>
+            <td>12.99</td>
+            <td></td>
+            <td>Palmetto State</td>
+            <td>101.99</td>
+            <td><Button>Buy Item</Button></td>
+          </tr>
+          
+        </tbody>
+      </table>
+    </div>
   );
 }

src/app/page.tsx

@@ -4,13 +4,11 @@ import FeaturesSection from "../components/FeaturesSection";
 import Footer from "../components/Footer ";
 import Header from "../components/Header";
 import Hero from "../components/Hero";
-import Navbar from "../components/Navbar";
 
 
 export default async function Home() {
   return (
     <div className="bg-gray-100 min-h-screen flex flex-col">
-      <Navbar />
       <Header /> 
       <Hero />
       <FeaturesSection />

src/components/FeaturesSection/index.tsx

@@ -9,19 +9,19 @@ export default function FeaturesSection() {
           <h3 className="text-3xl font-bold mb-6">Features</h3>
           <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
             <div className="bg-white shadow-md p-6 rounded">
-              <h4 className="text-xl font-bold mb-2">Extensive Database</h4>
+              <h4 className="text-xl text-gray-950 font-bold mb-2">Extensive Database</h4>
               <p className="text-gray-600">
                 Access thousands of firearm parts from trusted resellers.
               </p>
             </div>
             <div className="bg-white shadow-md p-6 rounded">
-              <h4 className="text-xl font-bold mb-2">Compatibility Checker</h4>
+              <h4 className="text-xl text-gray-950 font-bold mb-2">Compatibility Checker</h4>
               <p className="text-gray-600">
                 Ensure every part works perfectly together.
               </p>
             </div>
             <div className="bg-white shadow-md p-6 rounded">
-              <h4 className="text-xl font-bold mb-2">Save & Share Builds</h4>
+              <h4 className="text-xl text-gray-950 font-bold mb-2">Save & Share Builds</h4>
               <p className="text-gray-600">
                 Save your builds or share them with friends.
               </p>

src/data/arComponents.tsx

@@ -0,0 +1,13 @@
+const dataset: { component: string; }[] = [
+    {
+      component: "Upper Receiver",
+    },
+    {
+      component: "Barrel",
+    },
+    {
+      component: "Muzzle Device",
+    },
+  ];
+  
+  export default dataset;