<?php $site_name = "{{DOMAIN}}"; ?>
<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Landing Page - <?=$site_name?></title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
</head>
<body>
    <div class="min-h-screen bg-gradient-to-br from-indigo-600 to-purple-600">
        <div class="max-w-7xl mx-auto px-4 py-20">
            <div class="text-center text-white">
                <h1 class="text-5xl md:text-6xl font-bold mb-6"><?=$site_name?></h1>
                <p class="text-xl md:text-2xl text-indigo-200 mb-8">Giải pháp hoàn hảo cho doanh nghiệp của bạn</p>
                <div class="flex flex-wrap justify-center gap-4">
                    <a href="#" class="px-8 py-4 bg-white text-indigo-600 rounded-xl font-bold hover:bg-indigo-50 transition">Bắt đầu ngay</a>
                    <a href="#" class="px-8 py-4 bg-indigo-500 text-white rounded-xl font-bold hover:bg-indigo-400 transition">Tìm hiểu thêm</a>
                </div>
                <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mt-20">
                    <div class="bg-white/10 backdrop-blur-lg rounded-2xl p-6 text-white">
                        <div class="text-4xl mb-4">🚀</div>
                        <h3 class="font-bold text-lg">Nhanh chóng</h3>
                        <p class="text-indigo-200">Triển khai trong vài phút</p>
                    </div>
                    <div class="bg-white/10 backdrop-blur-lg rounded-2xl p-6 text-white">
                        <div class="text-4xl mb-4">🔒</div>
                        <h3 class="font-bold text-lg">Bảo mật</h3>
                        <p class="text-indigo-200">Dữ liệu an toàn tuyệt đối</p>
                    </div>
                    <div class="bg-white/10 backdrop-blur-lg rounded-2xl p-6 text-white">
                        <div class="text-4xl mb-4">💎</div>
                        <h3 class="font-bold text-lg">Chuyên nghiệp</h3>
                        <p class="text-indigo-200">Giao diện hiện đại</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>