Create a modern, professional website for Greater Heights Drone Solutions using the attached logo. The design should feature a green, black, and silver color scheme with a sleek, high-tech look.
Browse filesHeader: Place the logo prominently in the top left. Navigation bar on the right with links: Home, Services, About Us, Contact.
Hero Section: Full-width background (black/silver gradient with drone imagery), headline: “Precision Agriculture from Greater Heights”, subtext: “Advanced drone spraying and aerial solutions across Mississippi.” Include a bold green “Get a Quote” button.
Services Section: Use cards with icons for Drone Spraying, Field Mapping, Crop Monitoring, Chemical Solutions.
About Section: Professional imagery of drones and farmland. Text block about innovation, safety, and efficiency.
Contact Section: Simple contact form (Name, Email, Phone, Message) with a call-to-action: “Partner with Greater Heights today.”
Footer: Black background with silver text, quick links, and contact info.
Overall style: Clean, sharp, and futuristic with bold green highlights against black and silver. Smooth scrolling and responsive mobile-friendly layout.
- README.md +7 -4
- index.html +282 -18
README.md
CHANGED
|
@@ -1,10 +1,13 @@
|
|
| 1 |
---
|
| 2 |
-
title:
|
| 3 |
-
emoji: 🦀
|
| 4 |
colorFrom: red
|
| 5 |
-
colorTo:
|
|
|
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
|
|
|
|
|
|
| 8 |
---
|
| 9 |
|
| 10 |
-
|
|
|
|
|
|
| 1 |
---
|
| 2 |
+
title: SkySage Drone Solutions
|
|
|
|
| 3 |
colorFrom: red
|
| 4 |
+
colorTo: green
|
| 5 |
+
emoji: 🐳
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
| 8 |
+
tags:
|
| 9 |
+
- deepsite-v3
|
| 10 |
---
|
| 11 |
|
| 12 |
+
# Welcome to your new DeepSite project!
|
| 13 |
+
This project was created with [DeepSite](https://deepsite.hf.co).
|
index.html
CHANGED
|
@@ -1,19 +1,283 @@
|
|
| 1 |
-
<!
|
| 2 |
-
<html>
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 19 |
</html>
|
|
|
|
| 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>SkySage Drone Solutions | Precision Agriculture</title>
|
| 7 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
| 8 |
+
<script src="https://unpkg.com/feather-icons"></script>
|
| 9 |
+
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
| 10 |
+
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
|
| 11 |
+
<style>
|
| 12 |
+
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');
|
| 13 |
+
body {
|
| 14 |
+
font-family: 'Montserrat', sans-serif;
|
| 15 |
+
scroll-behavior: smooth;
|
| 16 |
+
}
|
| 17 |
+
.gradient-bg {
|
| 18 |
+
background: linear-gradient(135deg, #111827 0%, #1f2937 100%);
|
| 19 |
+
}
|
| 20 |
+
.card-hover:hover {
|
| 21 |
+
transform: translateY(-5px);
|
| 22 |
+
box-shadow: 0 10px 25px rgba(34, 197, 94, 0.2);
|
| 23 |
+
}
|
| 24 |
+
.input-focus:focus {
|
| 25 |
+
border-color: #10b981;
|
| 26 |
+
box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.25);
|
| 27 |
+
}
|
| 28 |
+
.hero-overlay {
|
| 29 |
+
background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(75, 85, 99, 0.3));
|
| 30 |
+
}
|
| 31 |
+
</style>
|
| 32 |
+
</head>
|
| 33 |
+
<body class="bg-gray-900 text-gray-200">
|
| 34 |
+
<!-- Header -->
|
| 35 |
+
<header class="fixed w-full z-50 gradient-bg shadow-lg">
|
| 36 |
+
<div class="container mx-auto px-6 py-4 flex justify-between items-center">
|
| 37 |
+
<div class="flex items-center">
|
| 38 |
+
<img src="http://static.photos/technology/200x200/42" alt="SkySage Logo" class="h-12 w-auto mr-2">
|
| 39 |
+
<span class="text-xl font-bold text-emerald-400">SkySage</span>
|
| 40 |
+
</div>
|
| 41 |
+
<nav class="hidden md:flex space-x-8">
|
| 42 |
+
<a href="#home" class="text-gray-300 hover:text-emerald-400 transition duration-300">Home</a>
|
| 43 |
+
<a href="#services" class="text-gray-300 hover:text-emerald-400 transition duration-300">Services</a>
|
| 44 |
+
<a href="#about" class="text-gray-300 hover:text-emerald-400 transition duration-300">About</a>
|
| 45 |
+
<a href="#contact" class="text-gray-300 hover:text-emerald-400 transition duration-300">Contact</a>
|
| 46 |
+
</nav>
|
| 47 |
+
<button class="md:hidden focus:outline-none">
|
| 48 |
+
<i data-feather="menu" class="text-gray-300 hover:text-emerald-400"></i>
|
| 49 |
+
</button>
|
| 50 |
+
</div>
|
| 51 |
+
</header>
|
| 52 |
+
|
| 53 |
+
<!-- Hero Section -->
|
| 54 |
+
<section id="home" class="relative h-screen flex items-center justify-center overflow-hidden">
|
| 55 |
+
<div class="absolute inset-0 hero-overlay"></div>
|
| 56 |
+
<img src="http://static.photos/aerial/1200x630/5" alt="Drone flying over farmland" class="absolute w-full h-full object-cover">
|
| 57 |
+
<div class="container mx-auto px-6 relative z-10 text-center">
|
| 58 |
+
<h1 class="text-4xl md:text-6xl font-bold mb-6 text-white">Precision Agriculture <br>from <span class="text-emerald-400">Greater Heights</span></h1>
|
| 59 |
+
<p class="text-xl md:text-2xl mb-8 text-gray-300 max-w-3xl mx-auto">Advanced drone spraying and aerial solutions across Mississippi</p>
|
| 60 |
+
<button class="bg-emerald-500 hover:bg-emerald-600 text-white font-bold py-3 px-8 rounded-full transition duration-300 transform hover:scale-105 shadow-lg">
|
| 61 |
+
Get a Quote
|
| 62 |
+
</button>
|
| 63 |
+
</div>
|
| 64 |
+
</section>
|
| 65 |
+
|
| 66 |
+
<!-- Services Section -->
|
| 67 |
+
<section id="services" class="py-20 gradient-bg">
|
| 68 |
+
<div class="container mx-auto px-6">
|
| 69 |
+
<h2 class="text-3xl md:text-4xl font-bold text-center mb-16 text-white">Our <span class="text-emerald-400">Services</span></h2>
|
| 70 |
+
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
|
| 71 |
+
<!-- Service Card 1 -->
|
| 72 |
+
<div class="bg-gray-800 rounded-xl p-8 border border-gray-700 card-hover transition duration-300">
|
| 73 |
+
<div class="w-16 h-16 bg-emerald-500 rounded-full flex items-center justify-center mb-6 mx-auto">
|
| 74 |
+
<i data-feather="droplet" class="text-white w-8 h-8"></i>
|
| 75 |
+
</div>
|
| 76 |
+
<h3 class="text-xl font-bold mb-4 text-center text-white">Drone Spraying</h3>
|
| 77 |
+
<p class="text-gray-400 text-center">Precision application of fertilizers and pesticides with minimal waste and maximum coverage.</p>
|
| 78 |
+
</div>
|
| 79 |
+
|
| 80 |
+
<!-- Service Card 2 -->
|
| 81 |
+
<div class="bg-gray-800 rounded-xl p-8 border border-gray-700 card-hover transition duration-300">
|
| 82 |
+
<div class="w-16 h-16 bg-emerald-500 rounded-full flex items-center justify-center mb-6 mx-auto">
|
| 83 |
+
<i data-feather="map" class="text-white w-8 h-8"></i>
|
| 84 |
+
</div>
|
| 85 |
+
<h3 class="text-xl font-bold mb-4 text-center text-white">Field Mapping</h3>
|
| 86 |
+
<p class="text-gray-400 text-center">High-resolution aerial mapping for precise field analysis and planning.</p>
|
| 87 |
+
</div>
|
| 88 |
+
|
| 89 |
+
<!-- Service Card 3 -->
|
| 90 |
+
<div class="bg-gray-800 rounded-xl p-8 border border-gray-700 card-hover transition duration-300">
|
| 91 |
+
<div class="w-16 h-16 bg-emerald-500 rounded-full flex items-center justify-center mb-6 mx-auto">
|
| 92 |
+
<i data-feather="eye" class="text-white w-8 h-8"></i>
|
| 93 |
+
</div>
|
| 94 |
+
<h3 class="text-xl font-bold mb-4 text-center text-white">Crop Monitoring</h3>
|
| 95 |
+
<p class="text-gray-400 text-center">Regular aerial inspections to detect issues early and optimize yields.</p>
|
| 96 |
+
</div>
|
| 97 |
+
|
| 98 |
+
<!-- Service Card 4 -->
|
| 99 |
+
<div class="bg-gray-800 rounded-xl p-8 border border-gray-700 card-hover transition duration-300">
|
| 100 |
+
<div class="w-16 h-16 bg-emerald-500 rounded-full flex items-center justify-center mb-6 mx-auto">
|
| 101 |
+
<i data-feather="zap" class="text-white w-8 h-8"></i>
|
| 102 |
+
</div>
|
| 103 |
+
<h3 class="text-xl font-bold mb-4 text-center text-white">Chemical Solutions</h3>
|
| 104 |
+
<p class="text-gray-400 text-center">Expert formulation and application of agricultural chemicals for optimal results.</p>
|
| 105 |
+
</div>
|
| 106 |
+
</div>
|
| 107 |
+
</div>
|
| 108 |
+
</section>
|
| 109 |
+
|
| 110 |
+
<!-- About Section -->
|
| 111 |
+
<section id="about" class="py-20 relative overflow-hidden">
|
| 112 |
+
<div class="absolute inset-0 bg-black opacity-70"></div>
|
| 113 |
+
<img src="http://static.photos/agriculture/1200x630/7" alt="Drone in farmland" class="absolute w-full h-full object-cover">
|
| 114 |
+
<div class="container mx-auto px-6 relative z-10">
|
| 115 |
+
<div class="max-w-4xl mx-auto">
|
| 116 |
+
<h2 class="text-3xl md:text-4xl font-bold mb-8 text-white">Innovating Agriculture <span class="text-emerald-400">from Above</span></h2>
|
| 117 |
+
<div class="h-1 w-20 bg-emerald-500 mb-8"></div>
|
| 118 |
+
<p class="text-lg text-gray-300 mb-6">
|
| 119 |
+
At SkySage Drone Solutions, we combine cutting-edge drone technology with agricultural expertise to revolutionize farming practices. Our team of FAA-certified pilots and agronomy specialists deliver precision solutions that increase efficiency while reducing environmental impact.
|
| 120 |
+
</p>
|
| 121 |
+
<p class="text-lg text-gray-300 mb-6">
|
| 122 |
+
Founded in 2018, we've become Mississippi's premier provider of aerial agricultural services, serving over 500 farms across the state. Our commitment to safety, innovation, and customer satisfaction sets us apart in this rapidly evolving industry.
|
| 123 |
+
</p>
|
| 124 |
+
<div class="flex flex-wrap gap-4 mt-8">
|
| 125 |
+
<div class="flex items-center">
|
| 126 |
+
<i data-feather="check-circle" class="text-emerald-400 mr-2"></i>
|
| 127 |
+
<span class="text-gray-300">FAA Certified Pilots</span>
|
| 128 |
+
</div>
|
| 129 |
+
<div class="flex items-center">
|
| 130 |
+
<i data-feather="check-circle" class="text-emerald-400 mr-2"></i>
|
| 131 |
+
<span class="text-gray-300">Precision Technology</span>
|
| 132 |
+
</div>
|
| 133 |
+
<div class="flex items-center">
|
| 134 |
+
<i data-feather="check-circle" class="text-emerald-400 mr-2"></i>
|
| 135 |
+
<span class="text-gray-300">Environmentally Conscious</span>
|
| 136 |
+
</div>
|
| 137 |
+
</div>
|
| 138 |
+
</div>
|
| 139 |
+
</div>
|
| 140 |
+
</section>
|
| 141 |
+
|
| 142 |
+
<!-- Contact Section -->
|
| 143 |
+
<section id="contact" class="py-20 bg-gray-800">
|
| 144 |
+
<div class="container mx-auto px-6">
|
| 145 |
+
<h2 class="text-3xl md:text-4xl font-bold mb-12 text-center text-white">Partner with <span class="text-emerald-400">SkySage</span> Today</h2>
|
| 146 |
+
<div class="max-w-4xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-12">
|
| 147 |
+
<div>
|
| 148 |
+
<form class="space-y-6">
|
| 149 |
+
<div>
|
| 150 |
+
<label for="name" class="block text-gray-300 mb-2">Full Name</label>
|
| 151 |
+
<input type="text" id="name" class="w-full px-4 py-3 bg-gray-700 border border-gray-600 rounded-lg focus:outline-none focus:border-emerald-500 text-white input-focus" placeholder="John Smith">
|
| 152 |
+
</div>
|
| 153 |
+
<div>
|
| 154 |
+
<label for="email" class="block text-gray-300 mb-2">Email Address</label>
|
| 155 |
+
<input type="email" id="email" class="w-full px-4 py-3 bg-gray-700 border border-gray-600 rounded-lg focus:outline-none focus:border-emerald-500 text-white input-focus" placeholder="john@example.com">
|
| 156 |
+
</div>
|
| 157 |
+
<div>
|
| 158 |
+
<label for="phone" class="block text-gray-300 mb-2">Phone Number</label>
|
| 159 |
+
<input type="tel" id="phone" class="w-full px-4 py-3 bg-gray-700 border border-gray-600 rounded-lg focus:outline-none focus:border-emerald-500 text-white input-focus" placeholder="(123) 456-7890">
|
| 160 |
+
</div>
|
| 161 |
+
<div>
|
| 162 |
+
<label for="message" class="block text-gray-300 mb-2">How Can We Help?</label>
|
| 163 |
+
<textarea id="message" rows="4" class="w-full px-4 py-3 bg-gray-700 border border-gray-600 rounded-lg focus:outline-none focus:border-emerald-500 text-white input-focus" placeholder="Tell us about your agricultural needs..."></textarea>
|
| 164 |
+
</div>
|
| 165 |
+
<button type="submit" class="w-full bg-emerald-500 hover:bg-emerald-600 text-white font-bold py-3 px-6 rounded-lg transition duration-300">
|
| 166 |
+
Send Message
|
| 167 |
+
</button>
|
| 168 |
+
</form>
|
| 169 |
+
</div>
|
| 170 |
+
<div class="flex flex-col justify-center">
|
| 171 |
+
<div class="bg-gray-700 p-8 rounded-xl">
|
| 172 |
+
<h3 class="text-xl font-bold mb-6 text-white">Contact Information</h3>
|
| 173 |
+
<div class="space-y-4">
|
| 174 |
+
<div class="flex items-start">
|
| 175 |
+
<i data-feather="mail" class="text-emerald-400 mt-1 mr-4"></i>
|
| 176 |
+
<div>
|
| 177 |
+
<h4 class="text-gray-400">Email</h4>
|
| 178 |
+
<p class="text-white">contact@skysage.com</p>
|
| 179 |
+
</div>
|
| 180 |
+
</div>
|
| 181 |
+
<div class="flex items-start">
|
| 182 |
+
<i data-feather="phone" class="text-emerald-400 mt-1 mr-4"></i>
|
| 183 |
+
<div>
|
| 184 |
+
<h4 class="text-gray-400">Phone</h4>
|
| 185 |
+
<p class="text-white">(601) 555-7890</p>
|
| 186 |
+
</div>
|
| 187 |
+
</div>
|
| 188 |
+
<div class="flex items-start">
|
| 189 |
+
<i data-feather="map-pin" class="text-emerald-400 mt-1 mr-4"></i>
|
| 190 |
+
<div>
|
| 191 |
+
<h4 class="text-gray-400">Office</h4>
|
| 192 |
+
<p class="text-white">123 Agricultural Way<br>Jackson, MS 39201</p>
|
| 193 |
+
</div>
|
| 194 |
+
</div>
|
| 195 |
+
</div>
|
| 196 |
+
<div class="mt-8 pt-6 border-t border-gray-600">
|
| 197 |
+
<h4 class="text-gray-400 mb-4">Business Hours</h4>
|
| 198 |
+
<p class="text-white">Monday - Friday: 8am - 6pm<br>Saturday: 9am - 2pm<br>Sunday: Closed</p>
|
| 199 |
+
</div>
|
| 200 |
+
</div>
|
| 201 |
+
</div>
|
| 202 |
+
</div>
|
| 203 |
+
</div>
|
| 204 |
+
</section>
|
| 205 |
+
|
| 206 |
+
<!-- Footer -->
|
| 207 |
+
<footer class="bg-gray-900 text-gray-400 py-12">
|
| 208 |
+
<div class="container mx-auto px-6">
|
| 209 |
+
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
|
| 210 |
+
<div>
|
| 211 |
+
<div class="flex items-center mb-4">
|
| 212 |
+
<img src="http://static.photos/technology/200x200/42" alt="SkySage Logo" class="h-10 w-auto mr-2">
|
| 213 |
+
<span class="text-lg font-bold text-emerald-400">SkySage</span>
|
| 214 |
+
</div>
|
| 215 |
+
<p class="mb-4">Precision agricultural drone services for modern farming.</p>
|
| 216 |
+
<div class="flex space-x-4">
|
| 217 |
+
<a href="#" class="text-gray-400 hover:text-emerald-400 transition duration-300">
|
| 218 |
+
<i data-feather="facebook"></i>
|
| 219 |
+
</a>
|
| 220 |
+
<a href="#" class="text-gray-400 hover:text-emerald-400 transition duration-300">
|
| 221 |
+
<i data-feather="twitter"></i>
|
| 222 |
+
</a>
|
| 223 |
+
<a href="#" class="text-gray-400 hover:text-emerald-400 transition duration-300">
|
| 224 |
+
<i data-feather="instagram"></i>
|
| 225 |
+
</a>
|
| 226 |
+
<a href="#" class="text-gray-400 hover:text-emerald-400 transition duration-300">
|
| 227 |
+
<i data-feather="linkedin"></i>
|
| 228 |
+
</a>
|
| 229 |
+
</div>
|
| 230 |
+
</div>
|
| 231 |
+
<div>
|
| 232 |
+
<h4 class="text-lg font-bold text-white mb-4">Quick Links</h4>
|
| 233 |
+
<ul class="space-y-2">
|
| 234 |
+
<li><a href="#home" class="hover:text-emerald-400 transition duration-300">Home</a></li>
|
| 235 |
+
<li><a href="#services" class="hover:text-emerald-400 transition duration-300">Services</a></li>
|
| 236 |
+
<li><a href="#about" class="hover:text-emerald-400 transition duration-300">About Us</a></li>
|
| 237 |
+
<li><a href="#contact" class="hover:text-emerald-400 transition duration-300">Contact</a></li>
|
| 238 |
+
</ul>
|
| 239 |
+
</div>
|
| 240 |
+
<div>
|
| 241 |
+
<h4 class="text-lg font-bold text-white mb-4">Services</h4>
|
| 242 |
+
<ul class="space-y-2">
|
| 243 |
+
<li><a href="#" class="hover:text-emerald-400 transition duration-300">Drone Spraying</a></li>
|
| 244 |
+
<li><a href="#" class="hover:text-emerald-400 transition duration-300">Field Mapping</a></li>
|
| 245 |
+
<li><a href="#" class="hover:text-emerald-400 transition duration-300">Crop Monitoring</a></li>
|
| 246 |
+
<li><a href="#" class="hover:text-emerald-400 transition duration-300">Chemical Solutions</a></li>
|
| 247 |
+
</ul>
|
| 248 |
+
</div>
|
| 249 |
+
<div>
|
| 250 |
+
<h4 class="text-lg font-bold text-white mb-4">Newsletter</h4>
|
| 251 |
+
<p class="mb-4">Subscribe to our newsletter for the latest updates.</p>
|
| 252 |
+
<form class="flex">
|
| 253 |
+
<input type="email" placeholder="Your email" class="px-4 py-2 bg-gray-800 text-white rounded-l-lg focus:outline-none focus:ring-2 focus:ring-emerald-500 w-full">
|
| 254 |
+
<button type="submit" class="bg-emerald-500 hover:bg-emerald-600 text-white px-4 py-2 rounded-r-lg transition duration-300">
|
| 255 |
+
<i data-feather="send"></i>
|
| 256 |
+
</button>
|
| 257 |
+
</form>
|
| 258 |
+
</div>
|
| 259 |
+
</div>
|
| 260 |
+
<div class="border-t border-gray-800 mt-12 pt-8 text-center">
|
| 261 |
+
<p>© 2023 SkySage Drone Solutions. All rights reserved.</p>
|
| 262 |
+
</div>
|
| 263 |
+
</div>
|
| 264 |
+
</footer>
|
| 265 |
+
|
| 266 |
+
<script>
|
| 267 |
+
feather.replace();
|
| 268 |
+
VANTA.GLOBE({
|
| 269 |
+
el: "#home",
|
| 270 |
+
mouseControls: true,
|
| 271 |
+
touchControls: true,
|
| 272 |
+
gyroControls: false,
|
| 273 |
+
minHeight: 200.00,
|
| 274 |
+
minWidth: 200.00,
|
| 275 |
+
scale: 1.00,
|
| 276 |
+
scaleMobile: 1.00,
|
| 277 |
+
color: "#10b981",
|
| 278 |
+
backgroundColor: "#111827",
|
| 279 |
+
size: 0.8
|
| 280 |
+
});
|
| 281 |
+
</script>
|
| 282 |
+
</body>
|
| 283 |
</html>
|