diff --git a/src/app/Builder/page.tsx b/src/app/Builder/page.tsx
index fe50c0f..35bba60 100644
--- a/src/app/Builder/page.tsx
+++ b/src/app/Builder/page.tsx
@@ -3,8 +3,8 @@ import { Button } from "src/components/ui/button";
 
 export default function BuilderPage() {
   return (
-    <div className="container mx-auto tactical">
-      <table className="table-auto border-separate border-spacing-2 border border-slate-500">
+    <div className="container mx-auto ">
+      <table className="table-auto border-separate border-spacing-2 border border-slate-500 text-gray-900">
         <thead>
           <tr>
             <th>Component</th>
diff --git a/src/app/Products/page.tsx b/src/app/Products/page.tsx
index f7f8db1..b4fa55f 100644
--- a/src/app/Products/page.tsx
+++ b/src/app/Products/page.tsx
@@ -1,10 +1,10 @@
 export default function ProductsPage() {
     return (
       <div className="container mx-auto p-4">
-        <h1 className="text-2xl font-bold mb-4">Products</h1>
+        <h1 className="text-2xl font-bold mb-4 text-gray-900">Products</h1>
         <div className="grid gap-4">
-          <div className="p-4 border rounded shadow">
-            <h2 className="font-semibold">Sample Lower Receiver</h2>
+          <div className="p-4 border rounded shadow text-gray-900">
+            <h2 className="font-semibold ">Sample Lower Receiver</h2>
             <p>Price: $199.99</p>
             <button className="mt-2 px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600">
               Buy Now
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 63a25b8..b63e652 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -13,7 +13,7 @@ export default function RootLayout(props: { children: React.ReactNode }) {
 
   return (
     <html suppressHydrationWarning>
-      <body>
+      <body className="bg-slate-200	">
         <Provider>      
           <Navbar />
         {children}</Provider>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 43f9382..0b29b94 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,13 +8,31 @@ import Hero from "../components/Hero";
 
 export default async function Home() {
   return (
-    <div className="bg-gray-100 min-h-screen flex flex-col">
-      <Header /> 
-      <Hero />
-      <FeaturesSection />
-      <About />
-      <Contact />
-      <Footer />   
+    <div className="p-4 pt-16 mx-auto max-w-screen-md">
+    <h1 className="text-4xl font-bold mb-6 text-black">Welcome to Ballistic Builder</h1>
+    
+    <div className="bg-white rounded-lg shadow-md p-6 mb-6">
+      <h2 className="text-2xl font-semibold mb-4 text-black">Build Your Next Project</h2>
+      <p className="text-gray-600 mb-4">
+        Create, customize, and manage your projects with our intuitive builder interface.
+      </p>
+      <a 
+        href="/builder" 
+        className="inline-block bg-blue-600 text-white px-6 py-2 rounded-md hover:bg-blue-700 transition-colors"
+      >
+        Get Started
+      </a>
     </div>
+
+    <div className="bg-white rounded-lg shadow-md p-6">
+      <h2 className="text-2xl font-semibold mb-4 text-black">Features</h2>
+      <ul className="list-disc list-inside text-gray-600 space-y-2">
+        <li>Easy-to-use interface</li>
+        <li>Customizable components</li>
+        <li>Real-time preview</li>
+        <li>Export functionality</li>
+      </ul>
+    </div>
+  </div>
   );
 }
diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx
index 294d1a4..7707411 100644
--- a/src/components/Navbar/index.tsx
+++ b/src/components/Navbar/index.tsx
@@ -23,7 +23,7 @@ function classNames(...classes: unknown[]) {
   return classes.filter(Boolean).join(" ");
 }
 
-export default function Example() {
+export default function Navbar() {
   return (
     <Disclosure as="nav" className="bg-gray-800">
       <div className="mx-auto max-w-7xl px-2 sm:px-6 lg:px-8">
@@ -45,13 +45,7 @@ export default function Example() {
           </div>
           <div className="flex flex-1 items-center justify-center sm:items-stretch sm:justify-start">
             <div className="flex shrink-0 items-center">
-            {/*   <Image
-                alt="Ballistic Builder"
-                src="https://tailwindui.com/plus/img/logos/mark.svg?color=indigo&shade=500"
-                className="h-8 w-auto" 
-                width={100} 
-                height={100}
-              /> */}
+              <p>Ballistics Builder</p>
             </div>
             <div className="hidden sm:ml-6 sm:block">
               <div className="flex space-x-4">
