<![CDATA[<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI Future UI</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<!-- Glow Effects -->
<div class="glow-bg top-0 left-0"></div>
<div class="glow-bg bottom-0 right-0"></div>
<!-- HERO -->
<section class="max-w-7xl mx-auto px-6 py-20 grid md:grid-cols-2 gap-12 items-center">
<!-- Text -->
<div>
<h1 class="text-5xl font-bold leading-tight text-white">
Build the Future with <span class="text-purple-400">AI Technology</span>
</h1>
<p class="text-gray-300 mt-6">
Create powerful AI-driven experiences with modern tools, automation, and intelligent systems.
</p>
<div class="mt-8 flex gap-4">
<button class="btn text-white">Get Started</button>
<button class="border border-gray-500 text-white px-6 py-2 rounded-full">Learn More</button>
</div>
</div>
<!-- Image (UPDATED) -->
<div class="float">
<img decoding="async" src="https://images.unsplash.com/photo-1674027444485-cec3da58eef4?q=80&w=900&auto=format&fit=crop" class="rounded-2xl shadow-2xl" alt="Photo 1674027444485 Cec3da58eef4?q=80&w=900&auto=format&fit=crop" title="Elementor #9315">
</div>
</section>
<!-- FEATURES -->
<section class="max-w-7xl mx-auto px-6 py-20">
<h2 class="text-3xl font-semibold text-center mb-14 text-white">
Powerful AI Features
</h2>
<div class="grid md:grid-cols-3 gap-8">
<div class="card">
<h3 class="text-xl font-semibold text-white">Automation</h3>
<p class="text-gray-300 mt-3 text-sm">
Automate repetitive tasks with intelligent AI workflows.
</p>
</div>
<div class="card">
<h3 class="text-xl font-semibold text-white">Smart Analytics</h3>
<p class="text-gray-300 mt-3 text-sm">
Gain insights with AI-powered analytics and predictions.
</p>
</div>
<div class="card">
<h3 class="text-xl font-semibold text-white">Cloud AI</h3>
<p class="text-gray-300 mt-3 text-sm">
Secure and scalable AI solutions hosted in the cloud.
</p>
</div>
</div>
</section>
<!-- CTA -->
<section class="text-center py-20">
<h2 class="text-4xl font-bold text-white">
Ready to Build with AI?
</h2>
<p class="text-gray-300 mt-4">
Start your journey today and create something amazing.
</p>
<button class="btn mt-6 text-white">Start Now</button>
</section>
</body>
</html>]]>
