diff --git a/src/app/brands/page.tsx b/src/app/brands/page.tsx
new file mode 100644
index 0000000..2f26a1b
--- /dev/null
+++ b/src/app/brands/page.tsx
@@ -0,0 +1,25 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+
+const BrandsPage = () => {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav" />
+      <div id="brands" data-section="brands" />
+    </ThemeProvider>
+  );
+};
+
+export default BrandsPage;