
import React from 'react';
import type { Metadata } from 'next';
import en from '@/i18n/en.json';
import Link from 'next/link';
import SeoJsonLd from '@/components/SeoJsonLd';
import { articleSchema } from '@/lib/schema';

export const metadata: Metadata = {
    title: 'How to Bulk Generate QR Codes (CSV/Excel) | QR Master',
    description: 'Learn how to create hundreds of QR codes at once using a CSV or Excel file. Free bulk QR code generator guide.',
    alternates: {
        canonical: 'https://www.qrmaster.net/guide/bulk-qr-code-generation',
    },
    openGraph: {
        url: 'https://www.qrmaster.net/guide/bulk-qr-code-generation',
    },
};

export default function BulkGuidePage() {
    return (
        <div className="pt-20 bg-white">
            <SeoJsonLd data={[
                articleSchema({
                    headline: 'How to Bulk Generate QR Codes from CSV/Excel',
                    description: 'Step-by-step guide to generating hundreds of QR codes automatically using spreadsheet data.',
                    image: 'https://www.qrmaster.net/og-bulk-guide.png',
                    datePublished: '2025-10-15',
                    dateModified: '2025-10-15',
                    author: 'QR Master Team',
                    url: 'https://www.qrmaster.net/guide/bulk-qr-code-generation'
                })
            ]} />
            <article className="max-w-4xl mx-auto px-4 py-20">
                <header className="mb-12 text-center">
                    <span className="text-sm font-semibold text-indigo-600 tracking-wide uppercase">Efficiency Guide</span>
                    <h1 className="text-4xl md:text-5xl font-bold text-slate-900 mt-2 mb-6">
                        How to Bulk Generate QR Codes
                    </h1>
                    <p className="text-xl text-slate-600">
                        Turn your spreadsheet into hundreds of QR codes in seconds.
                    </p>
                </header>

                <div className="prose prose-lg prose-slate mx-auto">
                    <p>
                        Need to create unique QR codes for 100 employees? Or 500 product labels? Manually creating them one by one is a waste of time. Instead, use our <strong>Bulk Creation</strong> tool.
                    </p>

                    <h2>Step 1: Prepare your data</h2>
                    <p>
                        Create a CSV or Excel file (XLSX) with two columns:
                    </p>
                    <ul>
                        <li><strong>Title:</strong> A name for the file (e.g., "Employee 001")</li>
                        <li><strong>Content:</strong> The URL or text for the QR code (e.g., "https://yoursite.com/emp/001")</li>
                    </ul>
                    <div className="bg-slate-100 p-4 rounded-lg text-sm font-mono mb-4">
                        Title,Content<br />
                        Item-1,https://example.com/1<br />
                        Item-2,https://example.com/2<br />
                        Item-3,https://example.com/3
                    </div>

                    <h2>Step 2: Upload to QR Master</h2>
                    <ol>
                        <li>Go to the <Link href="/bulk-qr-code-generator" className="text-indigo-600 hover:underline">Bulk Generator</Link> page.</li>
                        <li>Drag and drop your CSV/Excel file.</li>
                        <li>Review the preview to ensure columns are mapped correctly.</li>
                    </ol>

                    <h2>Step 3: Customize & Download</h2>
                    <p>
                        Set your brand colors, logo, and style. This style will be applied to <strong>all</strong> generated QR codes across the batch.
                    </p>
                    <p>
                        Finally, click <strong>Generate</strong>. You will receive a ZIP file containing:
                    </p>
                    <ul>
                        <li>All QR codes as individual PNG or SVG files.</li>
                        <li>Filenames matching your "Title" column for easy organization.</li>
                    </ul>

                    <h2>Limits & Pricing</h2>
                    <ul>
                        <li><strong>Free Plan:</strong> You can bulk generate limits for Static codes (no tracking).</li>
                        <li><strong>Business Plan:</strong> Unlocks Bulk Dynamic Codes (trackable) and higher limits (up to 1,000 at a time).</li>
                    </ul>
                </div>

                <div className="mt-16 text-center">
                    <Link href="/bulk-qr-code-generator">
                        <button className="bg-indigo-600 text-white px-8 py-3 rounded-full font-bold text-lg hover:bg-indigo-700 transition-colors">
                            Start Bulk Generation
                        </button>
                    </Link>
                </div>
            </article>
        </div>
    );
}
