diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
new file mode 100644
index 0000000..4b8d00b
--- /dev/null
+++ b/src/app/blog/page.tsx
@@ -0,0 +1,86 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import BlogCardOne from '@/components/sections/blog/BlogCardOne';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { Briefcase } from 'lucide-react';
+
+export default function BlogPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="background-highlight"
+      borderRadius="rounded"
+      contentWidth="small"
+      sizing="mediumSizeLargeTitles"
+      background="circleGradient"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Services", id: "/" },
+            { name: "Results", id: "/" },
+            { name: "About", id: "/" },
+            { name: "Blog", id: "blog" },
+            { name: "Contact", id: "/" },
+            { name: "Fiverr", id: "/" }
+          ]}
+          brandName="SEO by Zain"
+          bottomLeftText="Premium SEO Services"
+          bottomRightText="seobyzainaltaf@gmail.com"
+        />
+      </div>
+
+      <div id="blog" data-section="blog" className="pt-20">
+        <BlogCardOne
+          blogs={[
+            {
+              id: "1",              category: "SEO Tips",              title: "10 Essential On-Page SEO Techniques to Boost Your Rankings",              excerpt: "Learn the most important on-page SEO strategies that can help improve your search engine rankings and drive more organic traffic to your website.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahch54lk2M1KDxRJoNSKMKHwRp/a-detailed-illustration-representing-on--1773048481008-427c83f7.png",              imageAlt: "On-Page SEO Tips",              authorName: "Zain Altaf",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahch54lk2M1KDxRJoNSKMKHwRp/professional-headshot-of-a-business-prof-1773048480703-b1e72100.png",              date: "15 Jan 2025"
+            },
+            {
+              id: "2",              category: "Link Building",              title: "The Complete Guide to Building High-Quality Backlinks",              excerpt: "Discover proven strategies for building authoritative backlinks that will improve your domain authority and search rankings sustainably.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahch54lk2M1KDxRJoNSKMKHwRp/backlink-building-visualization-showing--1773048481809-7f2e5114.png",              imageAlt: "Backlink Building Guide",              authorName: "Zain Altaf",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahch54lk2M1KDxRJoNSKMKHwRp/professional-headshot-of-a-business-prof-1773048480703-b1e72100.png",              date: "12 Jan 2025"
+            },
+            {
+              id: "3",              category: "Technical SEO",              title: "Technical SEO Audit: A Step-by-Step Checklist",              excerpt: "Master the technical aspects of SEO with this comprehensive guide covering site speed, mobile optimization, structured data, and more.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahch54lk2M1KDxRJoNSKMKHwRp/technical-seo-illustration-showing-websi-1773048480657-c23a7391.png",              imageAlt: "Technical SEO Audit",              authorName: "Zain Altaf",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahch54lk2M1KDxRJoNSKMKHwRp/professional-headshot-of-a-business-prof-1773048480703-b1e72100.png",              date: "08 Jan 2025"
+            },
+            {
+              id: "4",              category: "Keyword Research",              title: "How to Find Profitable Keywords for Your Niche",              excerpt: "Learn advanced keyword research techniques to discover high-opportunity keywords that can drive qualified traffic and conversions.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahch54lk2M1KDxRJoNSKMKHwRp/keyword-research-visualization-showing-s-1773048481095-1576a496.png",              imageAlt: "Keyword Research",              authorName: "Zain Altaf",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahch54lk2M1KDxRJoNSKMKHwRp/professional-headshot-of-a-business-prof-1773048480703-b1e72100.png",              date: "05 Jan 2025"
+            },
+            {
+              id: "5",              category: "Local SEO",              title: "Dominate Local Search Results with These Strategies",              excerpt: "A complete guide to local SEO including Google My Business optimization, local citations, and location-based keyword targeting.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahch54lk2M1KDxRJoNSKMKHwRp/local-seo-illustration-featuring-a-map-w-1773048481474-5eba521d.png",              imageAlt: "Local SEO Strategies",              authorName: "Zain Altaf",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahch54lk2M1KDxRJoNSKMKHwRp/professional-headshot-of-a-business-prof-1773048480703-b1e72100.png",              date: "02 Jan 2025"
+            },
+            {
+              id: "6",              category: "Content Strategy",              title: "Creating SEO-Optimized Content That Ranks and Converts",              excerpt: "Discover the secrets to creating high-quality content that satisfies search intent, ranks in Google, and drives meaningful conversions.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahch54lk2M1KDxRJoNSKMKHwRp/a-modern-sleek-seo-analytics-dashboard-w-1773048480790-922a5b5c.png",              imageAlt: "Content Strategy",              authorName: "Zain Altaf",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahch54lk2M1KDxRJoNSKMKHwRp/professional-headshot-of-a-business-prof-1773048480703-b1e72100.png",              date: "29 Dec 2024"
+            }
+          ]}
+          title="SEO Blog & Insights"
+          description="Latest articles, tips, and strategies to help you master SEO and grow your business online."
+          tag="Blog"
+          tagIcon={Briefcase}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          carouselMode="buttons"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="SEO by Zain"
+          leftLink={{
+            text: "Privacy Policy",            href: "#"
+          }}
+          rightLink={{
+            text: "Terms of Service",            href: "#"
+          }}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 2a70183..16aaadd 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,51 +1,42 @@
 import type { Metadata } from "next";
-import { Montserrat, Inter } from "next/font/google";
+import "./styles/variables.css";
 import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
+import { Inter_Tight } from "next/font/google";
 
-const montserrat = Montserrat({
-  variable: "--font-montserrat",  subsets: ["latin"],
-});
-
-const inter = Inter({
-  variable: "--font-inter",  subsets: ["latin"],
+const interTight = Inter_Tight({
+  variable: "--font-inter-tight",  subsets: ["latin"],
+  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
 });
 
 export const metadata: Metadata = {
-  title: "SEO by Zain - Expert Google Rankings & Organic Growth",  description: "Professional SEO services to rank your website on Google. Proven strategies for keyword rankings, organic traffic growth, and lead generation. Contact Zain today for results.",  keywords: "SEO services, Google rankings, keyword ranking, organic traffic, link building, on-page SEO, off-page SEO, technical SEO",  metadataBase: new URL("https://seobyzain.com"),
-  alternates: {
-    canonical: "https://seobyzain.com"},
-  openGraph: {
-    title: "SEO by Zain - Expert Google Rankings",    description: "Rank #1 on Google with proven SEO strategies. Affordable professional services for businesses wanting organic growth.",    url: "https://seobyzain.com",    siteName: "SEO by Zain",    images: [
-      {
-        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahch54lk2M1KDxRJoNSKMKHwRp/a-modern-sleek-seo-analytics-dashboard-w-1773048480790-922a5b5c.png",        alt: "SEO Analytics Dashboard"},
-    ],
-    type: "website"},
-  twitter: {
-    card: "summary_large_image",    title: "SEO by Zain - Expert Google Rankings",    description: "Professional SEO services for Google ranking improvements and organic traffic growth.",    images: [
-      "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahch54lk2M1KDxRJoNSKMKHwRp/a-modern-sleek-seo-analytics-dashboard-w-1773048480790-922a5b5c.png"],
-  },
-  robots: {
-    index: true,
-    follow: true,
-  },
-};
+  title: "SEO by Zain",  description: "Professional SEO services to rank higher on Google"};
 
 export default function RootLayout({
   children,
-}: Readonly<{
+}: {
   children: React.ReactNode;
-}>) {
+}) {
   return (
     <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body
-          className={`${montserrat.variable} ${inter.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
+      <body className={`${interTight.variable}`}>
+        {children}
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `
+              (function() {
+                try {
+                  const stored = localStorage.getItem('theme');
+                  if (stored === 'light' || (!stored && !window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+                    document.documentElement.classList.remove('dark');
+                  } else {
+                    document.documentElement.classList.add('dark');
+                  }
+                } catch (e) {}
+              })()
+            `,
+          }}
+        />
+      
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -1413,7 +1404,6 @@ export default function RootLayout({
           }}
         />
       </body>
-      </ServiceWrapper>
     </html>
   );
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2e9b8a5..43b791a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,6 +31,7 @@ export default function LandingPage() {
             { name: "Services", id: "services" },
             { name: "Results", id: "results" },
             { name: "About", id: "about" },
+            { name: "Blog", id: "blog" },
             { name: "Contact", id: "contact" },
             { name: "Fiverr", id: "fiverr" }
           ]}
@@ -305,6 +306,22 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="blog" data-section="blog">
+        <TextAbout
+          tag="Blog"
+          tagIcon={Briefcase}
+          tagAnimation="slide-up"
+          title="Read my latest insights on SEO trends, strategies, and best practices to help your business succeed online. Check back regularly for new articles and tips."
+          useInvertedBackground={false}
+          buttons={[
+            {
+              text: "Coming Soon",              href: "#"
+            }
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
       <div id="fiverr" data-section="fiverr">
         <TextAbout
           tag="Hire Me"