What if your day was as organized as your thoughts?

With our all-in-one Calendar & Todo App, productivity isn't just a goal.

It's your new lifestyle

<?php
// LocalTrust AI - Complete PHP Landing Page
// Save as index.php and upload to your hosting

// Check if form was submitted
$ai_response = '';
$review_input = '';
$business_type = 'restaurant';
$tone = 'professional';

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $review_input = htmlspecialchars($_POST['review_input'] ?? '');
    $business_type = $_POST['business_type'] ?? 'restaurant';
    $tone = $_POST['tone'] ?? 'professional';
    
    // Generate AI response (in production, connect to OpenAI API)
    $ai_response = generateAIResponse($review_input, $business_type, $tone);
}

function generateAIResponse($review, $business_type, $tone) {
    if (empty($review)) {
        return '<div class="text-gray-400 italic">Please enter a review first</div>';
    }
    
    // Sample AI responses (in production, use OpenAI API)
    $responses = [
        'restaurant' => [
            'professional' => "Thank you for your feedback. We sincerely apologize for the disappointing experience you had at our establishment. This is not the standard we strive for, and we've addressed this matter with our team to ensure proper training and service standards. We would appreciate the opportunity to make this right - please contact our manager directly at manager@email.com.",
            'empathetic' => "We're truly sorry to hear about your experience. We understand how frustrating this must have been, and we apologize for letting you down. Your feedback is invaluable in helping us improve. We hope you'll give us another chance to provide the excellent dining experience you deserve.",
            'friendly' => "Oh no! We're so sorry you had this experience. That's definitely not the standard we aim for. We've already spoken with our team to make sure this doesn't happen again. Next time you visit, please ask for me personally - I'd love to make it up to you!",
            'concise' => "We apologize for your experience and have addressed this with our team. Please contact us so we can make it right."
        ],
        'giftcard' => [
            'professional' => "Thank you for your feedback regarding our gift card exchange service. We aim to provide transparent, competitive pricing based on current market demand. Our rates fluctuate daily, but we always strive to offer fair value. Please visit us again or contact our pricing team for a personalized evaluation of your specific card.",
            'empathetic' => "We understand your concern and apologize if our offer didn't meet your expectations. Our pricing reflects current market conditions, which can change rapidly. We'd be happy to re-evaluate your specific card - market conditions may have shifted since your last visit.",
            'friendly' => "Hey there - we're sorry you felt our offer wasn't right! Our prices do change based on what's happening in the market. Swing by again or give us a call - we'd be happy to take another look at your card!",
            'concise' => "We apologize for any disappointment. Our rates vary with market demand. Contact us for a current evaluation."
        ],
        'retail' => [
            'professional' => "Thank you for bringing this to our attention. We apologize for the unsatisfactory experience with our product/service. Quality is our top priority, and we're investigating this matter. Please contact customer service at support@email.com so we can resolve this promptly.",
            'empathetic' => "We're sorry to hear about your experience and understand your frustration. This isn't the quality we promise our customers. We're looking into this immediately and would appreciate the chance to make things right for you.",
            'friendly' => "We're really sorry about this! That's not the experience we want you to have. We're on it and want to make things right. Reach out to us directly and we'll get this sorted!",
            'concise' => "Apologies for the issue. We're addressing this and will contact you to resolve it."
        ]
    ];
    
    $default_response = "Thank you for your feedback. We sincerely apologize for the negative experience you've had. We take all feedback seriously and are addressing this internally to improve our service. Please reach out to us directly at support@email.com so we can work to resolve this matter.";
    
    $response = $responses[$business_type][$tone] ?? $default_response;
    
    // Add some variety
    $variations = [
        "We value your business and are committed to improving.",
        "Your feedback helps us serve you better.",
        "We appreciate you bringing this to our attention."
    ];
    
    if (rand(0, 1)) {
        $response .= "\n\n" . $variations[array_rand($variations)];
    }
    
    return nl2br(htmlspecialchars($response));
}

// Track conversion (simple version)
if (isset($_GET['converted'])) {
    $conversion_time = date('Y-m-d H:i:s');
    file_put_contents('conversions.txt', "$conversion_time\n", FILE_APPEND);
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LocalTrust AI - AI Google Review Responder</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
        body { font-family: 'Inter', sans-serif; }
        .gradient-bg { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
        .gradient-text { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .gradient-button { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
        .glass-card { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); }
        .pricing-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(102, 126, 234, 0.2); }
        .animate-pulse-slow { animation: pulse 3s infinite; }
        @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.8; } }
        .review-placeholder::before { content: "Example: 'Waited 45 minutes past my appointment. Staff was rude...'"; color: #9ca3af; }
    </style>
</head>
<body class="bg-gray-900 text-white">
    <!-- Navigation -->
    <nav class="fixed w-full z-50 bg-gray-900/90 backdrop-blur-md border-b border-gray-800">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="flex justify-between items-center h-16">
                <div class="flex items-center">
                    <div class="flex items-center space-x-2">
                        <div class="w-8 h-8 gradient-bg rounded-lg flex items-center justify-center">
                            <i class="fas fa-robot text-white"></i>
                        </div>
                        <span class="text-xl font-bold gradient-text">LocalTrust AI</span>
                    </div>
                </div>
                <div class="flex items-center space-x-6">
                    <a href="#demo" class="text-gray-300 hover:text-white transition">Demo</a>
                    <a href="#pricing" class="text-gray-300 hover:text-white transition">Pricing</a>
                    <a href="#pricing" class="gradient-button text-white px-6 py-2 rounded-lg font-semibold hover:opacity-90 transition">Start Free Trial</a>
                </div>
            </div>
        </div>
    </nav>

    <!-- Hero Section -->
    <section class="pt-32 pb-20 px-4">
        <div class="max-w-7xl mx-auto">
            <div class="text-center">
                <h1 class="text-5xl md:text-7xl font-bold mb-6">
                    <span class="gradient-text">AI Writes Perfect</span><br>
                    <span class="text-white">Google Review Responses</span>
                </h1>
                <p class="text-xl text-gray-300 max-w-3xl mx-auto mb-10">
                    Save 10+ hours/month. Connect your Google Business Profile. Our AI handles every review.
                    <span class="text-yellow-400 font-semibold">14-day free trial. No credit card required.</span>
                </p>
                
                <div class="flex flex-col sm:flex-row gap-4 justify-center mb-16">
                    <a href="#pricing" class="gradient-button text-white px-8 py-4 rounded-xl font-bold text-lg hover:scale-105 transition transform">
                        <i class="fas fa-bolt mr-2"></i> Start Free Trial
                    </a>
                    <a href="#demo" class="bg-gray-800 text-white px-8 py-4 rounded-xl font-bold text-lg border border-gray-700 hover:bg-gray-700 transition">
                        <i class="fas fa-play-circle mr-2"></i> Try Live Demo
                    </a>
                </div>
                
                <!-- Stats -->
                <div class="grid grid-cols-2 md:grid-cols-4 gap-8 max-w-4xl mx-auto">
                    <div class="text-center">
                        <div class="text-3xl font-bold gradient-text">500+</div>
                        <div class="text-gray-400">Businesses</div>
                    </div>
                    <div class="text-center">
                        <div class="text-3xl font-bold gradient-text">94%</div>
                        <div class="text-gray-400">Faster</div>
                    </div>
                    <div class="text-center">
                        <div class="text-3xl font-bold gradient-text">4.8★</div>
                        <div class="text-gray-400">Rating</div>
                    </div>
                    <div class="text-center">
                        <div class="text-3xl font-bold gradient-text">47s</div>
                        <div class="text-gray-400">Response Time</div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Live Demo Section -->
    <section id="demo" class="py-20 px-4 bg-gray-800/50">
        <div class="max-w-7xl mx-auto">
            <h2 class="text-4xl font-bold text-center mb-4">Try the AI Yourself</h2>
            <p class="text-gray-300 text-center mb-12 max-w-2xl mx-auto">See how our AI transforms negative reviews into professional responses in seconds.</p>
            
            <form method="POST" action="" class="glass-card rounded-2xl p-6 md:p-8">
                <div class="grid md:grid-cols-2 gap-8">
                    <!-- Input Side -->
                    <div>
                        <h3 class="text-xl font-semibold mb-4"><i class="fas fa-edit text-purple-400 mr-2"></i> Paste a Google Review</h3>
                        <textarea name="review_input" rows="8" class="w-full bg-gray-900 border border-gray-700 rounded-xl p-4 text-white placeholder-gray-500 focus:ring-2 focus:ring-purple-500 focus:border-transparent" placeholder="Example: 'Terrible service! Waited 45 minutes past my appointment time...'"><?php echo $review_input; ?></textarea>
                        
                        <div class="mt-6">
                            <h4 class="font-semibold mb-3 text-gray-300">Business Type:</h4>
                            <div class="flex flex-wrap gap-2">
                                <?php 
                                $business_types = [
                                    'restaurant' => 'Restaurant',
                                    'retail' => 'Retail',
                                    'service' => 'Service',
                                    'medical' => 'Medical',
                                    'giftcard' => 'Gift Card Exchange'
                                ];
                                foreach ($business_types as $value => $label): ?>
                                    <label class="cursor-pointer">
                                        <input type="radio" name="business_type" value="<?php echo $value; ?>" class="hidden peer" <?php echo $business_type === $value ? 'checked' : ''; ?>>
                                        <span class="px-4 py-2 rounded-full bg-gray-900 border border-gray-700 peer-checked:bg-purple-600 peer-checked:border-purple-500 transition"><?php echo $label; ?></span>
                                    </label>
                                <?php endforeach; ?>
                            </div>
                        </div>
                        
                        <div class="mt-6">
                            <h4 class="font-semibold mb-3 text-gray-300">Response Tone:</h4>
                            <div class="flex flex-wrap gap-2">
                                <?php 
                                $tones = [
                                    'professional' => 'Professional',
                                    'empathetic' => 'Empathetic',
                                    'friendly' => 'Friendly',
                                    'concise' => 'Concise'
                                ];
                                foreach ($tones as $value => $label): ?>
                                    <label class="cursor-pointer">
                                        <input type="radio" name="tone" value="<?php echo $value; ?>" class="hidden peer" <?php echo $tone === $value ? 'checked' : ''; ?>>
                                        <span class="px-4 py-2 rounded-full bg-gray-900 border border-gray-700 peer-checked:bg-purple-600 peer-checked:border-purple-500 transition"><?php echo $label; ?></span>
                                    </label>
                                <?php endforeach; ?>
                            </div>
                        </div>
                        
                        <button type="submit" class="gradient-button w-full py-4 rounded-xl font-bold text-lg mt-8 hover:scale-105 transition transform">
                            <i class="fas fa-magic mr-2"></i> Generate AI Response
                        </button>
                    </div>
                    
                    <!-- Output Side -->
                    <div>
                        <div class="flex justify-between items-center mb-4">
                            <h3 class="text-xl font-semibold"><i class="fas fa-robot text-purple-400 mr-2"></i> AI-Generated Response</h3>
                            <?php if ($ai_response): ?>
                                <button type="button" onclick="copyToClipboard()" class="text-sm bg-gray-800 px-4 py-2 rounded-lg hover:bg-gray-700 transition">
                                    <i class="fas fa-copy mr-1"></i> Copy
                                </button>
                            <?php endif; ?>
                        </div>
                        <div class="bg-gray-900 border border-gray-700 rounded-xl p-6 h-full min-h-[300px]">
                            <?php if ($ai_response): ?>
                                <div id="aiResponse" class="text-gray-200 leading-relaxed"><?php echo $ai_response; ?></div>
                            <?php else: ?>
                                <div class="text-gray-400 italic h-full flex items-center justify-center">
                                    Your AI-generated response will appear here...
                                </div>
                            <?php endif; ?>
                        </div>
                        
                        <?php if ($ai_response): ?>
                        <div class="mt-6 p-4 bg-green-900/30 border border-green-800 rounded-xl">
                            <div class="flex items-center">
                                <i class="fas fa-check-circle text-green-400 text-xl mr-3"></i>
                                <div>
                                    <div class="font-semibold">Response Generated!</div>
                                    <div class="text-sm text-gray-300">Copy and use this response right now on your Google Business.</div>
                                </div>
                            </div>
                        </div>
                        <?php endif; ?>
                    </div>
                </div>
            </form>
            
            <div class="text-center mt-12">
                <p class="text-gray-400">Ready to automate ALL your reviews?</p>
                <a href="#pricing" class="inline-block gradient-button text-white px-8 py-4 rounded-xl font-bold text-lg mt-4 hover:scale-105 transition transform">
                    <i class="fas fa-rocket mr-2"></i> Start 14-Day Free Trial
                </a>
                <p class="text-gray-500 text-sm mt-2">No credit card required • Cancel anytime</p>
            </div>
        </div>
    </section>

    <!-- Pricing Section -->
    <section id="pricing" class="py-20 px-4">
        <div class="max-w-7xl mx-auto">
            <h2 class="text-4xl font-bold text-center mb-4">Simple, Transparent Pricing</h2>
            <p class="text-gray-300 text-center mb-12 max-w-2xl mx-auto">Start free. Upgrade when you see the value. Cancel if we don't save you 5+ hours/month.</p>
            
            <div class="grid md:grid-cols-3 gap-8">
                <!-- Starter Plan -->
                <div class="bg-gray-800 rounded-2xl p-8 border border-gray-700 pricing-card transition duration-300">
                    <h3 class="text-2xl font-bold mb-2">Starter</h3>
                    <p class="text-gray-400 mb-6">For solopreneurs & small shops</p>
                    <div class="text-5xl font-bold mb-6">$19<span class="text-xl text-gray-400">/month</span></div>
                    <ul class="space-y-4 mb-8">
                        <li class="flex items-center"><i class="fas fa-check text-green-400 mr-3"></i> 100 AI responses/month</li>
                        <li class="flex items-center"><i class="fas fa-check text-green-400 mr-3"></i> Basic response templates</li>
                        <li class="flex items-center"><i class="fas fa-check text-green-400 mr-3"></i> 24/7 review monitoring</li>
                        <li class="flex items-center"><i class="fas fa-check text-green-400 mr-3"></i> Email support</li>
                        <li class="flex items-center"><i class="fas fa-check text-green-400 mr-3"></i> 7-day free trial</li>
                    </ul>
                    <a href="#" class="block w-full bg-gray-700 text-white text-center py-4 rounded-xl font-semibold hover:bg-gray-600 transition">Start Free Trial</a>
                </div>
                
                <!-- Growth Plan (Popular) -->
                <div class="bg-gray-800 rounded-2xl p-8 border-2 border-purple-500 pricing-card relative transition duration-300">
                    <div class="absolute -top-3 left-1/2 transform -translate-x-1/2 bg-purple-500 text-white px-4 py-1 rounded-full text-sm font-bold">MOST POPULAR</div>
                    <h3 class="text-2xl font-bold mb-2">Growth</h3>
                    <p class="text-gray-400 mb-6">Perfect for growing businesses</p>
                    <div class="text-5xl font-bold mb-6">$49<span class="text-xl text-gray-400">/month</span></div>
                    <ul class="space-y-4 mb-8">
                        <li class="flex items-center"><i class="fas fa-check text-green-400 mr-3"></i> <span class="font-semibold">UNLIMITED AI responses</span></li>
                        <li class="flex items-center"><i class="fas fa-check text-green-400 mr-3"></i> Industry-specific templates</li>
                        <li class="flex items-center"><i class="fas fa-check text-green-400 mr-3"></i> Competitor monitoring</li>
                        <li class="flex items-center"><i class="fas fa-check text-green-400 mr-3"></i> Review analytics dashboard</li>
                        <li class="flex items-center"><i class="fas fa-check text-green-400 mr-3"></i> SMS alerts for 1-star reviews</li>
                        <li class="flex items-center"><i class="fas fa-check text-green-400 mr-3"></i> <span class="font-semibold">14-day free trial</span></li>
                    </ul>
                    <a href="#" class="block w-full gradient-button text-white text-center py-4 rounded-xl font-semibold hover:opacity-90 transition">Start 14-Day Trial</a>
                    <div class="text-center mt-4 text-gray-400 text-sm">
                        <i class="fas fa-calendar-alt mr-1"></i> <strong>Annual:</strong> $39/month (Save $120)
                    </div>
                </div>
                
                <!-- Agency Plan -->
                <div class="bg-gray-800 rounded-2xl p-8 border border-gray-700 pricing-card transition duration-300">
                    <h3 class="text-2xl font-bold mb-2">Agency</h3>
                    <p class="text-gray-400 mb-6">For marketing agencies & franchises</p>
                    <div class="text-5xl font-bold mb-6">$199<span class="text-xl text-gray-400">/month</span></div>
                    <ul class="space-y-4 mb-8">
                        <li class="flex items-center"><i class="fas fa-check text-green-400 mr-3"></i> Everything in Growth</li>
                        <li class="flex items-center"><i class="fas fa-check text-green-400 mr-3"></i> White-labeled dashboard</li>
                        <li class="flex items-center"><i class="fas fa-check text-green-400 mr-3"></i> Client management portal</li>
                        <li class="flex items-center"><i class="fas fa-check text-green-400 mr-3"></i> Custom AI training</li>
                        <li class="flex items-center"><i class="fas fa-check text-green-400 mr-3"></i> API access</li>
                        <li class="flex items-center"><i class="fas fa-check text-green-400 mr-3"></i> Priority phone support</li>
                    </ul>
                    <a href="#" class="block w-full bg-gray-700 text-white text-center py-4 rounded-xl font-semibold hover:bg-gray-600 transition">Schedule Demo</a>
                </div>
            </div>
            
            <!-- Guarantee -->
            <div class="text-center mt-16 max-w-3xl mx-auto">
                <div class="bg-gray-800/50 rounded-2xl p-8 border border-gray-700">
                    <i class="fas fa-shield-alt text-4xl text-green-400 mb-4"></i>
                    <h3 class="text-2xl font-bold mb-4">30-Day Money-Back Guarantee</h3>
                    <p class="text-gray-300">If LocalTrust AI doesn't save you at least 5 hours in your first month, email me personally and I'll refund every penny. No questions asked.</p>
                    <p class="text-gray-400 text-sm mt-4">Built by a gift card exchange owner who actually needed this solution.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="bg-gray-900 border-t border-gray-800 py-12 px-4">
        <div class="max-w-7xl mx-auto">
            <div class="grid md:grid-cols-4 gap-8 mb-12">
                <div>
                    <div class="flex items-center space-x-2 mb-6">
                        <div class="w-8 h-8 gradient-bg rounded-lg flex items-center justify-center">
                            <i class="fas fa-robot text-white"></i>
                        </div>
                        <span class="text-xl font-bold gradient-text">LocalTrust AI</span>
                    </div>
                    <p class="text-gray-400">AI-powered review responses that actually work. Built by business owners, for business owners.</p>
                </div>
                <div>
                    <h4 class="font-bold text-lg mb-4">Product</h4>
                    <ul class="space-y-2">
                        <li><a href="#demo" class="text-gray-400 hover:text-white transition">Live Demo</a></li>
                        <li><a href="#pricing" class="text-gray-400 hover:text-white transition">Pricing</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white transition">API Docs</a></li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg mb-4">Company</h4>
                    <ul class="space-y-2">
                        <li><a href="#" class="text-gray-400 hover:text-white transition">About</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white transition">Blog</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white transition">Contact</a></li>
                    </ul>
                </div>
                <div>
                    <h4 class="font-bold text-lg mb-4">Legal</h4>
                    <ul class="space-y-2">
                        <li><a href="#" class="text-gray-400 hover:text-white transition">Privacy</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white transition">Terms</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white transition">GDPR</a></li>
                    </ul>
                </div>
            </div>
            
            <div class="border-t border-gray-800 pt-8 text-center text-gray-500 text-sm">
                <p>© 2024 LocalTrust AI. All rights reserved.</p>
                <p class="mt-2">Built by a gift card exchange owner who actually needed this solution.</p>
            </div>
        </div>
    </footer>

    <!-- JavaScript -->
    <script>
        function copyToClipboard() {
            const aiResponse = document.getElementById('aiResponse');
            const text = aiResponse.innerText;
            
            navigator.clipboard.writeText(text).then(() => {
                alert('Response copied to clipboard!');
            });
        }
        
        // Smooth scrolling
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                const targetId = this.getAttribute('href');
                if (targetId === '#') return;
                
                const targetElement = document.querySelector(targetId);
                if (targetElement) {
                    window.scrollTo({
                        top: targetElement.offsetTop - 80,
                        behavior: 'smooth'
                    });
                }
            });
        });
        
        // Form submission feedback
        const form = document.querySelector('form');
        if (form) {
            form.addEventListener('submit', function() {
                const button = this.querySelector('button[type="submit"]');
                const originalText = button.innerHTML;
                button.innerHTML = '<i class="fas fa-spinner fa-spin mr-2"></i> Generating...';
                button.disabled = true;
                
                setTimeout(() => {
                    button.innerHTML = originalText;
                    button.disabled = false;
                }, 1500);
            });
        }
    </script>
</body>
</html>

✨ Product Description:

Stay Ahead. Stay Organized. Stay in Control — Even Offline.

Introducing the Calendar & Todo App – your ultimate productivity companion. Whether you're managing deadlines, juggling meetings, or organizing personal goals, this intuitive app seamlessly merges your schedule and tasks in one sleek, customizable interface.

✅ All-in-One View: View your calendar events and prioritized tasks side-by-side for total clarity.
🔄 Dynamic Layout: Toggle between column and stacked views for the perfect workflow.
📌 Smart Highlighting: Today’s date is boldly emphasized so you never lose track.
📴 Offline Friendly: No internet required to manage your day. Use it anytime, anywhere.
🔥 Quick Edits & Deletes: Modify or remove events and tasks with one click.
📱 Responsive & Modern Design: Works beautifully across desktop, tablet, and mobile.

Whether you're a student, freelancer, executive, or parent—this tool adapts to you.