Merge version_2 into main #2
86
src/app/blog/page.tsx
Normal file
86
src/app/blog/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user