<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta content="width=device-width, initial-scale=1.0" name="viewport">
        <title>
   Infozillon
        </title>
        <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&amp;display=swap" rel="stylesheet">
        <style>
            * {
                box-sizing          : border-box;
                margin              : 0;
                padding             : 0;
            }
            body {
                font-family         : "Montserrat", sans-serif;
                background-color    : #000;
                color               : #fff;
            }
            header {
                display             : flex;
                justify-content     : space-between;
                align-items         : center;
                padding             : 1rem 2rem;
                background-color    : #fff;
                color               : #333;
            }
            .logo {
                display             : flex;
                align-items         : center;
            }
            .logo img {
                height              : 50px; /* slightly larger for visibility */
                margin-right        : 10px;
            }
            .logo h2 {
                font-size           : 1.5rem;
                font-weight         : 700;
            }
            nav a {
                margin              : 0 1rem;
                text-decoration     : none;
                color               : #333;
                font-weight         : 500;
            }
            nav a.projects {
                display             : none; /* Hide Projects for now */
            }
            .hero {
                padding             : 4rem 2rem;
                text-align          : center;
                background-color    : #000;
            }
            .hero p.label {
                color               : #f0c000;
                text-transform      : uppercase;
                font-size           : 0.9rem;
                margin-bottom       : 1rem;
            }
            .hero h1 {
                font-size           : 3rem;
                margin-bottom       : 1rem;
            }
            .hero p.description {
                font-size           : 1.2rem;
                max-width           : 700px;
                margin              : 0 auto 2rem;
                color               : #ccc;
            }
            .contact-button {
                background-color    : #00c6ff;
                color               : #fff;
                padding             : 0.8rem 2rem;
                font-size           : 1rem;
                border              : none;
                border-radius       : 30px;
                cursor              : pointer;
                text-decoration     : none;
                transition          : background 0.3s ease;
            }
            .contact-button:hover {
                background-color    : #0072ff;
            }
            .visuals {
                display             : flex;
                justify-content     : center;
                align-items         : center;
                gap                 : 2rem;
                flex-wrap           : wrap;
                margin-top          : 3rem;
            }
            .visuals img {
                max-width           : 400px;
                width               : 100%;
                border-radius       : 10px;
            }
            .section {
                background-color    : #fff;
                color               : #333;
                padding             : 3rem 2rem;
                text-align          : center;
            }
            .section h2 {
                font-size           : 2rem;
                margin-bottom       : 1rem;
            }
            .section p {
                font-size           : 1rem;
                max-width           : 600px;
                margin              : 0 auto;
            }
            @media (max-width: 600px) {
                .hero h1 {
                    font-size           : 2rem;
                }
                .hero p.description {
                    font-size           : 1rem;
                }
                nav a {
                    margin              : 0 0.5rem;
                    font-size           : 0.9rem;
                }
            }
        </style>
    </head>
    <body>
        <header>
            <div class="logo">
                <!-- Use the eagle logo you uploaded -->
                <img alt="Infozillon Logo" src="logo2.png">
                <h2>
     Infozillon
                </h2>
            </div>
            <nav>
                <a class="projects" href="#">
                    Projects
                </a>
                <a href="#">
                    Platform
                </a>
                <a class="contact-button" href="/cdn-cgi/l/email-protection#8cfce9e3fce0e9efedfee9cce5e2eae3f6e5e0e0e3e2a2efe3e1">
                    Contact Us
                </a>
            </nav>
        </header>
        <section class="hero">
            <p class="label">
                Sensor Based Autonomous Machines
            </p>
            <h1>
                We accelerate AI innovation
            </h1>
            <p class="description">
                Empower your team to accelerate the development, testing, and deployment of robust autonomous systems, by accessing relevant data on demand.
            </p>
            <a class="contact-button" href="/cdn-cgi/l/email-protection#2151444e514d444240534461484f474e5b484d4d4e4f0f424e4c">
                Contact Us
            </a>
            <div class="visuals">
                <!-- Wireframe boat you uploaded -->
                <img alt="Wireframe Boat" src="boat.png">
                <!-- Wireframe kart you uploaded -->
                <img alt="Wireframe Go-Kart" src="kart.png">
            </div>
        </section>
        <section class="section">
            <h2>
    Simulation &amp; Intelligent Data Pipelines
            </h2>
            <p>
                Explore how Infozillon's intelligent simulation and automated data pipelines streamline AI model development and testing for peak performance.
            </p>
        </section>
        <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js">
        </script>
    </body>
</html>