14 blog post schedule

src/app/(main)/(marketing)/blog/page.tsx

@@ -7,6 +7,11 @@ import { websiteSchema, breadcrumbSchema } from '@/lib/schema';
 import { Card, CardHeader, CardTitle, CardContent } from '@/components/ui/Card';
 import { Badge } from '@/components/ui/Badge';
 import Breadcrumbs, { BreadcrumbItem } from '@/components/Breadcrumbs';
+import { blogPosts } from '@/lib/blog-data';
+
+// Enable Incremental Static Regeneration (ISR)
+// Revalidate every hour
+export const revalidate = 3600;
 
 function truncateAtWord(text: string, maxLength: number): string {
   if (text.length <= maxLength) return text;
@@ -46,89 +51,27 @@ export async function generateMetadata(): Promise<Metadata> {
   };
 }
 
-const blogPosts = [
-  // NEW POSTS (January 2026)
-  {
-    slug: 'qr-code-restaurant-menu',
-    title: 'How to Create a QR Code for Restaurant Menu',
-    excerpt: 'Step-by-step guide to creating digital menu QR codes for your restaurant. Learn best practices for touchless menus, placement tips, and tracking.',
-    date: 'January 5, 2026',
-    readTime: '12 Min',
-    category: 'Restaurant',
-    image: '/blog/restaurant-qr-menu.png',
-  },
-  {
-    slug: 'vcard-qr-code-generator',
-    title: 'Free vCard QR Code Generator: Digital Business Cards',
-    excerpt: 'Create professional vCard QR codes for digital business cards. Share contact info instantly with a scan—includes templates and best practices.',
-    date: 'January 5, 2026',
-    readTime: '10 Min',
-    category: 'Business Cards',
-    image: '/blog/vcard-qr-code.png',
-  },
-  {
-    slug: 'qr-code-small-business',
-    title: 'Best QR Code Generator for Small Business: 2025 Guide',
-    excerpt: 'Find the best QR code solution for your small business. Compare features, pricing, and use cases for marketing, payments, and operations.',
-    date: 'January 5, 2026',
-    readTime: '14 Min',
-    category: 'Business',
-    image: '/blog/small-business-qr.png',
-  },
-  {
-    slug: 'qr-code-print-size-guide',
-    title: 'QR Code Print Size Guide: Minimum Sizes for Every Use Case',
-    excerpt: 'Complete guide to QR code print sizes. Learn minimum dimensions for business cards, posters, banners, and more to ensure reliable scanning.',
-    date: 'January 5, 2026',
-    readTime: '8 Min',
-    category: 'Printing',
-    image: '/blog/qr-print-sizes.png',
-  },
-  // EXISTING POSTS
-  {
-    slug: 'qr-code-tracking-guide-2025',
-    title: 'QR Code Tracking: Complete Guide 2025',
-    excerpt: 'Learn how to track QR code scans with real-time analytics. Compare free vs paid tracking tools, setup Google Analytics, and measure ROI.',
-    date: 'October 18, 2025',
-    readTime: '12 Min',
-    category: 'Tracking & Analytics',
-    image: '/blog/1-hero.webp',
-  },
-  {
-    slug: 'dynamic-vs-static-qr-codes',
-    title: 'Dynamic vs Static QR Codes: Which Should You Use?',
-    excerpt: 'Understand the difference between static and dynamic QR codes. Learn when to use each type, pros/cons, and how dynamic QR codes save money.',
-    date: 'October 17, 2025',
-    readTime: '10 Min',
-    category: 'QR Code Basics',
-    image: '/blog/2-hero.webp',
-  },
-  {
-    slug: 'bulk-qr-code-generator-excel',
-    title: 'How to Generate Bulk QR Codes from Excel',
-    excerpt: 'Generate hundreds of QR codes from Excel or CSV files in minutes. Step-by-step guide with templates, best practices, and free tools.',
-    date: 'October 16, 2025',
-    readTime: '13 Min',
-    category: 'Bulk Generation',
-    image: '/blog/bulk-qr-events-hero.png',
-  },
-  {
-    slug: 'qr-code-analytics',
-    title: 'QR Code Analytics: Track, Measure & Optimize Campaigns',
-    excerpt: 'Learn how to leverage scan analytics, campaign tracking, and dashboard insights to maximize QR code ROI.',
-    date: 'October 16, 2025',
-    readTime: '15 Min',
-    category: 'Analytics',
-    image: '/blog/qr-code-analytics-hero.webp',
-  },
-];
-
 export default function BlogPage() {
   const breadcrumbItems: BreadcrumbItem[] = [
     { name: 'Home', url: '/' },
     { name: 'Blog', url: '/blog' },
   ];
 
+  // Filter posts to only show those published in the past or today
+  // sort by date descending (newest first)
+  const currentDate = new Date();
+
+  const publishedPosts = blogPosts
+    .filter(post => {
+      const publishDate = post.datePublished ? new Date(post.datePublished) : new Date(post.date);
+      return publishDate <= currentDate;
+    })
+    .sort((a, b) => {
+      const dateA = a.datePublished ? new Date(a.datePublished) : new Date(a.date);
+      const dateB = b.datePublished ? new Date(b.datePublished) : new Date(b.date);
+      return dateB.getTime() - dateA.getTime();
+    });
+
   return (
     <>
       <SeoJsonLd data={[websiteSchema(), breadcrumbSchema(breadcrumbItems)]} />
@@ -146,13 +89,13 @@ export default function BlogPage() {
           </div>
 
           <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-6xl mx-auto">
-            {blogPosts.map((post) => (
+            {publishedPosts.map((post) => (
               <Link key={post.slug} href={`/blog/${post.slug}`}>
                 <Card hover className="h-full overflow-hidden shadow-md hover:shadow-xl transition-all duration-300">
                   <div className="relative h-56 overflow-hidden">
                     <Image
                       src={post.image}
-                      alt={`${post.title} - QR code guide showing ${post.category.toLowerCase()} strategies`}
+                      alt={post.imageAlt || `${post.title} - QR code guide`}
                       width={800}
                       height={600}
                       className="w-full h-full object-cover transition-transform duration-500 hover:scale-110"