Update src/app/page.tsx

Merge version_1 into main

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?_wi=2",              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?_wi=2",              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?_wi=2",              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?_wi=2",              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?_wi=2",              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?_wi=2",              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>
+  );
+}

src/app/layout.tsx

@@ -1,50 +1,41 @@
 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 { Inter_Tight } from "next/font/google";
-import Tag from "@/tag/Tag";
 
-const montserrat = Montserrat({
+const interTight = Inter_Tight({
-  variable: "--font-montserrat",  subsets: ["latin"],
+  variable: "--font-inter-tight",  subsets: ["latin"],
-});
+  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
-
-const inter = Inter({
-  variable: "--font-inter",  subsets: ["latin"],
 });
 
 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"),
+  title: "SEO by Zain",  description: "Professional SEO services to rank higher on Google"};
-  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,
-  },
-};
 
 export default function RootLayout({
   children,
-}: Readonly<{
+}: {
   children: React.ReactNode;
-}>) {
+}) {
   return (
     <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
+      <body className={`${interTight.variable}`}>
-        <body
+        {children}
-          className={`${montserrat.variable} ${inter.variable} antialiased`}
+        <script
-        >
+          dangerouslySetInnerHTML={{
-          <Tag />
+            __html: `
-          {children}
+              (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={{
@@ -1413,7 +1404,6 @@ export default function RootLayout({
           }}
         />
       </body>
-      </ServiceWrapper>
     </html>
   );
 }

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" }
           ]}
@@ -58,7 +59,7 @@ export default function LandingPage() {
               text: "Contact Now",              href: "contact"
             }
           ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahch54lk2M1KDxRJoNSKMKHwRp/a-modern-sleek-seo-analytics-dashboard-w-1773048480790-922a5b5c.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahch54lk2M1KDxRJoNSKMKHwRp/a-modern-sleek-seo-analytics-dashboard-w-1773048480790-922a5b5c.png?_wi=1"
           imageAlt="SEO Analytics Dashboard"
           buttonAnimation="slide-up"
         />
@@ -90,7 +91,7 @@ export default function LandingPage() {
           features={[
             {
               id: "1",              title: "On-Page SEO",              description: "Optimize your website content, meta tags, headers, and internal linking structure to rank higher for target keywords and improve user experience.",              media: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahch54lk2M1KDxRJoNSKMKHwRp/a-detailed-illustration-representing-on--1773048481008-427c83f7.png"
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahch54lk2M1KDxRJoNSKMKHwRp/a-detailed-illustration-representing-on--1773048481008-427c83f7.png?_wi=1"
               },
               items: [
                 { icon: CheckCircle, text: "Keyword optimization" },
@@ -114,7 +115,7 @@ export default function LandingPage() {
             },
             {
               id: "3",              title: "Technical SEO",              description: "Improve site speed, mobile responsiveness, crawlability, and fix technical issues that prevent search engines from properly indexing your site.",              media: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahch54lk2M1KDxRJoNSKMKHwRp/technical-seo-illustration-showing-websi-1773048480657-c23a7391.png"
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahch54lk2M1KDxRJoNSKMKHwRp/technical-seo-illustration-showing-websi-1773048480657-c23a7391.png?_wi=1"
               },
               items: [
                 { icon: CheckCircle, text: "Site speed optimization" },
@@ -126,7 +127,7 @@ export default function LandingPage() {
             },
             {
               id: "4",              title: "Keyword Research",              description: "Discover high-opportunity keywords with strong search volume and lower competition to focus your SEO efforts on the most profitable terms.",              media: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahch54lk2M1KDxRJoNSKMKHwRp/keyword-research-visualization-showing-s-1773048481095-1576a496.png"
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahch54lk2M1KDxRJoNSKMKHwRp/keyword-research-visualization-showing-s-1773048481095-1576a496.png?_wi=1"
               },
               items: [
                 { icon: CheckCircle, text: "Competitor keyword analysis" },
@@ -138,7 +139,7 @@ export default function LandingPage() {
             },
             {
               id: "5",              title: "Backlink Building",              description: "Develop a strategic backlink profile with authoritative, relevant links from high-quality websites to boost your domain authority and rankings.",              media: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahch54lk2M1KDxRJoNSKMKHwRp/backlink-building-visualization-showing--1773048481809-7f2e5114.png"
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahch54lk2M1KDxRJoNSKMKHwRp/backlink-building-visualization-showing--1773048481809-7f2e5114.png?_wi=1"
               },
               items: [
                 { icon: CheckCircle, text: "White-hat link building" },
@@ -150,7 +151,7 @@ export default function LandingPage() {
             },
             {
               id: "6",              title: "Local SEO",              description: "Optimize your local presence with Google My Business optimization, local citations, and location-based SEO to dominate local search results.",              media: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahch54lk2M1KDxRJoNSKMKHwRp/local-seo-illustration-featuring-a-map-w-1773048481474-5eba521d.png"
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahch54lk2M1KDxRJoNSKMKHwRp/local-seo-illustration-featuring-a-map-w-1773048481474-5eba521d.png?_wi=1"
               },
               items: [
                 { icon: CheckCircle, text: "Google My Business setup" },
@@ -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"