<?php
// Site Configuration
define('SITE_TITLE', 'Save Money with Smart Coupon Finder');
define('AFFILIATE_LINK', 'https://afflat3e3.com/trk/lnk/CF3CDE3F-05E3-4D68-B737-4BC383F56C17/?o=27564&c=918277&a=595514&k=EF0C1DE58E674CEB9572B3DE57B0B614&l=29811');
define('MERCHANT_COUNT', '200,000');

// Store list
$all_stores = [
    'Amazon', 'Walmart', 'Target', 'Nike', 'Apple', 'Old Navy', 
    'Lowe\'s', 'Booking.com', 'ASOS', 'Sephora', 'Kohl\'s', 
    'Macy\'s', 'Walgreens', 'eBay', 'Best Buy', 'AliExpress', 'SHEIN', '& More!'
];
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo SITE_TITLE; ?></title>
    <style>
        :root {
            --primary: #F63E24;
            --primary-dark: #e02e14;
            --accent: #F63E24;
            --background: #FEFBF6;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            line-height: 1.6;
            color: #1f2937;
            background-color: var(--background);
        }

        .container {
            max-width: 1024px;
            margin: 0 auto;
            padding: 0 1rem;
        }

        .hero {
            background: var(--background);
            color: #1f2937;
            padding: 4rem 1rem;
            text-align: center;
        }

        h1 {
            font-size: 2.5rem;
            margin-bottom: 1rem;
            line-height: 1.2;
        }

        .subtitle {
            font-size: 1.25rem;
            margin-bottom: 2rem;
            opacity: 0.9;
        }

        .merchant-counter {
            font-size: 2.5rem;
            font-weight: bold;
            color: var(--primary);
            margin: 1rem 0;
            text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
        }

        .stores-section {
            margin-top: 2rem;
            text-align: center;
            background: white;
            padding: 2rem;
            border-radius: 12px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        }

        .stores-section h3 {
            color: #1f2937;
            font-size: 1.5rem;
            margin-bottom: 1.5rem;
        }

        .stores-list {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
            gap: 1rem;
            margin-top: 1.5rem;
        }

        .store-item {
            padding: 0.75rem;
            color: #4b5563;
            font-weight: 500;
            background: var(--background);
            border-radius: 8px;
            transition: transform 0.2s;
        }

        .store-item:hover {
            transform: translateY(-2px);
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }

        .chrome-badge {
            background: #f8f9fa;
            border-radius: 12px;
            padding: 0.5rem 1rem;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            margin: 1rem 0;
            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        }

        .cta-button {
            display: inline-block;
            background-color: var(--primary);
            color: white;
            padding: 1rem 2rem;
            border-radius: 8px;
            font-size: 1.25rem;
            font-weight: 600;
            text-decoration: none;
            transition: transform 0.2s, background-color 0.2s;
            margin: 1rem 0;
        }

        .cta-button:hover {
            background-color: var(--primary-dark);
            transform: translateY(-2px);
        }

        .trust-badges {
            display: flex;
            justify-content: center;
            gap: 2rem;
            margin-top: 2rem;
        }

        .trust-badge {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            color: #1f2937;
            background: white;
            padding: 0.5rem 1rem;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        }

        .features {
            padding: 4rem 1rem;
            background: white;
        }

        .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 2rem;
            margin-top: 2rem;
        }

        .feature-card {
            padding: 1.5rem;
            border-radius: 8px;
            background: var(--background);
            text-align: center;
        }

        .feature-card h3 {
            color: #1f2937;
            margin-bottom: 0.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
        }

        .feature-card p {
            color: #4b5563;
        }

        .emoji {
            font-size: 1.5rem;
        }

        .testimonials {
            background: var(--background);
            padding: 4rem 1rem;
        }

        .footer {
            background: #f8f9fa;
            padding: 2rem 1rem;
            text-align: center;
            font-size: 0.875rem;
            color: #6b7280;
        }

        @media (max-width: 768px) {
            h1 {
                font-size: 2rem;
            }
            
            .features-grid {
                grid-template-columns: 1fr;
            }

            .trust-badges {
                flex-direction: column;
                align-items: center;
            }
        }
    </style>
</head>
<body>
    <section class="hero">
        <div class="container">
            <h1>Tired of Expired Coupon Codes?</h1>
            <p class="subtitle">Find and apply working coupon codes automatically while you shop. Save time and money with just one click!</p>
            <div class="merchant-counter">Over <?php echo MERCHANT_COUNT; ?> Merchant Offers Available</div>
            
            <div class="stores-section">
                <h3>Works with Your Favorite Stores:</h3>
                <div class="stores-list">
                    <?php foreach ($all_stores as $store): ?>
                    <div class="store-item"><?php echo htmlspecialchars($store); ?></div>
                    <?php endforeach; ?>
                </div>
            </div>

            <div class="chrome-badge">
                <span>🌟 Chrome Extension</span>
                <span>•</span>
                <span>Free Forever</span>
            </div>
            
            <a href="<?php echo AFFILIATE_LINK; ?>" class="cta-button">Get Free Coupon Finder</a>
            
            <div class="trust-badges">
                <div class="trust-badge">
                    <span>★★★★★</span>
                    <span>4.8/5 Rating</span>
                </div>
                <div class="trust-badge">
                    <span>🛡️</span>
                    <span>100% Safe & Secure</span>
                </div>
            </div>
        </div>
    </section>

    <section class="features">
        <div class="container">
            <div class="features-grid">
                <div class="feature-card">
                    <h3><span class="emoji">✨</span>Automatic Coupons</h3>
                    <p>Coupons are automatically applied at checkout - no searching or copying needed!</p>
                </div>
                <div class="feature-card">
                    <h3><span class="emoji">💰</span>Earn Cash Back</h3>
                    <p>Get automatic cash back from thousands of your favorite stores while you shop</p>
                </div>
                <div class="feature-card">
                    <h3><span class="emoji">📊</span>Amazon Price Checker</h3>
                    <p>Find better prices on Amazon and see price history before you buy</p>
                </div>
            </div>
        </div>
    </section>

    <section class="testimonials">
        <div class="container">
            <h2 style="text-align: center; margin-bottom: 2rem;">What People Are Saying</h2>
            <div class="features-grid">
                <div class="feature-card">
                    <p>"Found a 50% off code that actually worked! Saved me so much time."</p>
                    <p style="margin-top: 1rem; font-weight: bold;">- Sarah M.</p>
                    <p class="store-name">Saved at Amazon</p>
                </div>
                <div class="feature-card">
                    <p>"Finally, no more searching through endless coupon sites!"</p>
                    <p style="margin-top: 1rem; font-weight: bold;">- Mike R.</p>
                    <p class="store-name">Saved at Target</p>
                </div>
                <div class="feature-card">
                    <p>"This extension pays for itself. Already saved hundreds on shopping."</p>
                    <p style="margin-top: 1rem; font-weight: bold;">- Jessica K.</p>
                    <p class="store-name">Saved at Walmart</p>
                </div>
            </div>
            <div style="text-align: center; margin-top: 3rem;">
                <a href="<?php echo AFFILIATE_LINK; ?>" class="cta-button">Install Free Coupon Finder</a>
                <p style="margin-top: 1rem; color: #4b5563;">Takes 30 seconds to install • Always Free</p>
            </div>
        </div>
    </section>

    <footer class="footer">
        <div class="container">
            <p>Disclosure: Some of the links on this page are affiliate links. This means if you click on the link and install the extension, we may receive a commission at no additional cost to you. This helps support our team and enables us to continue providing this service for free. We only recommend products we trust and use ourselves.</p>
        </div>
    </footer>

    <!-- Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-5W485MVVRG"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-5W485MVVRG');
    </script>

    <!-- Tawk.to -->
    <script type="text/javascript">
        var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
        (function(){
            var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
            s1.async=true;
            s1.src='https://embed.tawk.to/675a080f49e2fd8dfef6a2bb/1ierquv9t';
            s1.charset='UTF-8';
            s1.setAttribute('crossorigin','*');
            s0.parentNode.insertBefore(s1,s0);
        })();
    </script>
</body>
</html>