src/pages/BlogPage.tsx

@@ -0,0 +1,36 @@
+import BlogSimpleCards from "@/components/sections/blog/BlogSimpleCards";
+import NavbarCentered from '@/components/ui/NavbarCentered';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+
+const BlogPage = () => {
+  return (<ThemeProvider>
+      <div id="nav">
+        <NavbarCentered logo="Happy Paws"
+          navItems={[
+            { name: "About", href: "#about" },
+            { name: "Pets", href: "#pets" },
+            { name: "Metrics", href: "#metrics" },
+            { name: "Testimonials", href: "#testimonials" },
+          ]}
+          ctaButton={{ text: "Adopt Today", 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">
+        <FooterSimple brand="Happy Paws Shelter"
+          columns={[
+            { title: "Info", items: [{ label: "About Us", href: "#about" }, { label: "Volunteer", href: "#contact" }] },
+            { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
+          ]}
+          copyright="© 2024 Happy Paws Shelter. All rights reserved."
+          links={[{ label: "Home", href: "/" }]} />
+      </div>
+    </ThemeProvider>)
+};
+
+export default BlogPage;