<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI Automation Consulting</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
}
.futuristic-blue {
color: #6ee7b7; /* A bright, futuristic blue/teal */
}
.section-title {
font-size: 2.25rem; /* slightly larger */
font-weight: 600;
color: #1e293b; /* Darker heading color */
margin-bottom: 1.5rem;
text-align: center; /* Center align headings */
}
.section-subtitle {
font-size: 1.25rem; /* slightly larger */
color: #4b5563;
margin-bottom: 2rem;
text-align: center; /* Center align subtitles */
}
.cta-button {
background-image: linear-gradient(to right, #6ee7b7, #3b82f6); /* Gradient CTA */
color: white;
padding: 0.75rem 2rem;
border-radius: 0.5rem;
font-weight: 500;
transition: transform 0.2s ease, box-shadow 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.cta-button:hover {
transform: translateY(-2px) scale(1.05);
box-shadow: 0 6px 8px -1px rgba(0, 0, 0, 0.15), 0 3px 5px -1px rgba(0, 0, 0, 0.08);
}
.outline-button {
border: 2px solid #6ee7b7;
color: #6ee7b7;
padding: 0.75rem 2rem;
border-radius: 0.5rem;
font-weight: 500;
transition: background-color 0.3s ease, color 0.3s ease;
}
.outline-button:hover {
background-color: #6ee7b7;
color: #1e293b;
}
/* Specific styling for the form */
#newsletter-form {
display: flex;
flex-direction: column;
align-items: center;
padding: 1.5rem;
background-color: #f3f4f6; /* Light background for form */
border-radius: 0.75rem;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
margin-top: 1rem;
}
#newsletter-form input {
margin-bottom: 1rem;
padding: 0.75rem;
border-radius: 0.375rem;
border: 1px solid #d1d5db;
width: 100%;
max-width: 320px; /* Increased max-width for input */
font-size: 1rem;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.06); /* Subtle inset shadow */
}
#newsletter-form button {
width: 100%;
max-width: 320px; /* Increased max-width for button */
}
@media (min-width: 768px) {
#newsletter-form {
flex-direction: row;
justify-content: center;
}
#newsletter-form input {
margin-right: 1rem;
margin-bottom: 0;
width: auto; /* Adjust width for side-by-side layout */
}
#newsletter-form button {
width: auto; /* Adjust width for side-by-side layout */
}
}
</style>
</head>
<body class="bg-white text-gray-900">
<header class="py-6">
<div class="container mx-auto px-4 text-center">
<h1 class="text-4xl sm:text-5xl md:text-6xl font-bold text-gray-900 mb-4">
<span class="futuristic-blue">Unlock Growth</span> with AI Automation
</h1>
<p class="text-xl sm:text-2xl text-gray-600 mb-8">
Save hundreds of hours, cut costs, and scale smarter.
</p>
<a href="#request-demo" class="cta-button">Request a Demo</a>
</div>
</header>
<main>
<section class="py-12">
<div class="container mx-auto px-4">
<h2 class="section-title">Newsletter Sign-up</h2>
<p class="section-subtitle">
Stay ahead of the curve. Get the latest AI automation insights delivered to your inbox.
</p>
<form id="newsletter-form" class="w-full">
<input type="email" placeholder="Enter your email" required>
<button type="submit" class="cta-button">Subscribe Now</button>
</form>
</div>
</section>
<section class="bg-gray-50 py-12">
<div class="container mx-auto px-4 text-center">
<h2 class="section-title">Download Free eBook</h2>
<p class="section-subtitle">
Learn how AI can revolutionize your business.
</p>
<a href="#" id="ebook-download" class="cta-button">Download the free guide</a>
</div>
</section>
<section class="py-12">
<div class="container mx-auto px-4 text-center">
<h2 class="section-title">Register for Webinar</h2>
<p class="section-subtitle">
Join our live session to see AI automation in action.
</p>
<a href="#" id="webinar-register" class="cta-button">Save Your Spot</a>
</div>
</section>
<section id="request-demo" class="bg-gray-100 py-12">
<div class="container mx-auto px-4 text-center">
<h2 class="section-title">Request a Demo</h2>
<p class="section-subtitle">
See how AI automation can transform your business. Book a personalized consultation.
</p>
<a href="#" class="cta-button">Book a Consultation</a>
</div>
</section>
<section class="py-12">
<div class="container mx-auto px-4">
<h2 class="section-title">Our Services</h2>
<p class="section-subtitle">
We offer tailored AI automation solutions to streamline your operations and drive growth.
</p>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="p-6 rounded-lg shadow-md bg-white">
<h3 class="text-2xl font-semibold text-gray-900 mb-4 futuristic-blue">AI Content Automation</h3>
<p class="text-gray-700 mb-4">
Automate trend analysis, content creation, and publishing across all channels. Save time and maintain brand consistency.
</p>
</div>
<div class="p-6 rounded-lg shadow-md bg-white">
<h3 class="text-2xl font-semibold text-gray-900 mb-4 futuristic-blue">AI Lead Generation</h3>
<p class="text-gray-700 mb-4">
Generate high-quality leads through automated outreach via LinkedIn, Telegram, Email, and more. Expand your reach and grow your customer base.
</p>
</div>
<div class="p-6 rounded-lg shadow-md bg-white">
<h3 class="text-2xl font-semibold text-gray-900 mb-4 futuristic-blue">AI Chatbots</h3>
<p class="text-gray-700 mb-4">
Improve customer support and drive sales with intelligent chatbots. Provide instant support, answer questions, and guide customers through the sales funnel.
</p>
</div>
</div>
</div>
</section>
<section class="bg-gray-50 py-12">
<div class="container mx-auto px-4">
<h2 class="section-title">Success Stories</h2>
<p class="section-subtitle">
Here's what our clients have achieved with AI automation.
</p>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="p-6 rounded-lg shadow-md bg-white">
<p class="text-xl font-semibold text-green-600 mb-2">Tripled traffic in 60 days</p>
<p class="text-gray-700">Increased organic traffic and brand visibility with AI-powered content strategy.</p>
</div>
<div class="p-6 rounded-lg shadow-md bg-white">
<p class="text-xl font-semibold text-green-600 mb-2">2,300 new leads with AI outreach</p>
<p class="text-gray-700">Generated a significant number of qualified leads through targeted AI-driven outreach campaigns.</p>
</div>
<div class="p-6 rounded-lg shadow-md bg-white">
<p class="text-xl font-semibold text-green-600 mb-2">73% reduction in support load with AI chatbot</p>
<p class="text-gray-700">Reduced support tickets and improved customer satisfaction with an AI-powered chatbot.</p>
</div>
</div>
</div>
</section>
<section class="py-12">
<div class="container mx-auto px-4 text-center">
<h2 class="section-title">About the Founder</h2>
<div class="flex justify-center items-center gap-8 mt-8">
<img src="ava.png" alt="Den Manu" class="rounded-full w-40 h-40 object-cover shadow-lg"> <div class="text-left">
<h3 class="text-2xl font-semibold text-gray-900 mb-2">Den Manu</h3>
<p class="text-gray-700">
Den Manu is a creative marketing expert with 10+ years of experience in digital marketing, content, and social media, with a strong focus on WEB3 and AI projects over the past 5 years. He has a proven track record of developing and executing successful marketing strategies, managing budgets up to $600k/month, and scaling user bases for various startups.
</p>
<p class="text-gray-700 mt-4">
Den's expertise extends to AI automation, where he leverages tools like Make, n8n, and AI agents to optimize marketing funnels, reduce customer acquisition costs, and drive significant growth. He is passionate about helping businesses leverage the power of AI to streamline operations, enhance customer engagement, and achieve their growth objectives.
</p>
</div>
</div>
</div>
</section>
<section class="py-12">
<div class="container mx-auto px-4 text-center">
<h2 class="section-title">Ready to Automate Your Success?</h2>
<p class="section-subtitle">
Take the first step towards transforming your business with AI.
</p>
<a href="#request-demo" class="cta-button">Book a Consultation</a>
</div>
</section>
</main>
<footer class="bg-gray-900 text-white py-6">
<div class="container mx-auto px-4 text-center">
<p>© 2024 AI Automation Consulting. All rights reserved.</p>
</div>
</footer>
<script>
// Smooth scrolling for CTA buttons
document.querySelectorAll('.cta-button').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
// Placeholder for eBook download link
document.getElementById('ebook-download').addEventListener('click', function(e) {
e.preventDefault();
alert('Please replace this alert with the actual link to your eBook.');
// window.location.href = 'URL_TO_YOUR_EBOOK.pdf'; // Replace with actual URL
});
// Placeholder for webinar registration link
document.getElementById('webinar-register').addEventListener('click', function(e) {
e.preventDefault();
alert('Please replace this alert with the actual link to your webinar registration page.');
// window.location.href = 'URL_TO_YOUR_WEBINAR_PAGE'; // Replace with actual URL
});
</script>
</body>
</html>