framp · December 9, 2024 13:15
diff --git a/gistfile1.txt b/gistfile1.txt
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>apiplant - AI Software Consultancy</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        .first-page {
            background-image: url('Downloads/image.jpg');
            background-size: cover;
            background-position: center;
        }
        @media (max-width: 767px) {
            .first-page {
                background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('Downloads/image.jpg');
            }
        }
    </style>
 </head>
 <body class="min-h-screen relative">
    <!-- Content Overlay -->
    <div class="relative z-10">
        <!-- First Page Content -->
        <div class="first-page min-h-screen -mt-10 rounded-b-3xl shadow-2xl">
            <!-- Navigation -->
            <nav class="container mx-auto px-6 py-4 pt-14">
                <div class="flex items-center justify-between">
                    <!-- Logo -->
                    <div class="text-2xl font-bold text-white">
                        <span class="text-[#ff4661]">api</span>plant
                    </div>
                    
                    <!-- Navigation Menu -->
                    <div class="hidden lg:flex space-x-8">
                        <a href="#" class="text-gray-300 hover:text-white">How does it work?</a>
                        <a href="#" class="text-gray-300 hover:text-white">AI Packages</a>
                        <a href="#" class="text-gray-300 hover:text-white">Meet the team</a>
                    </div>
                    
                    <!-- CTA Buttons -->
                    <div class="flex items-center space-x-4">
                        <button class="px-4 md:px-8 py-2 border border-gray-300 rounded-full text-white hover:bg-black hover:bg-opacity-20 transition">
                            Contact Us
                        </button>
                        <!-- <button class="px-4 md:px-8 py-2 bg-[#ff4661] rounded-full text-white hover:bg-[#c7374c] transition">
                            Explore AI Packages →
                        </button> -->
                    </div>
                </div>
            </nav>

            <!-- Hero Section -->
            <main class="container mx-auto px-6 py-20">
                <div class="max-w-2xl">
                    <h1 class="text-6xl font-bold leading-tight text-white mb-6">
                        Discover what Generative AI can do for your business!
                    </h1>
                    <p class="text-gray-300 text-lg max-w-xl mb-8">
                        Harness the power of ChatGPT and Stable Diffusion! Generate Text, Images, Audio and automate your business with advanced AI pipelines.
                    </p>
                    <button class="px-6 py-3 bg-[#ff4661] rounded-lg text-white hover:bg-[#c7374c] transition font-bold">
                        EXPLORE AI PACKAGES
                    </button>
                </div>
            </main>
        </div>

        <!-- Additional Long Content -->
        <div class="container mx-auto px-6 py-20 relative">
            <div class="absolute top-0 left-1/2 transform -translate-x-1/2 py-4 cursor-pointer" onclick="window.scrollBy({ top: window.innerHeight, behavior: 'smooth' });">
                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 animate-bounce" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
                </svg>
            </div>
            <div class="max-w-4xl mx-auto text-gray-700">
                <h2 class="text-4xl font-bold mb-4">In-depth AI Solutions</h2>
                <p class="mb-4">
                    Dive deep into the world of artificial intelligence with our comprehensive AI solutions. Our team of experts is dedicated to providing you with the tools and knowledge to integrate AI seamlessly into your business operations. From natural language processing to predictive analytics, we cover a wide range of AI technologies that can help you gain a competitive edge in your industry.
                </p>
                <p class="mb-4">
                    Our AI packages are designed to cater to businesses of all sizes. Whether you're a startup looking to innovate or an established corporation seeking to optimize your processes, our AI solutions are tailored to meet your specific needs. With Apiplant, you can expect a partnership that values your business's growth and success as much as you do.
                </p>
                <p>
                    Contact us today to learn more about how we can help you transform your business with AI. Let's embark on this technological journey together and unlock the full potential of your enterprise.
                </p>
            </div>
        </div>
    </div>

 </body>
 </html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>apiplant - AI Software Consultancy</title>
	<script src="https://cdn.tailwindcss.com"></script>
	<style>
	.first-page {
	background-image: url('Downloads/image.jpg');
	background-size: cover;
	background-position: center;
	}
	@media (max-width: 767px) {
	.first-page {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('Downloads/image.jpg');
	}
	}
	</style>
	</head>
	<body class="min-h-screen relative">
	<!-- Content Overlay -->
	<div class="relative z-10">
	<!-- First Page Content -->
	<div class="first-page min-h-screen -mt-10 rounded-b-3xl shadow-2xl">
	<!-- Navigation -->
	<nav class="container mx-auto px-6 py-4 pt-14">
	<div class="flex items-center justify-between">
	<!-- Logo -->
	<div class="text-2xl font-bold text-white">
	<span class="text-[#ff4661]">api</span>plant
	</div>

	<!-- Navigation Menu -->
	<div class="hidden lg:flex space-x-8">
	<a href="#" class="text-gray-300 hover:text-white">How does it work?</a>
	<a href="#" class="text-gray-300 hover:text-white">AI Packages</a>
	<a href="#" class="text-gray-300 hover:text-white">Meet the team</a>
	</div>

	<!-- CTA Buttons -->
	<div class="flex items-center space-x-4">
	<button class="px-4 md:px-8 py-2 border border-gray-300 rounded-full text-white hover:bg-black hover:bg-opacity-20 transition">
	Contact Us
	</button>
	<!-- <button class="px-4 md:px-8 py-2 bg-[#ff4661] rounded-full text-white hover:bg-[#c7374c] transition">
	Explore AI Packages →
	</button> -->
	</div>
	</div>
	</nav>

	<!-- Hero Section -->
	<main class="container mx-auto px-6 py-20">
	<div class="max-w-2xl">
	<h1 class="text-6xl font-bold leading-tight text-white mb-6">
	Discover what Generative AI can do for your business!
	</h1>
	<p class="text-gray-300 text-lg max-w-xl mb-8">
	Harness the power of ChatGPT and Stable Diffusion! Generate Text, Images, Audio and automate your business with advanced AI pipelines.
	</p>
	<button class="px-6 py-3 bg-[#ff4661] rounded-lg text-white hover:bg-[#c7374c] transition font-bold">
	EXPLORE AI PACKAGES
	</button>
	</div>
	</main>
	</div>

	<!-- Additional Long Content -->
	<div class="container mx-auto px-6 py-20 relative">
	<div class="absolute top-0 left-1/2 transform -translate-x-1/2 py-4 cursor-pointer" onclick="window.scrollBy({ top: window.innerHeight, behavior: 'smooth' });">
	<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 animate-bounce" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
	<path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
	</svg>
	</div>
	<div class="max-w-4xl mx-auto text-gray-700">
	<h2 class="text-4xl font-bold mb-4">In-depth AI Solutions</h2>
	<p class="mb-4">
	Dive deep into the world of artificial intelligence with our comprehensive AI solutions. Our team of experts is dedicated to providing you with the tools and knowledge to integrate AI seamlessly into your business operations. From natural language processing to predictive analytics, we cover a wide range of AI technologies that can help you gain a competitive edge in your industry.
	</p>
	<p class="mb-4">
	Our AI packages are designed to cater to businesses of all sizes. Whether you're a startup looking to innovate or an established corporation seeking to optimize your processes, our AI solutions are tailored to meet your specific needs. With Apiplant, you can expect a partnership that values your business's growth and success as much as you do.
	</p>
	<p>
	Contact us today to learn more about how we can help you transform your business with AI. Let's embark on this technological journey together and unlock the full potential of your enterprise.
	</p>
	</div>
	</div>
	</div>

	</body>
	</html>