src/pages/blog/BlogPage.tsx

@@ -1,13 +1,75 @@
 import BlogSimpleCards from "@/components/sections/blog/BlogSimpleCards";
+import NavbarCentered from '@/components/ui/NavbarCentered';
+import FooterBrandReveal from '@/components/sections/footer/FooterBrandReveal';
 
 const BlogPage = () => {
-  return (
-    <BlogSimpleCards
-      tag="Blog"
-      title="Latest Articles"
-      description="Stay updated with our latest insights and news"
-    />
-  );
+  return (<ThemeProvider>
+      <div id="nav">
+        <NavbarCentered logo="LENSO"
+      navItems={[
+        {
+          name: "About",
+          href: "#about",
+        },
+        {
+          name: "Portfolio",
+          href: "#portfolio",
+        },
+        {
+          name: "Contact",
+          href: "#contact",
+        },
+      ]}
+      ctaButton={{
+        text: "Book Now",
+        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">
+        <FooterBrandReveal brand="LENSO"
+      columns={[
+        {
+          items: [
+            {
+              label: "Portfolio",
+              href: "#portfolio",
+            },
+            {
+              label: "About",
+              href: "#about",
+            },
+            {
+              label: "Contact",
+              href: "#contact",
+            },
+          ],
+        },
+        {
+          items: [
+            {
+              label: "Privacy Policy",
+              href: "#",
+            },
+            {
+              label: "Terms of Service",
+              href: "#",
+            },
+            {
+              label: "Instagram",
+              href: "https://instagram.com",
+            },
+          ],
+        },
+      ]} />
+      </div>
+    </ThemeProvider>)
 };
 
 export default BlogPage;