Jimbo2021/leafydreamscapes
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>LeafyDreamscapes 🌿 | Your Landscape Vision</title>7 <link rel="icon" type="image/x-icon" href="/static/favicon.ico">8 <script src="https://cdn.tailwindcss.com"></script>9 <script src="https://unpkg.com/feather-icons"></script>10</head>11<body class="bg-gray-50">12 <nav class="bg-white shadow-sm">13 <div class="max-w-7xl mx-auto px-4 py-4">14 <div class="flex justify-between items-center">15 <div class="flex items-center space-x-2">16 <i data-feather="leaf" class="text-green-600"></i>17 <span class="font-bold text-lg">LeafyDreamscapes</span>18 </div>19 <div class="hidden md:flex space-x-6">20 <a href="#" class="text-gray-600 hover:text-green-600">Home</a>21 <a href="#" class="text-gray-600 hover:text-green-600">Services</a>22 <a href="#" class="text-gray-600 hover:text-green-600">About</a>23 <a href="#" class="text-gray-600 hover:text-green-600">Contact</a>24 </div>25 <button class="md:hidden">26 <i data-feather="menu"></i>27 </button>28 </div>29 </div>30 </nav>31 32 <main class="max-w-7xl mx-auto px-4 py-12">33 <div class="text-center">34 <h1 class="text-4xl font-bold text-gray-800 mb-4">Crafting Your Outdoor Paradise</h1>35 <p class="text-xl text-gray-600 mb-8">Transform your space with our expert landscape design and installation services</p>36 <button class="bg-green-600 hover:bg-green-700 text-white px-6 py-3 rounded-lg font-medium transition">Get Started</button>37 </div>38 </main>39 40 <footer class="bg-gray-800 text-white py-8">41 <div class="max-w-7xl mx-auto px-4 text-center">42 <p>© 2023 LeafyDreamscapes. All rights reserved.</p>43 </div>44 </footer>45 46 <script>47 feather.replace();48 </script>49</body>50</html>