{{content-of base-simple-en.html ogtitle="AI Strategy Playbook" title="AI Strategy Playbook" ogdescription="Your practical guide for immediately actionable AI strategies." description="Your practical guide for immediately actionable AI strategies."}}


<script type="text/javascript">

    document.addEventListener('DOMContentLoaded', () => {
        const consentCheckbox = document.getElementById('consent');
        var finishButton = document.getElementById('finishButton');

        // Function to toggle the button's disabled property based on the checkbox's checked state
        function toggleButtonBasedOnCheckbox() {
            if (consentCheckbox.checked) {
                finishButton.disabled = false;
            } else {
                finishButton.disabled = true;
            }
        }

        // Initial check to set the correct state when the page loads
        toggleButtonBasedOnCheckbox();

        // Add event listener for changes to the checkbox
        consentCheckbox.addEventListener('change', toggleButtonBasedOnCheckbox);

        document.getElementById('send-success').style.display = 'none';
        document.getElementById('send-error').style.display = 'none';
        document.getElementById('reportForm').addEventListener('submit', function(event) {
            event.preventDefault(); // Prevent the default form submission

            const formData = {
                FirstName: document.getElementById('firstName').value,
                LastName: document.getElementById('lastName').value,
                Email: document.getElementById('email').value,
                Organization: document.getElementById('organization').value,
                LangIso: "EN",
                ReportKey: "EN_AI_Playbook"
            };

            fetch('https://kiassessmentapi.azurewebsites.net/report/send', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json'
                },
                body: JSON.stringify(formData)
            })
                .then(response => {
                    if (response.ok) { // Check if status code is in the range 200-299
                        document.getElementById('send-error').style.display = 'none';
                        document.getElementById('send-success').style.display = 'block';
                    } else {
                        // Handle HTTP errors
                        throw new Error('Server responded with status: ' + response.status);
                    }
                })
                .catch((error) => {
                    document.getElementById('send-success').style.display = 'none';
                    document.getElementById('send-error').style.display = 'block';

                });
        });
    });
</script>

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

    .testimonials-bg {
        background-image: url('/static/images/bg-1.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }

    .product:not(:first-of-type) {
        display: none;
    }

    .product-link {
        cursor: pointer;
    }
</style>

<script type="text/javascript">
    window.onload = () => {
        console.log("👋👨‍💻 Hallo Welt! Du bist Data Scientist, Software-Architekt oder Web-Developer? Schicke uns deine Initiativbewerbung. Wir freuen uns auf dich!");
    }


</script>

<section id="hero" class="my-0 bg-white bg-cover bg-center ">
    <div class="w-full h-full">

        <div class="max-w-[900px] lg:max-w-[1100px] border-b border-slate-300 shadow-md mx-auto flex flex-col-reverse md:flex-row 2xl:max-w-[1600px] mx-auto">
            <div class="md:w-3/5 pl-8 md:pl-0 py-4 pr-12 md:py-16">

                <div class="text-slate-950 md:mt-6 text-white px-4 py-9 md:py-0">
                    <div class="flex flex-col md:flex-row">
                        <div class="w-full py-4 md:py-8 backdrop-blur">
                            <div class="font-bold text-blue-500 text-xs md:text-base">Whitepaper</div>

                            <div class="text-black mt-4 text-3xl md:text-3xl lg:text-4xl xl:text-5xl font-lato">
                                AI Strategy <span class="block md:inline font-black">Playbook</span>
                            </div>

                            <div class="text-black text-base md:text-lg mt-2 md:mt-6 max-w-[600px]">
                                Your practical guide for <span class="font-bold">immediately actionable AI strategies:</span> Identify profitable use cases and achieve measurable value in record time.
                            </div>

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

                </div>
            </div>

            <div class="md:w-2/5">
                <div class="relative w-full h-full">
                    <img src="/static/images/wp-playbook-en1.jpg" class="h-full w-full object-cover">
                </div>
            </div>
        </div>
    </div>
</section>

<section id="info" class="px-4 md:px-10 py-20 bg-white">
    <div class="w-full max-w-[900px] lg:max-w-[1100px] mx-auto text-left text-lg shadow-md">
        <div class="px-8">


            <h1 class="text-3xl md:text-3xl lg:text-4xl font-lato text-left">
                <div>The AI Strategy Playbook:</div>
                <div class="font-black">Practical Insights from More Than 60 AI and Digital Projects</div>
            </h1>

            <h2 class="mt-16 text-2xl">
                Many businesses want to leverage AI—but few have a clear strategy.
            </h2>

            <div class="mt-10 flex flex-col md:flex-row space-y-8 md:space-y-0 md:space-x-8">

                <div class="mx-auto text-center max-w-[300px] md:max-w-none w-full md:w-1/3 bg-slate-50 shadow-slate-300/60 shadow-lg rounded-xl p-4">
                    <div class="text-5xl text-blue-600 text-center">
                        <i class="fa-duotone fa-solid fa-bullseye-arrow"></i>
                    </div>

                    <div class="mt-4">
                        How can I find use cases that really pay off?
                    </div>
                </div>
                <div class="mx-auto text-center max-w-[300px] md:max-w-none w-full md:w-1/3 bg-slate-50 shadow-slate-300/60 shadow-lg rounded-xl p-4">
                    <div class="text-5xl text-blue-600 text-center">
                        <i class="fa-duotone fa-solid fa-user-robot"></i>
                    </div>

                    <div class="mt-4">
                        Which technology is the best choice for my company?
                    </div>
                </div>

                <div class="mx-auto text-center max-w-[300px] md:max-w-none w-full md:w-1/3 bg-slate-50 shadow-slate-300/60 shadow-lg rounded-xl p-4">
                    <div class="text-5xl text-blue-600 text-center">
                        <i class="fa-duotone fa-solid fa-chess-knight"></i>
                    </div>

                    <div class="mt-4">
                        How can I avoid common mistakes and efficiently implement AI?
                    </div>
                </div>
            </div>

            <div class="mt-16 text-2xl"><span class="font-bold ">Our AI Strategy Playbook provides the answers!</span> It’s packed with practical knowledge, proven process templates, actionable checklists, and numerous valuable tips.</div>

            <div class="my-12 text-center">
                <a href="#download">
                    <button type="button" class="text-xl py-2 px-3 bg-blue-600 hover:bg-blue-700 text-white rounded-lg shadow-lg"><i class="fa-duotone fa-solid fa-arrow-down-to-line mr-2"></i>Download for Free Now</button>
                </a>
            </div>

            <h2 class="mt-24 text-2xl md:text-3xl">
                What You'll Find in the <span class="font-black">Playbook:</span>
            </h2>

            <ul class="mt-10 text-lg md:text-xl">
                <li class="flex flex-row space-x-4 items-center">
                    <div class="text-green-600 text-2xl md:text-3xl">
                        <i class="fa fa-check-circle"></i>
                    </div>

                    <div>
                        <span class="font-bold">Proven Step-by-Step Guidance &amp; Checklists</span> – Develop a robust AI strategy that delivers immediate results.
                    </div>
                </li>

                <li class="mt-5 flex flex-row space-x-4 items-center">
                    <div class="text-green-600 text-2xl md:text-3xl">
                        <i class="fa fa-check-circle"></i>
                    </div>

                    <div>
                        <span class="font-bold">Practical Decision-Making Framework</span> – Identify the most profitable use cases that maximize your ROI.
                    </div>
                </li>

                <li class="mt-5 flex flex-row space-x-4 items-center">
                    <div class="text-green-600 text-2xl md:text-3xl">
                        <i class="fa fa-check-circle"></i>
                    </div>

                    <div>
                        <span class="font-bold">Comprehensive Technology Navigator</span> – Discover the ideal solution—Off-the-Shelf, Generative AI, or Custom ML—tailored specifically for your business.
                    </div>
                </li>

                <li class="mt-5 flex flex-row space-x-4 items-center">
                    <div class="text-green-600 text-2xl md:text-3xl">
                        <i class="fa fa-check-circle"></i>
                    </div>

                    <div>
                        <span class="font-bold">Expert Insights from 60+ AI and Digital Projects</span> – Avoid costly mistakes and leverage proven success strategies from industry leaders.
                    </div>
                </li>
            </ul>

            <div class="my-8 text-center">
                <a href="#download">
                    <button type="button" class="text-xl py-2 px-3 bg-blue-600 hover:bg-blue-700 text-white rounded-lg shadow-lg"><i class="fa-duotone fa-solid fa-arrow-down-to-line mr-2"></i>Download for Free Now</button>
                </a>
            </div>

            <h2 class="mt-24 text-2xl md:text-3xl">
                Who Is This Guide For?
            </h2>

            <ul class="mt-10 text-lg md:text-xl">
                <li class="flex flex-row space-x-4 items-center">
                    <div class="text-slate-600 text-2xl md:text-3xl">
                        <i class="fa-thin fa-dash"></i>
                    </div>

                    <div>
                        <span class="font-bold">Business Leaders &amp; Digital Strategists</span> who want targeted, strategic use of AI.
                    </div>
                </li>

                <li class="mt-5 flex flex-row space-x-4 items-center">
                    <div class="text-slate-600 text-2xl md:text-3xl">
                        <i class="fa-thin fa-dash"></i>
                    </div>

                    <div>
                        <span class="font-bold">Specialist Departments</span> responsible for evaluating and prioritizing use cases.
                    </div>
                </li>

                <li class="mt-5 flex flex-row space-x-4 items-center">
                    <div class="text-slate-600 text-2xl md:text-3xl">
                        <i class="fa-thin fa-dash"></i>
                    </div>

                    <div>
                        <span class="font-bold">IT &amp; Innovation Managers</span> looking to build scalable AI architectures.
                    </div>
                </li>
            </ul>

            <div class="text-center">
                <img src="/static/images/playbook-preview-en.png" class="mt-20 mx-auto md:h-[240px] md:w-auto w-full h-auto">
                <div class="bg-white border-blue-600 border-2 text-blue-600 font-bold text-white py-2 px-4 text-lg md:text-xl inline-block rounded-lg relative -top-8">27 Pages Packed with Expert Insights</div>
            </div>

            <div class="my-20 text-lg md:text-2xl">
                <div class="text-center font-bold">Created by AI Experts</div>
                <div class="text-center mt-2 font-bold">Insights from over 60 AI &amp; digital projects</div>
                <div class="mt-2 text-center font-bold">100% practical — no buzzwords, no fluff — immediately actionable!</div>
            </div>

            <div class="my-8 text-center">
                <a href="#download">
                    <button type="button" class="text-xl py-2 px-3 bg-blue-600 hover:bg-blue-700 text-white rounded-lg shadow-lg"><i class="fa-duotone fa-solid fa-arrow-down-to-line mr-2"></i> Download for Free Now</button>
                </a>
            </div>
        </div>

        <div id="download" class="mt-20 bg-slate-100 max-w-[900px] lg:max-w-[1100px] mx-auto p-4 md:p-16 border-b border-b-slate-300 pb-10">
            <h1 class="text-2xl md:text-4xl font-lato">
                <div>Secure your free copy now &amp;</div>
                <div class="mt-1 font-bold">Build Your AI Strategy Step-by-Step!</div>
            </h1>
            <form id="reportForm" class="mt-12">
                <div>
                    <div><label for="firstName">First name</label></div>
                    <div class="mt-1"><input class="p-1 min-w-[300px] border border-slate-300 text-lg w-full md:w-auto rounded" type="text" id="firstName" name="firstName" required></div>
                </div>
                <div>
                    <div class="mt-2"><label for="lastName">Last name</label></div>
                    <div class="mt-1"><input class="p-1 min-w-[300px] border border-slate-300 text-lg w-full md:w-auto rounded" type="text" id="lastName" name="lastName" required></div>
                </div>
                <div>
                    <div class="mt-2"><label for="email">Email</label></div>
                    <div class="mt-1"><input class="p-1 min-w-[300px] border border-slate-300 text-lg w-full md:w-auto rounded" type="email" id="email" name="email" required></div>
                </div>
                <div>
                    <div class="mt-2"><label for="organization">Company</label></div>
                    <div class="mt-1"><input type="text" class="p-1 min-w-[300px] border border-slate-300 text-lg w-full md:w-auto rounded" id="organization" name="organization" required></div>
                </div>
                <div class="mt-4">
                    <input type="checkbox" name="Consent" id="consent" class="py-1 px-2 border-slate-300 border"> <label for="consent">I agree to the processing of my data in accordance with the <a class="text-blue-600 underline" href="/privacy.html">privacy policy</a> zu</label>
                </div>

                <button id="finishButton" class="mt-8 text-xl py-3 px-5 bg-blue-600 hover:bg-blue-700 text-white rounded-lg shadow-lg" type="submit"> Download for Free</button>

                <div id="send-success" class="mt-6 p-4 border border-blue-600 text-lg text-blue-600">
                    Thank you! You'll receive an email shortly.
                </div>

                <div id="send-error" class="mt-6 p-4 border border-red-600 text-lg text-red-600">
                    Oops, something went wrong. Please complete all fields and use a business email address.
                </div>
            </form>

            <script>

            </script>
        </div>

    </div>
</section>