diff --git a/src/app/categories/page.tsx b/src/app/categories/page.tsx
new file mode 100644
index 0000000..d3609ef
--- /dev/null
+++ b/src/app/categories/page.tsx
@@ -0,0 +1,109 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function CategoriesPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="background-highlight"
+      borderRadius="soft"
+      contentWidth="mediumLarge"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="inset"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              {
+                name: "Home",                id: "/"},
+              {
+                name: "Categories",                id: "/categories"},
+              {
+                name: "Products",                id: "/products"},
+              {
+                name: "Features",                id: "/features"},
+              {
+                name: "Search",                id: "/search"},
+              {
+                name: "Wishlist",                id: "/wishlist"},
+              {
+                name: "Testimonials",                id: "/testimonials"},
+              {
+                name: "Pricing",                id: "/pricing"},
+              {
+                name: "FAQ",                id: "/faq"},
+              {
+                name: "Seller Dashboard",                id: "/seller-dashboard"},
+              {
+                name: "Account",                id: "/account"},
+              {
+                name: "Contact",                id: "/contact"},
+            ]}
+            brandName="DesignFlow"
+            button={{
+              text: "Get Started",              href: "/products"}}
+            animateOnLoad={true}
+          />
+        </div>
+        <main className="min-h-screen py-20">
+          <section className="container mx-auto px-4">
+            <h1 className="text-4xl font-bold mb-8">Product Categories</h1>
+            <p className="text-lg">Explore our wide range of design categories.</p>
+            {/* Placeholder for categories content */}
+          </section>
+        </main>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="DesignFlow"
+            columns={[
+              {
+                title: "Products",                items: [
+                  {
+                    label: "Canva Templates",                    href: "/products"},
+                  {
+                    label: "Logos",                    href: "/products"},
+                  {
+                    label: "Social Media Kits",                    href: "/products"},
+                  {
+                    label: "Banners & Flyers",                    href: "/products"},
+                ],
+              },
+              {
+                title: "Company",                items: [
+                  {
+                    label: "About Us",                    href: "/about"},
+                  {
+                    label: "Features",                    href: "/features"},
+                  {
+                    label: "Pricing",                    href: "/pricing"},
+                  {
+                    label: "Contact",                    href: "/contact"},
+                ],
+              },
+              {
+                title: "Legal",                items: [
+                  {
+                    label: "Privacy Policy",                    href: "#"},
+                  {
+                    label: "Terms of Service",                    href: "#"},
+                  {
+                    label: "Refund Policy",                    href: "#"},
+                ],
+              },
+            ]}
+            copyrightText="© 2024 DesignFlow. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}