diff --git a/src/pages/BlogPage.tsx b/src/pages/BlogPage.tsx
new file mode 100644
index 0000000..eddf7d8
--- /dev/null
+++ b/src/pages/BlogPage.tsx
@@ -0,0 +1,88 @@
+import BlogSimpleCards from "@/components/sections/blog/BlogSimpleCards";
+import NavbarCentered from '@/components/ui/NavbarCentered';
+import FooterBasic from '@/components/sections/footer/FooterBasic';
+import { Coffee, Heart, Leaf } from "lucide-react";
+
+const BlogPage = () => {
+  return (    <>
+      <div id="nav">
+        <NavbarCentered logo="Brew & Bean"
+      navItems={[
+        {
+          name: "About",
+          href: "#about",
+        },
+        {
+          name: "Menu",
+          href: "#products",
+        },
+        {
+          name: "Testimonials",
+          href: "#testimonials",
+        },
+        {
+          name: "Contact",
+          href: "#contact",
+        },
+      ]}
+      ctaButton={{
+        text: "Order Online",
+        href: "#contact",
+      }} />
+      </div>
+      <div id="blog-page-body">
+        <BlogSimpleCards
+              tag="Blog"
+              title="Latest Articles"
+              description="Stay updated with our latest insights and news"
+            />
+      </div>
+      <div id="footer">
+        <FooterBasic columns={[
+        {
+          title: "Brew & Bean",
+          items: [
+            {
+              label: "About",
+              href: "#about",
+            },
+            {
+              label: "Menu",
+              href: "#products",
+            },
+          ],
+        },
+        {
+          title: "Social",
+          items: [
+            {
+              label: "Instagram",
+              href: "#",
+            },
+            {
+              label: "Twitter",
+              href: "#",
+            },
+          ],
+        },
+        {
+          title: "Legal",
+          items: [
+            {
+              label: "Privacy Policy",
+              href: "#",
+            },
+            {
+              label: "Terms of Service",
+              href: "#",
+            },
+          ],
+        },
+      ]}
+      leftText="© 2024 Brew & Bean."
+      rightText="Crafted with passion in the city." />
+      </div>
+    </>)
+};
+
+export default BlogPage;