{{content-of base-simple-en.html}}

<style type="text/css">
    body {
        background-color: #ffffff;
    }
</style>

<script type="text/javascript">
    window.onload = () => {

    }
</script>

<section id="hero" class="my-0 pt-16 p-2 md:p-10 md:pt-20 min-h-fit bg-[url('/static/images/axiobg1.jpg')] bg-cover bg-center">
    <div class="w-full h-full p-4">

        <div class="max-w-[900px] lg:max-w-[1100px] mx-auto flex flex-col-reverse md:flex-row 2xl:max-w-[1600px] md:py-12 2xl:my-16 mx-auto min-h-fit">
            <div class="md:w-2/3 lg:w-3/5 2xl:w-1/2">

                <div class="text-slate-800 mt-6 text-white p-4 lg:p-8 ">
                    <div class="flex flex-col md:flex-row">
                        <div class="w-full bg-black/10 p-8 backdrop-blur">
                            <div class="font-bold text-blue-600 text-xs md:text-base">axio concept GmbH</div>

                            <div class="text-white mt-4 text-xl md:text-3xl lg:text-4xl xl:text-5xl font-lato font-bold">
                                Our Mission
                            </div>

                            <div class="text-white p-1 text-lg md:text-2xl mt-6 max-w-[600px]">
                                Learn more about us as a company and employer.
                            </div>

                            <div class="mt-10 text-center md:text-left">
                                <a href="#mission">
                                    <button type="button"
                                            class="border border-white backdrop-blur-sm text-white hover:bg-white/20 rounded-xl py-2 px-2 md:py-3 md:px-5 text-lg font-bold">
                                        <i class="fa-sharp fa-solid fa-sparkles mr-2"></i> Learn More
                                    </button>
                                </a>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</section>

<section id="mission" class="px-5 md:px-10 pt-20 pb-20 bg-slate-200">
    <div class="text-center">
        <h1 class="text-3xl md:text-4xl font-lato">Technology with Substance</h1>

        <div class="mt-10 max-w-[900px] lg:max-w-[1100px] mx-auto text-left">
            <div>
                Since 2017, we have been developing software and AI solutions for companies with complex requirements – in regulated industries, in publishing, and wherever documents, data, and compliance intersect.
            </div>

            <div class="mt-8">
                Our team of around 20 employees brings together software architects, data scientists, ML engineers, and domain experts. This mix enables us to think and execute projects end-to-end: from strategy to architecture to productive operation.
            </div>

            <div class="mt-8">
                We work where it gets technically demanding – scalable systems, AI integration into existing landscapes, data pipelines for hundreds of thousands of documents.
            </div>

        </div>

    </div>

</section>

<section id="solutions" class="px-6 md:px-10 pt-20 pb-16 bg-white">
    <div class="text-center">
        <h1 class="text-3xl md:text-4xl font-lato">Career</h1>
    </div>

    <div class="max-w-[900px] lg:max-w-[1100px] mx-auto flex flex-col md:flex-row mt-0 md:mt-6 pb-14">
        <div class="w-full h-min md:w-2/5 md:mt-5 text-center relative md:pt-8">

            <img src="/static/images/axio-12.jpg" class="w-[220px] md:w-[280px] h-[220px] md:h-[280px] object-cover rounded-full mx-auto mt-10 md:mt-6">
        </div>

        <div class="mt-0 md:mt-10 w-full md:w-3/5 mx-auto text-justify">
            <div>
                <div class="text-left">
                    <div class="mt-4 md:mt-8 text-2xl font-bold text-center md:text-left">Interested in joining our team?</div>
                </div>

                <div class="mt-8 flex flex-col md:flex-row bg-slate-100 py-5 px-10 md:ps-0 before:content-[' '] before:absolute before:-top-4 before:-left-4 before:text-white before:text-9xl before:font-bold relative feature-container">
                    <div class="w-full md:w-1/4 mb-4 md:mb-0 text-4xl text-blue-600 text-center">
                        <i class="fa-light fa-rocket-launch"></i>
                    </div>
                    <div class="md:w-3/4">
                        <div>
                            Please note: Fluent German language skills (at least level C1) are required for all positions at axio concept GmbH.
                        </div>

                        <div class="mt-4">
                            For detailed job descriptions and current opportunities, please visit our <a class="text-blue-600 underline font-bold" href="/unternehmen.html">German-language careers page.</a>
                        </div>

                        <div class="mt-4">
                            We look forward to your application!
                        </div>

                    </div>
                </div>
            </div>

        </div>
    </div>



</section>


<section id="team" class="p-4 pt-20 pb-20 bg-white">
    <div class="max-w-[900px] lg:max-w-[1100px] mx-auto">
        <div class="text-center">
            <h1 class="text-4xl font-lato">
                Proven Expertise in Building Data-Driven Solutions
            </h1>
        </div>

        <div class="mt-10 text-lg">
            Our team of around <span class="font-bold">20 experts</span> supports you throughout every stage of building business-critical AI and data solutions. Together with our clients, we've successfully implemented more than 60 transformation and AI projects.
        </div>

        <h2 class="mt-16 text-2xl font-bold">Your Contacts</h2>

        <div class="flex flex-col md:flex-row mt-10 md:space-x-8 px-14 md:px-0">
            <div class="mb-8 w-full md:w-1/4 shadow-xl shadow-slate-300/30 text-lg max-w-[240px] md:max-w-none mx-auto">
                <img src="/static/images/t-mb5.jpg" class="h-[340px] w-full object-cover">

                <div class="p-3">
                    <div class="font-bold">Marco Bürckel</div>
                    <div class="text-base">CEO, Lead Consultant</div>
                </div>
            </div>

            <div class="mb-8 w-full md:w-1/4 shadow-xl shadow-slate-300/30 text-lg max-w-[240px] md:max-w-none mx-auto">
                <img src="/static/images/t-kb.jpg" class="h-[340px] w-full object-cover">

                <div class="p-3">
                    <div class="font-bold">Kevin Braun</div>
                    <div class="text-base">CTO, Head of Data Science</div>
                </div>
            </div>

            <div class="mb-8 w-full md:w-1/4 shadow-xl shadow-slate-300/30 text-lg max-w-[240px] md:max-w-none mx-auto">
                <img src="/static/images/t-cw.jpg" class="h-[340px] w-full object-cover">

                <div class="p-3">
                    <div class="font-bold">Christoph Weber</div>
                    <div class="text-base">COO, Senior Architect</div>
                </div>
            </div>

            <div class="mb-8 w-full md:w-1/4 shadow-xl shadow-slate-300/30 text-lg max-w-[240px] md:max-w-none mx-auto">
                <img src="/static/images/t-tl.jpg" class="h-[340px] w-full object-cover">

                <div class="p-3">
                    <div class="font-bold">Theodor Houghton-Larsen</div>
                    <div class="text-base">Senior AI Consultant</div>
                </div>
            </div>
        </div>
    </div>

    <div class="mt-16 text-center">
        <a href="#contact">
            <button type="button"
                    class="m-3 bg-blue-600 text-white hover:bg-blue-600/80 outline-blue-600/20 outline outline-4 outline-offset-0 rounded-xl py-3 px-5 text-lg font-bold">
                <i class="fa-duotone fa-calendar mr-2"></i> Schedule Your Free Initial Consultation
            </button>
        </a>
    </div>
</section>

<section id="about" class="px-6 md:px-10 pt-20 pb-14 bg-slate-50">
    <div class="text-center max-w-[900px] lg:max-w-[1100px] mx-auto">
        <div class="max-w-[900px] lg:max-w-[1100px] mx-auto">
            <h1 class="text-3xl md:text-4xl font-lato text-center">
                <span class="font-bold">About Axio Concept</span>
            </h1>
        </div>

        <div class="flex flex-col-reverse md:flex-row justify-between mt-12">
            <div class="w-full md:w-1/2 text-left md:pr-4 mb-10">
                <div>
                    Since 2017, axio concept has operated at the intersection of documents, data, and artificial intelligence. We started long before AI became a buzzword—inside demanding digital and industrial projects.
                </div>

                <div class="mt-4">
                    We know the reality of large organizations: grown structures, historical documentation, regulatory pressure, and limited capacity for change.
                </div>

                <div class="mt-4">
                    Our products and solutions were born from that experience—not as theoretical concepts but as answers to real problems in enterprise life.
                </div>

                <div class="mt-4">
                    Today we are a team of roughly 20 experts, each bringing profound depth in their discipline.
                </div>

            </div>

            <div class="w-full md:w-1/2 text-justify md:pl-4 mb-6 md:mb-20">
                <div class="flex flex-col md:flex-row">
                    <div class="w-full md:w-2/3 mb-2 md:m-2">
                        <img src="/static/images/standort.jpg" class="h-[210px] w-full object-cover">
                    </div>

                    <div class="w-full md:w-1/3 mb-2 md:m-2">
                        <img src="/static/images/axio-3.jpg" class="object-[0%_20%] h-[210px] w-full object-cover">
                    </div>
                </div>

                <div class="flex flex-col md:flex-row">
                    <div class="w-full md:w-1/3 mb-2 md:m-2">
                        <img src="/static/images/axio-27.webp" class="h-[210px] w-full object-cover object-[50%_20%]">
                    </div>

                    <div class="w-full md:w-2/3 mb-2 md:m-2">
                        <img src="/static/images/axio-16.webp" class="h-[210px] w-full object-cover object-[50%_20%]">
                    </div>
                </div>

            </div>
        </div>


    </div>
</section>


<section id="contact" class="px-4 md:px-10 py-20 bg-slate-50 text-black">
    <div class="text-center max-w-[900px] lg:max-w-[1100px] mx-auto">
        <h1 class="text-2xl md:text-4xl font-lato font-black">Let's Talk About Your Potential</h1>
    </div>

    <div class="flex flex-col md:flex-row mt-14 max-w-[900px] lg:max-w-[1100px] mx-auto md:space-x-10">


        <div class="w-full md:w-1/2 relative">
            <div class="text-white">
                <div class="shadow-md rounded-xl overflow-hidden">
                    <img src="/static/images/axio-27.webp" class="object-cover">
                </div>
            </div>
        </div>

        <div class="mt-10 md:mt-0 w-full md:w-1/2 md:ml-8 text-left">
            <div class="text-lg mb-8">

                <div class="mt-0 font-bold">
                    Book your complimentary intro call—we look forward to the conversation!
                </div>
            </div>

            <!-- Calendly Inline-Widget Start -->
            <div class="calendly-inline-widget" data-url="https://calendly.com/axioconcept/introductory-call?primary_color=3b82f6"
                 style="min-width:320px;height:700px;" data-resize="true"></div>
            <script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js" async></script>
            <!-- Calendly Inline-Widget End -->
        </div>
    </div>
</section>