<?php
$page_title = "Voter ID Card Print";
$page_desc  = "Print your Voter ID (EPIC) Card in premium PVC format instantly. ECI compliant, fast and secure voter card printing service for CSC operators and cyber cafes.";
require_once 'service-header.php';
?>

<!-- Breadcrumb -->
<div class="breadcrumb-bar">
    <div class="container">
        <ol class="breadcrumb-list">
            <li><a href="<?php echo $base; ?>index.php"><i class="fas fa-home"></i> Home</a><span class="sep"><i class="fas fa-chevron-right"></i></span></li>
            <li><a href="#">Our Services</a><span class="sep"><i class="fas fa-chevron-right"></i></span></li>
            <li><span class="current">Voter ID Card Print</span></li>
        </ol>
    </div>
</div>

<!-- ===================== HERO ===================== -->
<section class="service-hero" id="main-content" style="background: linear-gradient(135deg, #fff8e8 0%, #ffefc0 40%, #f8f9fa 100%);">
    <div class="container">
        <div class="hero-grid">
            <div class="hero-content fade-in">
                <div class="hero-badge" style="background:rgba(255,190,11,0.15);color:#b8860b;border-color:rgba(255,190,11,0.3);"><i class="fas fa-vote-yea"></i> ECI Compliant Service</div>
                <h1>Voter ID Card <span class="highlight">Print</span> — EPIC Card in PVC Format</h1>
                <p>Print your Voter ID (EPIC) Card in a premium, credit-card-sized PVC format. Fast and accurate voter card printing for Jan Seva Kendra operators and cyber café centers across India.</p>
                <div class="hero-actions">
                    <a href="<?php echo $base; ?>dashboard/register.php" class="btn primary-btn large-btn">
                        <i class="fas fa-rocket"></i> Start Printing
                    </a>
                    <a href="<?php echo $base; ?>dashboard/login.php" class="btn secondary-btn large-btn">
                        <i class="fas fa-sign-in-alt"></i> Login
                    </a>
                </div>
                <div class="hero-stats">
                    <div class="hero-stat"><span class="stat-num">5L+</span><span class="stat-label">Cards Printed</span></div>
                    <div class="hero-stat"><span class="stat-num">3 Min</span><span class="stat-label">Process Time</span></div>
                    <div class="hero-stat"><span class="stat-num">All India</span><span class="stat-label">Coverage</span></div>
                </div>
            </div>
            <div class="hero-visual fade-in fade-in-delay-2">
                <div class="hero-card-visual">
                    <div class="hc-main" style="background:linear-gradient(135deg,#e6900a,#ffbe0b);">
                        <div class="hc-chip"></div>
                        <div class="hc-logo-area"><i class="fas fa-vote-yea"></i><span class="hc-text">VOTER ID (EPIC)</span></div>
                        <div class="hc-number">XXX/XX/XXXXXX</div>
                        <div class="hc-name">Election Commission of India</div>
                    </div>
                    <div class="hc-floating hc-f1">
                        <i class="fas fa-check-circle"></i>
                        <div><span class="fc-title">ECI Verified</span><span class="fc-sub">Official EPIC Data</span></div>
                    </div>
                    <div class="hc-floating hc-f2">
                        <i class="fas fa-map-marker-alt"></i>
                        <div><span class="fc-title">Constituency Info</span><span class="fc-sub">Polling Booth Linked</span></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- ===================== SERVICE INFO ===================== -->
<section class="section section-alt">
    <div class="container">
        <div class="section-header">
            <div class="section-badge fade-in"><i class="fas fa-info-circle"></i> About This Service</div>
            <h2 class="section-title fade-in">What is <span class="highlight">Voter ID Card Print?</span></h2>
            <div class="divider-line"></div>
            <p class="section-subtitle fade-in">An ECI-integrated service that lets operators fetch and print the official Voter ID (EPIC) card in premium PVC format from the NVSP / ECI database.</p>
        </div>
        <div class="info-grid">
            <div class="info-text fade-in">
                <p>Voter ID Card Print (EPIC Print) enables registered operators to access the National Voter's Service Portal (NVSP) data and generate a high-quality, credit-card-sized print of the customer's Voter ID Card. The service supports both manual entry (EPIC number) and name/DOB based searches.</p>
                <p>This is one of the most demanded services at Jan Seva Kendras and CSC centers, especially around election time. Our portal makes it simple, fast, and reliable with a clean interface and instant download capability.</p>
                <div class="info-features">
                    <div class="info-feature"><i class="fas fa-id-card"></i><span>EPIC Number Search</span></div>
                    <div class="info-feature"><i class="fas fa-user"></i><span>Name + DOB Search</span></div>
                    <div class="info-feature"><i class="fas fa-map-marker-alt"></i><span>Constituency Details</span></div>
                    <div class="info-feature"><i class="fas fa-file-pdf"></i><span>HD PDF Output</span></div>
                    <div class="info-feature"><i class="fas fa-qrcode"></i><span>QR Code Included</span></div>
                    <div class="info-feature"><i class="fas fa-history"></i><span>Print History</span></div>
                </div>
            </div>
            <div class="benefits-grid fade-in fade-in-delay-2" style="align-self:start;">
                <div class="benefit-card"><div class="benefit-icon"><i class="fas fa-search"></i></div><h4>Easy Search</h4><p>Search by EPIC number, name, father's name, DOB or address to find voter records.</p></div>
                <div class="benefit-card"><div class="benefit-icon"><i class="fas fa-map"></i></div><h4>Booth Details</h4><p>Automatically includes polling booth number, address, and constituency information.</p></div>
                <div class="benefit-card"><div class="benefit-icon"><i class="fas fa-print"></i></div><h4>Perfect Print</h4><p>Optimized PVC card layout matching official Voter ID dimensions and branding.</p></div>
                <div class="benefit-card"><div class="benefit-icon"><i class="fas fa-sync"></i></div><h4>Updated Data</h4><p>Fetches latest voter information directly from ECI/NVSP government servers.</p></div>
            </div>
        </div>
    </div>
</section>

<!-- ===================== PROCESS ===================== -->
<section class="section">
    <div class="container">
        <div class="section-header">
            <div class="section-badge fade-in"><i class="fas fa-route"></i> How It Works</div>
            <h2 class="section-title fade-in">Simple <span class="highlight">4-Step Process</span></h2>
            <div class="divider-line"></div>
        </div>
        <div class="process-timeline fade-in">
            <div class="process-step-item">
                <div class="step-circle">1</div>
                <div class="step-content">
                    <i class="fas fa-sign-in-alt"></i>
                    <h4>Login to Portal</h4>
                    <p>Sign in to your Titan Print Portal operator account and navigate to Voter ID Print.</p>
                </div>
            </div>
            <div class="process-step-item">
                <div class="step-circle">2</div>
                <div class="step-content">
                    <i class="fas fa-id-card-alt"></i>
                    <h4>Enter EPIC / Details</h4>
                    <p>Enter the voter's EPIC card number or search by name, date of birth, and state.</p>
                </div>
            </div>
            <div class="process-step-item">
                <div class="step-circle">3</div>
                <div class="step-content">
                    <i class="fas fa-eye"></i>
                    <h4>Verify &amp; Preview</h4>
                    <p>Review the fetched voter details on the preview screen to confirm they match.</p>
                </div>
            </div>
            <div class="process-step-item">
                <div class="step-circle">4</div>
                <div class="step-content">
                    <i class="fas fa-download"></i>
                    <h4>Download &amp; Print</h4>
                    <p>Pay from wallet and instantly download the PVC-ready PDF to print on card paper.</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- ===================== DOCUMENTS ===================== -->
<section class="section section-alt">
    <div class="container">
        <div class="section-header">
            <div class="section-badge fade-in"><i class="fas fa-folder-open"></i> Required Information</div>
            <h2 class="section-title fade-in">What You <span class="highlight">Need</span></h2>
            <div class="divider-line"></div>
        </div>
        <div class="docs-grid fade-in">
            <div class="doc-card">
                <div class="doc-icon"><i class="fas fa-id-card-alt"></i></div>
                <h5>EPIC Card Number</h5>
                <p>Unique Voter ID number (e.g. ABC1234567)</p>
                <span class="doc-badge required">Primary</span>
            </div>
            <div class="doc-card">
                <div class="doc-icon"><i class="fas fa-user"></i></div>
                <h5>Voter's Full Name</h5>
                <p>As registered with Election Commission</p>
                <span class="doc-badge optional">For Name Search</span>
            </div>
            <div class="doc-card">
                <div class="doc-icon"><i class="fas fa-calendar"></i></div>
                <h5>Date of Birth</h5>
                <p>For identity verification in name-search</p>
                <span class="doc-badge optional">Optional</span>
            </div>
            <div class="doc-card">
                <div class="doc-icon"><i class="fas fa-map-pin"></i></div>
                <h5>State / District</h5>
                <p>For narrowing the voter database search</p>
                <span class="doc-badge optional">Helpful</span>
            </div>
            <div class="doc-card">
                <div class="doc-icon"><i class="fas fa-wallet"></i></div>
                <h5>Wallet Balance</h5>
                <p>Sufficient credits in operator account</p>
                <span class="doc-badge required">Required</span>
            </div>
        </div>
    </div>
</section>

<!-- ===================== ELIGIBILITY ===================== -->
<section class="section">
    <div class="container">
        <div class="section-header">
            <div class="section-badge fade-in"><i class="fas fa-check-double"></i> Who Can Use</div>
            <h2 class="section-title fade-in">Eligibility <span class="highlight">Criteria</span></h2>
            <div class="divider-line"></div>
        </div>
        <div class="eligibility-grid fade-in">
            <div class="eligibility-card"><div class="elig-icon green"><i class="fas fa-store"></i></div><div class="elig-text"><h5>CSC / VLE Operators</h5><p>Verified CSC center operators assisting citizens with voter services.</p></div></div>
            <div class="eligibility-card"><div class="elig-icon blue"><i class="fas fa-laptop"></i></div><div class="elig-text"><h5>Cyber Café Owners</h5><p>Registered cyber café operators providing voter services to customers.</p></div></div>
            <div class="eligibility-card"><div class="elig-icon yellow"><i class="fas fa-user-tie"></i></div><div class="elig-text"><h5>Individual Operators</h5><p>Any registered operator with an active and funded wallet on the platform.</p></div></div>
            <div class="eligibility-card"><div class="elig-icon orange"><i class="fas fa-building"></i></div><div class="elig-text"><h5>Distributor Partners</h5><p>Distributor-level accounts managing multiple sub-operators under them.</p></div></div>
        </div>
    </div>
</section>

<!-- ===================== FAQ ===================== -->
<section class="section">
    <div class="container">
        <div class="section-header">
            <div class="section-badge fade-in"><i class="fas fa-question-circle"></i> FAQ</div>
            <h2 class="section-title fade-in">Common <span class="highlight">Questions</span></h2>
            <div class="divider-line"></div>
        </div>
        <div class="faq-container fade-in">
            <div class="faq-item">
                <div class="faq-question" role="button" tabindex="0">
                    <span class="faq-q-text">Can I find a voter ID if I only have the name?</span>
                    <div class="faq-toggle"><i class="fas fa-plus"></i></div>
                </div>
                <div class="faq-answer"><div class="faq-answer-inner">Yes. Our portal allows you to search by voter name along with date of birth, father's/husband's name, and district to find the matching voter record from the ECI database.</div></div>
            </div>
            <div class="faq-item">
                <div class="faq-question" role="button" tabindex="0">
                    <span class="faq-q-text">Is the Voter ID printed via this service legally valid?</span>
                    <div class="faq-toggle"><i class="fas fa-plus"></i></div>
                </div>
                <div class="faq-answer"><div class="faq-answer-inner">We print the official e-EPIC (Electronic Electoral Photo Identity Card) downloaded from the ECI portal. The e-EPIC is officially recognized by the Election Commission of India as a valid voter ID proof.</div></div>
            </div>
            <div class="faq-item">
                <div class="faq-question" role="button" tabindex="0">
                    <span class="faq-q-text">Does the print include constituency and booth details?</span>
                    <div class="faq-toggle"><i class="fas fa-plus"></i></div>
                </div>
                <div class="faq-answer"><div class="faq-answer-inner">Yes. Our PVC card format includes all available voter information including constituency name, part number, serial number, polling station name, and address.</div></div>
            </div>
            <div class="faq-item">
                <div class="faq-question" role="button" tabindex="0">
                    <span class="faq-q-text">What states are supported?</span>
                    <div class="faq-toggle"><i class="fas fa-plus"></i></div>
                </div>
                <div class="faq-answer"><div class="faq-answer-inner">All 28 states and 8 Union Territories of India are supported. The service pulls data from the national ECI voter database and covers every parliamentary and assembly constituency.</div></div>
            </div>
            <div class="faq-item">
                <div class="faq-question" role="button" tabindex="0">
                    <span class="faq-q-text">Can I correct errors in voter details via this service?</span>
                    <div class="faq-toggle"><i class="fas fa-plus"></i></div>
                </div>
                <div class="faq-answer"><div class="faq-answer-inner">This service is for printing only. To correct voter details (name, photo, address), customers need to visit the official NVSP portal (nvsp.in) or their local Election Commission office to submit a correction application.</div></div>
            </div>
        </div>
    </div>
</section>

<!-- ===================== SUPPORT ===================== -->
<section class="section section-alt">
    <div class="container">
        <div class="support-grid fade-in">
            <a href="https://wa.me/91<?php echo htmlspecialchars($phone); ?>" class="support-card"><div class="support-icon" style="background:rgba(37,211,102,0.1);color:#25d366;"><i class="fab fa-whatsapp"></i></div><h5>WhatsApp</h5><p>+91 <?php echo htmlspecialchars($phone); ?></p></a>
            <a href="mailto:<?php echo htmlspecialchars($email); ?>" class="support-card"><div class="support-icon" style="background:rgba(67,97,238,0.1);color:var(--primary-color);"><i class="fas fa-envelope"></i></div><h5>Email</h5><p><?php echo htmlspecialchars($email); ?></p></a>
            <a href="<?php echo $base; ?>dashboard/helpdesk.php" class="support-card"><div class="support-icon" style="background:rgba(255,190,11,0.1);color:var(--secondary-color);"><i class="fas fa-ticket-alt"></i></div><h5>Helpdesk</h5><p>Raise a support ticket</p></a>
            <div class="support-card" style="cursor:default;"><div class="support-icon" style="background:rgba(6,214,160,0.1);color:var(--success-color);"><i class="fas fa-clock"></i></div><h5>Hours</h5><p>Mon–Sat: 10 AM – 7 PM</p></div>
        </div>
        <div class="support-cta fade-in">
            <h3>Start Printing Voter ID Cards Today</h3>
            <p>Trusted by thousands of operators across India for fast &amp; reliable voter card printing.</p>
            <a href="<?php echo $base; ?>dashboard/register.php" class="btn btn-white large-btn"><i class="fas fa-rocket"></i> Register Now — It's Free</a>
        </div>
    </div>
</section>

<!-- ===================== RELATED SERVICES ===================== -->
<section class="section">
    <div class="container">
        <div class="section-header">
            <div class="section-badge fade-in"><i class="fas fa-th"></i> More Services</div>
            <h2 class="section-title fade-in">Explore <span class="highlight">Other Services</span></h2>
            <div class="divider-line"></div>
        </div>
        <div class="related-grid fade-in">
            <a href="aadhaar-titan-print.php" class="related-card"><div class="related-icon"><i class="fas fa-fingerprint"></i></div><h5>Aadhaar Print</h5><p>PVC Aadhaar card</p></a>
            <div class="related-card related-active"><div class="related-icon"><i class="fas fa-vote-yea"></i></div><h5>Voter ID Print</h5><p>Currently viewing</p></div>
            <a href="driving-license-print.php" class="related-card"><div class="related-icon"><i class="fas fa-car"></i></div><h5>DL Print</h5><p>Driving License card</p></a>
            <a href="pan-find-portal.php" class="related-card"><div class="related-icon"><i class="fas fa-search"></i></div><h5>PAN Portal</h5><p>Find &amp; print PAN</p></a>
            <a href="rc-titan-print.php" class="related-card"><div class="related-icon"><i class="fas fa-truck"></i></div><h5>RC Print</h5><p>Vehicle RC print</p></a>
            <a href="csc-titan-print.php" class="related-card"><div class="related-icon"><i class="fas fa-network-wired"></i></div><h5>CSC Print</h5><p>CSC center services</p></a>
        </div>
    </div>
</section>

<?php require_once 'service-footer.php'; ?>
