<?php 
    require_once('.htac_header.php');
    require_once('.htac_nav.php');
    $alldata = [
        [
          "name" => "Wordpress Hosting",
          "img" => "/assets/wordpress.png",
          "slug" => "https://cicdhosting.supersite2.myorderbox.com/optimized-wordpress-hosting.php",
          "info" => [
            "Auto-Setup",
            "Auto-Updates",
            "Auto-Caching",
            "Auto-Backups",
            "Auto-Secured"
          ]
        ],
        [
          "name" => "Linux Shared Hosting",
          "img" => "/assets/lsh.jpg",
          "slug" => "https://cicdhosting.supersite2.myorderbox.com/web-hosting/index.php",
          "info" => [
            "Lightning Fast Website",
            "Email included",
            "cPanel for Management"
          ]
        ],
        [
          "name" => "Windows Shared Hosting",
          "img" => "/assets/wsh.jpg",
          "slug" => "https://cicdhosting.supersite2.myorderbox.com/web-hosting/windows-hosting.php",
          "info" => [
            "Plesk for Management",
            "Email included",
            "99.99% uptime"
          ]
        ],
        [
          "name" => "Linux KVM VPS",
          "img" => "/assets/kvmcloud.png",
          "slug" => "https://cicdhosting.supersite2.myorderbox.com/virtualserverlinux-hosting.php",
          "info" => [
            "Server Management",
            "Full Root Access",
            "VNC Access",
            "WHMCS"
          ]
        ],
        [
          "name" => "Dedicated Server",
          "img" => "/assets/ds.jpg",
          "slug" => "https://cicdhosting.supersite2.myorderbox.com/dedicated-servers.php",
          "info" => [
            "Powerful Configurations",
            "Quick Provisioning",
            "Server Administration Panel",
            "Additional Storage*",
            "Easily Configurable",
            "99.99% uptime"
          ]
        ],
        [
            "name" => "Windows Dedicated Servers",
            "img" => "/assets/wds.jpg",
            "slug" => "https://cicdhosting.supersite2.myorderbox.com/dedicated-servers-windows.php",
            "info" => [
              "Super Micro Blade Servers",
              "Multiple OS Options",
              "99.99% Uptime",
              "Configure your server as per your needs"
            ]
        ]
    ];
?>
<div class="container mx-auto max-w-5xl px-4 mt-10">
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
        <?php
            foreach($alldata as $data){
        ?>
        <div class="border-2 border-[#2fbe15] rounded-lg flex flex-col space-y-2 hover:shadow-xl hover:shadow-[#2fbe15] duration-700 relative">
            <img class="h-[250px] rounded-t-md bg-indigo-200/50" src="<?php echo $data['img']; ?>" alt="<?php echo $data['name']; ?>" />
            <p class="text-center font-bold text-xl"><?php echo $data['name']; ?></p>
            <div class="pb-4">
              <?php foreach ($data['info'] as $info) { ?>
                    <p class="font-bold px-4 py-1"><span class="text-sm border-2 border-[#2fbe15] text-[#2fbe15] rounded-full px-[3px]">&#10003;</span>&nbsp;<?php echo $info; ?></p>
              <?php } ?>
            </div>
            <a href="<?php echo $data['slug'];?>" class="bg-[#2fbe15] px-6 mx-2 py-2 rounded-md text-[#fff] text-center absolute bottom-2 left-0 right-0">Purchase</a>
        </div>
        <?php } ?>
    </div>
</div>




<!-- <section class="container-fluid bg-gradient-to-t from-white to-[#05b3a450]">
        <div class="container mx-auto px-4 flex flex-col lg:flex-row place-content-between space-x-4">
            <div class="flex flex-col justify-center space-y-2 w-full">
                <h2 style="text-transform: uppercase; font-weight: bold;">cicd hosting</h2>
                <h3 class="text-justify">Welcome to our web hosting service! We provide reliable and affordable hosting solutions for individuals and businesses of all sizes. Our hosting packages are designed to meet the needs of a wide range of customers, from those just starting out with their first website to established businesses with high-traffic websites.</h3>
                <div class="">
                </div>
                <button class="bg-black px-4 py-2 rounded-lg text-blue-50 hover:translate-x-2 font-bold text-lg hover:shadow-2xl duration-700 w-fit">See your Best Deal</button>
            </div>
            <div class="flex lg:w-full border-b-[8px] border-[#1b3b4b] lg:pt-16 justify-center place-items-center">
                <img src="/img/1.png" alt="">
            </div>
        </div>
    </section>
    <section style="max-width: 80%; width: 100%; margin: auto; mx-auto px-4">
        <div class="">
            <h1 style="font-size: 30px; font-weight: bold; text-align: center;">About Us</h1>
            <p style="text-align: justify;">Welcome to our web hosting service! We provide reliable and affordable hosting solutions for individuals and businesses of all sizes. Our hosting packages are designed to meet the needs of a wide range of customers, from those just starting out with their first website to established businesses with high-traffic websites.</p>
            <p style="text-align: justify;">Our hosting service includes everything you need to get started online, including website building tools, domain registration, email hosting, and a variety of web hosting plans to choose from. All of our hosting plans come with 24/7 customer support, so you can get help whenever you need it.</p>
            <p style="text-align: justify;">We pride ourselves on providing a secure and reliable hosting environment, with fast loading times and 99.9% uptime guarantee. Our servers are optimized for speed and performance, so your website visitors will have a smooth and enjoyable browsing experience.</p>
            <p style="text-align: justify;">Whether you need shared hosting, VPS hosting, or dedicated server hosting, we have the right solution for your needs. Our hosting packages are flexible and scalable, so you can upgrade or downgrade your hosting plan as your needs change.</p>
            <p style="text-align: justify;">With our web hosting service, you can focus on creating great content and growing your business, while we take care of the technical details. Let us help you get online and reach your goals with our reliable and affordable hosting solutions.</p>
        </div>
    </section> -->