diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
new file mode 100644
index 0000000..c951727
--- /dev/null
+++ b/src/app/blog/page.tsx
@@ -0,0 +1,36 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import BlogCardOne from '@/components/sections/blog/BlogCardOne';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function BlogPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Blog", id: "#blog" },
+          ]}
+          brandName="Paws & Relax"
+        />
+        <div id="blog" style={{ paddingTop: "100px" }}>
+            <BlogCardOne
+              title="Pet Education Hub"
+              description="Everything you need to know about happy pets."
+              animationType="slide-up"
+              blogs={[
+                  { id: "1", category: "Grooming", title: "Nail Care 101", excerpt: "How to trim safely.", imageSrc: "", authorName: "Staff", authorAvatar: "", date: "2025" }
+              ]}
+            />
+        </div>
+        <FooterBaseCard
+          columns={[{ title: "Quick Links", items: [{ label: "Home", href: "/" }] }]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file