Merge version_2 into main #2
241
src/app/blog/page.tsx
Normal file
241
src/app/blog/page.tsx
Normal file
@@ -0,0 +1,241 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Phone, Mail, Linkedin, Zap } from 'lucide-react';
|
||||
import { useState, useMemo } from 'react';
|
||||
|
||||
export default function BlogPage() {
|
||||
const [searchQuery, setSearchQuery] = useState('');
|
||||
const [selectedCategory, setSelectedCategory] = useState('All');
|
||||
|
||||
const allBlogPosts = [
|
||||
{
|
||||
id: '1',
|
||||
category: 'Local SEO',
|
||||
title: 'Why Local SEO is Your Competitive Advantage in Ahmedabad Market',
|
||||
excerpt: 'Discover how optimizing for local search can put your Ahmedabad business ahead of competitors and attract high-intent customers searching for your services in their area.',
|
||||
imageSrc: 'http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg',
|
||||
imageAlt: 'Local SEO Strategy',
|
||||
authorName: 'Rajesh Kumar',
|
||||
authorAvatar: 'http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg',
|
||||
date: '15 Jan 2025',
|
||||
onBlogClick: () => {}
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
category: 'Problem-Solution',
|
||||
title: 'The Hidden Cost of Ignoring Your Google Business Profile',
|
||||
excerpt: 'Most businesses don\'t realize that an incomplete Google Business Profile is leaving thousands in revenue on the table. Learn exactly what\'s costing you customers.',
|
||||
imageSrc: 'http://img.b2bpic.net/free-photo/man-executive-instructing-diverse-employees-new-modern-company-office-room-before-business-meeting-with-partners-analysing-reports-tablet_482257-5242.jpg',
|
||||
imageAlt: 'Google Business Profile',
|
||||
authorName: 'Priya Sharma',
|
||||
authorAvatar: 'http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg',
|
||||
date: '12 Jan 2025',
|
||||
onBlogClick: () => {}
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
category: 'Case Study',
|
||||
title: 'How Patel Construction Went from ₹50k/month to Consistent Qualified Leads',
|
||||
excerpt: 'Real case study: See exactly how we audited their ad spend, eliminated waste, and built a system that generates qualified construction leads every week.',
|
||||
imageSrc: 'http://img.b2bpic.net/free-photo/businessman-doing-ok-sign-while-holding-growth-chart_23-2148780644.jpg',
|
||||
imageAlt: 'Construction Business Success',
|
||||
authorName: 'Amit Kumar',
|
||||
authorAvatar: 'http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg',
|
||||
date: '08 Jan 2025',
|
||||
onBlogClick: () => {}
|
||||
},
|
||||
{
|
||||
id: '4',
|
||||
category: 'Local SEO',
|
||||
title: 'Ranking on Google Maps: The Complete Strategy for Local Businesses',
|
||||
excerpt: 'Stop fighting for organic rank. Learn the 7-step framework we use to get local Ahmedabad businesses to the top of Google Maps and dominate their local market.',
|
||||
imageSrc: 'http://img.b2bpic.net/free-vector/comparison-chart-infographic-design_23-2148551307.jpg',
|
||||
imageAlt: 'Google Maps Ranking Strategy',
|
||||
authorName: 'Neha Gupta',
|
||||
authorAvatar: 'http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg',
|
||||
date: '05 Jan 2025',
|
||||
onBlogClick: () => {}
|
||||
},
|
||||
{
|
||||
id: '5',
|
||||
category: 'Problem-Solution',
|
||||
title: 'Lead Quality Over Quantity: Why Your Agency is Costing You Money',
|
||||
excerpt: 'Your agency is bragging about lead volume, but your conversion rate is terrible. Here\'s why chasing vanity metrics is destroying your bottom line and what to do instead.',
|
||||
imageSrc: 'http://img.b2bpic.net/free-photo/broker-offering-agreement-contract-elderly-couple_482257-115634.jpg',
|
||||
imageAlt: 'Lead Quality Analysis',
|
||||
authorName: 'Vikram Singh',
|
||||
authorAvatar: 'http://img.b2bpic.net/free-photo/portrait-young-smiling-businessman_1163-3880.jpg',
|
||||
date: '02 Jan 2025',
|
||||
onBlogClick: () => {}
|
||||
},
|
||||
{
|
||||
id: '6',
|
||||
category: 'Case Study',
|
||||
title: 'How a Dental Clinic Brought In 40 New Patients in 30 Days',
|
||||
excerpt: 'Inside look at how we leveraged Google Local Services, patient testimonials, and strategic bid management to fill the dental chair. Healthcare marketing done right.',
|
||||
imageSrc: 'http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg',
|
||||
imageAlt: 'Dental Clinic Growth',
|
||||
authorName: 'Snehal Desai',
|
||||
authorAvatar: 'http://img.b2bpic.net/free-photo/portrait-young-smiling-businessman_1163-3880.jpg',
|
||||
date: '28 Dec 2024',
|
||||
onBlogClick: () => {}
|
||||
},
|
||||
{
|
||||
id: '7',
|
||||
category: 'Local SEO',
|
||||
title: '5 Local SEO Mistakes That Are Costing Your Ahmedabad Business ₹10+ Lakhs Annually',
|
||||
excerpt: 'We audited 50+ local businesses and found the same SEO mistakes repeated. These fixes alone could add ₹10L+ to your annual revenue. See if you\'re making them.',
|
||||
imageSrc: 'http://img.b2bpic.net/free-photo/man-executive-instructing-diverse-employees-new-modern-company-office-room-before-business-meeting-with-partners-analysing-reports-tablet_482257-5242.jpg',
|
||||
imageAlt: 'SEO Mistakes',
|
||||
authorName: 'Rajesh Kumar',
|
||||
authorAvatar: 'http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg',
|
||||
date: '25 Dec 2024',
|
||||
onBlogClick: () => {}
|
||||
},
|
||||
{
|
||||
id: '8',
|
||||
category: 'Problem-Solution',
|
||||
title: 'Why Your Ad Budget Disappears and You Get Zero Results',
|
||||
excerpt: 'If you\'re spending money on ads but not seeing results, your targeting is broken. We walk through the exact diagnostic questions to ask before throwing more money at ads.',
|
||||
imageSrc: 'http://img.b2bpic.net/free-vector/comparison-chart-infographic-design_23-2148551307.jpg',
|
||||
imageAlt: 'Ad Budget Analysis',
|
||||
authorName: 'Priya Sharma',
|
||||
authorAvatar: 'http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg',
|
||||
date: '22 Dec 2024',
|
||||
onBlogClick: () => {}
|
||||
}
|
||||
];
|
||||
|
||||
const categories = ['All', 'Local SEO', 'Problem-Solution', 'Case Study'];
|
||||
|
||||
const filteredPosts = useMemo(() => {
|
||||
return allBlogPosts.filter(post => {
|
||||
const categoryMatch = selectedCategory === 'All' || post.category === selectedCategory;
|
||||
const searchMatch = post.title.toLowerCase().includes(searchQuery.toLowerCase()) ||
|
||||
post.excerpt.toLowerCase().includes(searchQuery.toLowerCase());
|
||||
return categoryMatch && searchMatch;
|
||||
});
|
||||
}, [searchQuery, selectedCategory]);
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="fluid"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Knoxify Digital"
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Why Us", id: "why-us" },
|
||||
{ name: "Results", id: "metrics" },
|
||||
{ name: "Blog", id: "/blog" },
|
||||
{ name: "FAQs", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog-header" data-section="blog-header" className="py-20 px-6">
|
||||
<div className="max-w-4xl mx-auto">
|
||||
<h1 className="text-5xl font-bold mb-6">Local SEO & Marketing Insights</h1>
|
||||
<p className="text-xl text-foreground/80 mb-12">High-intent content for Ahmedabad businesses. Learn the strategies that drive measurable revenue and qualified leads.</p>
|
||||
|
||||
<div className="mb-12">
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Search articles..."
|
||||
value={searchQuery}
|
||||
onChange={(e) => setSearchQuery(e.target.value)}
|
||||
className="w-full px-6 py-3 rounded-lg border border-accent/30 bg-card text-foreground focus:outline-none focus:ring-2 focus:ring-primary-cta mb-6"
|
||||
/>
|
||||
|
||||
<div className="flex flex-wrap gap-3">
|
||||
{categories.map(category => (
|
||||
<button
|
||||
key={category}
|
||||
onClick={() => setSelectedCategory(category)}
|
||||
className={`px-6 py-2 rounded-full transition-all ${
|
||||
selectedCategory === category
|
||||
? 'bg-primary-cta text-white'
|
||||
: 'bg-card text-foreground border border-accent/30 hover:border-primary-cta'
|
||||
}`}
|
||||
>
|
||||
{category}
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="blog-grid" data-section="blog-grid">
|
||||
<BlogCardOne
|
||||
blogs={filteredPosts}
|
||||
title=""
|
||||
description=""
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog-cta" data-section="blog-cta" className="py-16 px-6 bg-primary-cta/5 rounded-2xl mx-6 md:mx-12 mb-20">
|
||||
<div className="max-w-2xl mx-auto text-center">
|
||||
<h2 className="text-3xl font-bold mb-4">Ready to Transform Your Marketing?</h2>
|
||||
<p className="text-lg text-foreground/80 mb-8">Get a free growth audit and see exactly how we can generate more qualified leads for your business.</p>
|
||||
<a href="/#contact" className="inline-block px-8 py-3 bg-primary-cta text-white rounded-lg font-semibold hover:opacity-90 transition-opacity">
|
||||
Schedule Your Free Audit
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Ready to Scale?"
|
||||
tagIcon={Phone}
|
||||
tagAnimation="slide-up"
|
||||
title="Get Your Free Growth Plan Today"
|
||||
description="No pitch. No pressure. Just a transparent 20-minute audit of your current marketing spend and immediate recommendations to increase profit. Let's talk about your real business goals and how we can help you achieve them."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-blonde-business-woman-talking-by-mobile-phone_171337-2870.jpg"
|
||||
imageAlt="Schedule your free strategy consultation"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="your.email@business.com"
|
||||
buttonText="Get My Free Audit"
|
||||
termsText="We respect your privacy. You'll get our audit insights and zero spam. Unsubscribe anytime."
|
||||
ariaLabel="Contact form to schedule free growth plan"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Knoxify Digital"
|
||||
copyrightText="© 2025 Knoxify Digital. Profit-focused marketing for Ahmedabad businesses."
|
||||
socialLinks={[
|
||||
{ icon: Linkedin, href: "https://linkedin.com/company/knoxify-digital", ariaLabel: "Follow us on LinkedIn" },
|
||||
{ icon: Phone, href: "tel:+917433993938", ariaLabel: "Call us directly" },
|
||||
{ icon: Mail, href: "mailto:hello@knoxify.digital", ariaLabel: "Email us" }
|
||||
]}
|
||||
ariaLabel="Site footer"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -1425,4 +1425,4 @@ export default function RootLayout({
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -34,6 +34,7 @@ export default function LandingPage() {
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Why Us", id: "why-us" },
|
||||
{ name: "Results", id: "metrics" },
|
||||
{ name: "Blog", id: "/blog" },
|
||||
{ name: "FAQs", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
@@ -95,7 +96,7 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-executive-instructing-diverse-employees-new-modern-company-office-room-before-business-meeting-with-partners-analysing-reports-tablet_482257-5242.jpg?_wi=3"
|
||||
imageAlt="Our experienced team delivering results"
|
||||
buttons={[{ text: "See Our Case Studies", href: "metrics" }]}
|
||||
buttons={[{ text: "See Our Case Studies", href: "/blog" }]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="About Knoxify Digital section"
|
||||
@@ -295,4 +296,4 @@ export default function LandingPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user