Hanzo-Community/analytics-dashboard
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Analytics Dashboard</title>7 <script src="https://cdn.tailwindcss.com"></script>8 <style>9 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');10 body { font-family: 'Inter', sans-serif; }11 </style>12</head>13<body>14 <div class="min-h-screen bg-gradient-to-b from-gray-50 to-white">15 <div class="max-w-7xl mx-auto px-4 py-16">16 <div class="text-center mb-12">17 <h1 class="text-4xl font-bold mb-4">Analytics Dashboard</h1>18 <p class="text-gray-600 mb-8">Data visualization dashboard</p>19 <div class="flex justify-center gap-4">20 <a href="https://hanzo.app/dev?template=https://github.com/Hanzo-Community/template-analytics-dashboard&action=deploy"21 class="px-6 py-3 bg-purple-600 text-white rounded-lg hover:bg-purple-700 transition">22 ⚡ Deploy to Hanzo23 </a>24 <a href="https://hanzo.app/dev?template=https://github.com/Hanzo-Community/template-analytics-dashboard&action=edit"25 class="px-6 py-3 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 transition">26 ✏️ Edit on Hanzo27 </a>28 </div>29 </div>30 <div class="bg-white rounded-lg shadow-xl p-8">31 <iframe src="preview.html" class="w-full h-[600px] rounded border"></iframe>32 </div>33 </div>34 </div>35</body>36</html>37