diff --git a/src/app/Brands/layout.tsx b/src/app/Brands/layout.tsx
new file mode 100644
index 0000000..a14e64f
--- /dev/null
+++ b/src/app/Brands/layout.tsx
@@ -0,0 +1,16 @@
+export const metadata = {
+  title: 'Next.js',
+  description: 'Generated by Next.js',
+}
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  )
+}
diff --git a/src/app/Builder/layout.tsx b/src/app/Builder/layout.tsx
new file mode 100644
index 0000000..a14e64f
--- /dev/null
+++ b/src/app/Builder/layout.tsx
@@ -0,0 +1,16 @@
+export const metadata = {
+  title: 'Next.js',
+  description: 'Generated by Next.js',
+}
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  )
+}
diff --git a/src/app/Builder/page.tsx b/src/app/Builder/page.tsx
index 475573b..5bdbb47 100644
--- a/src/app/Builder/page.tsx
+++ b/src/app/Builder/page.tsx
@@ -1,10 +1,9 @@
-// app/builder/page.js
 
 export default function BuilderPage() {
   return (
-    <div>
-      <h1>About Us</h1>
-      <p>This is the about page.</p>
-    </div>
+      <div>
+        <h1>About Us</h1>
+        <p>This is the about page.</p>
+      </div>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index d6b634a..63a25b8 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,5 +1,8 @@
 import { Provider } from "../components/ui/provider"
 import "../styles/globals.css";
+import Navbar from "../components/Navbar";
+
+
 export const metadata = {
   title: 'Ballistic Builder',
   description: 'Freedom On',
@@ -11,7 +14,9 @@ export default function RootLayout(props: { children: React.ReactNode }) {
   return (
     <html suppressHydrationWarning>
       <body>
-        <Provider>{children}</Provider>
+        <Provider>      
+          <Navbar />
+        {children}</Provider>
       </body>
     </html>
   )
diff --git a/src/pages/products.js b/src/pages/products.js
index 611e018..2947997 100644
--- a/src/pages/products.js
+++ b/src/pages/products.js
@@ -8,7 +8,7 @@ export default function Products() {
   useEffect(() => {
     async function fetchProducts() {
       try {
-        const response = await fetch("https://api.example.com/products");
+        const response = await fetch("/api/products");
         const data = await response.json();
         setProducts(data);
         setLoading(false);
