@section('title')
    {{ 'AI Reply To Google Reviews' }}
@endsection
<script type="module" src="https://cdn.zapier.com/packages/partner-sdk/v0/zapier-elements/zapier-elements.esm.js"></script>
<link rel="stylesheet" href="https://cdn.zapier.com/packages/partner-sdk/v0/zapier-elements/zapier-elements.css"/>
<x-public-layout>
    <!-- Hero Content -->
    <div class="container mx-auto">
        <zapier-workflow
        sign-up-email="email_of_your_user@example.com"
        sign-up-first-name="first_name_of_your_user"
        sign-up-last-name="last_name_of_your_user"
        client-id="eZesMzji8eO4SUSo4KNgGc8KQoN1RcNmLZ9oX00z"
        theme="auto"
        intro-copy-display="show"
        guess-zap-display="show"
      ></zapier-workflow>
        </div>
    <div
        class="flex flex-col lg:flex-row space-y-16 lg:space-y-0 text-center lg:text-left container xl:max-w-7xl mx-auto px-4 py-16 lg:px-8 lg:py-16">
        

        <div class="lg:w-2/5 lg:flex lg:items-center  ">
            <div class="text-center">

                <div class="flex flex-row gap-4 justify-center">
                    <img src="{{ asset('img/logo.png') }}" style="height:30px;" />


                    <svg xmlns="http://www.w3.org/2000/svg" height="30px" viewBox="0 0 190.5 190.5"
                        xmlns:v="https://vecta.io/nano">
                        <g transform="translate(90.669 -507.469)">
                            <path
                                d="M4.583 650.342c26.304 0 47.627-21.324 47.627-47.628s-21.323-47.628-47.627-47.628-47.627 21.324-47.627 47.628 21.323 47.628 47.627 47.628z"
                                fill="#fff" clip-path="none" mask="none" />
                            <path
                                d="M-36.664 626.539l-41.24-71.43c-8.362 14.479-12.765 30.904-12.765 47.625s4.401 33.146 12.762 47.625 20.387 26.503 34.868 34.86 30.908 12.755 47.628 12.75l41.24-71.43v-.011c-4.177 7.244-10.188 13.26-17.428 17.443a47.62 47.62 0 0 1-47.632.007 47.62 47.62 0 0 1-17.433-17.437z"
                                fill="#229342" clip-path="none" mask="none" />
                            <path
                                d="M45.826 626.536l-41.239 71.43c16.72.003 33.146-4.398 47.626-12.757s26.504-20.384 34.863-34.865a95.24 95.24 0 0 0 12.755-47.627c-.003-16.72-4.408-33.145-12.772-47.623H4.58l-.01.007a47.62 47.62 0 0 1 23.819 6.372c7.243 4.179 13.257 10.19 17.439 17.431a47.62 47.62 0 0 1-.001 47.633z"
                                fill="#fbc116" clip-path="none" mask="none" />
                            <path
                                d="M4.583 640.43c20.824 0 37.705-16.881 37.705-37.706s-16.881-37.705-37.705-37.705-37.705 16.881-37.705 37.705 16.881 37.706 37.705 37.706z"
                                fill="#1a73e8" clip-path="none" mask="none" />
                            <path
                                d="M4.583 555.097h82.479c-8.358-14.481-20.381-26.507-34.861-34.868a95.23 95.23 0 0 0-47.625-12.76c-16.72.001-33.145 4.404-47.623 12.767a95.23 95.23 0 0 0-34.856 34.872l41.24 71.43.011.006a47.62 47.62 0 0 1-.015-47.633c4.179-7.242 10.193-13.256 17.434-17.436s15.456-6.381 23.818-6.379z"
                                fill="#e33b2e" clip-path="none" mask="none" />
                        </g>
                    </svg>

                    <svg xmlns="http://www.w3.org/2000/svg" height="30px" shape-rendering="geometricPrecision"
                        text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd"
                        clip-rule="evenodd" viewBox="0 0 512 512">
                        <rect fill="#10A37F" width="512" height="512" rx="104.187" ry="105.042" />
                        <path fill="#fff" fill-rule="nonzero"
                            d="M378.68 230.011a71.432 71.432 0 003.654-22.541 71.383 71.383 0 00-9.783-36.064c-12.871-22.404-36.747-36.236-62.587-36.236a72.31 72.31 0 00-15.145 1.604 71.362 71.362 0 00-53.37-23.991h-.453l-.17.001c-31.297 0-59.052 20.195-68.673 49.967a71.372 71.372 0 00-47.709 34.618 72.224 72.224 0 00-9.755 36.226 72.204 72.204 0 0018.628 48.395 71.395 71.395 0 00-3.655 22.541 71.388 71.388 0 009.783 36.064 72.187 72.187 0 0077.728 34.631 71.375 71.375 0 0053.374 23.992H271l.184-.001c31.314 0 59.06-20.196 68.681-49.995a71.384 71.384 0 0047.71-34.619 72.107 72.107 0 009.736-36.194 72.201 72.201 0 00-18.628-48.394l-.003-.004zM271.018 380.492h-.074a53.576 53.576 0 01-34.287-12.423 44.928 44.928 0 001.694-.96l57.032-32.943a9.278 9.278 0 004.688-8.06v-80.459l24.106 13.919a.859.859 0 01.469.661v66.586c-.033 29.604-24.022 53.619-53.628 53.679zm-115.329-49.257a53.563 53.563 0 01-7.196-26.798c0-3.069.268-6.146.79-9.17.424.254 1.164.706 1.695 1.011l57.032 32.943a9.289 9.289 0 009.37-.002l69.63-40.205v27.839l.001.048a.864.864 0 01-.345.691l-57.654 33.288a53.791 53.791 0 01-26.817 7.17 53.746 53.746 0 01-46.506-26.818v.003zm-15.004-124.506a53.5 53.5 0 0127.941-23.534c0 .491-.028 1.361-.028 1.965v65.887l-.001.054a9.27 9.27 0 004.681 8.053l69.63 40.199-24.105 13.919a.864.864 0 01-.813.074l-57.66-33.316a53.746 53.746 0 01-26.805-46.5 53.787 53.787 0 017.163-26.798l-.003-.003zm198.055 46.089l-69.63-40.204 24.106-13.914a.863.863 0 01.813-.074l57.659 33.288a53.71 53.71 0 0126.835 46.491c0 22.489-14.033 42.612-35.133 50.379v-67.857c.003-.025.003-.051.003-.076a9.265 9.265 0 00-4.653-8.033zm23.993-36.111a81.919 81.919 0 00-1.694-1.01l-57.032-32.944a9.31 9.31 0 00-4.684-1.266 9.31 9.31 0 00-4.684 1.266l-69.631 40.205v-27.839l-.001-.048c0-.272.129-.528.346-.691l57.654-33.26a53.696 53.696 0 0126.816-7.177c29.644 0 53.684 24.04 53.684 53.684a53.91 53.91 0 01-.774 9.077v.003zm-150.831 49.618l-24.111-13.919a.859.859 0 01-.469-.661v-66.587c.013-29.628 24.053-53.648 53.684-53.648a53.719 53.719 0 0134.349 12.426c-.434.237-1.191.655-1.694.96l-57.032 32.943a9.272 9.272 0 00-4.687 8.057v.053l-.04 80.376zm13.095-28.233l31.012-17.912 31.012 17.9v35.812l-31.012 17.901-31.012-17.901v-35.8z" />
                    </svg>


                </div>
                <h1 class="text-3xl md:text-4xl font-extrabold mb-0 mt-4">
                    REPLYREVIEWS
                </h1>
                <p class="mb-4 text-blue-600">AI-Reply to <b><span style="color:#4285f4;">G</span><span
                            style="color:#ea4335;">o</span><span style="color:#fbbc05;">o</span><span
                            style="color:#4285f4;">g</span><span style="color:#34a853;">l</span><span
                            style="color:#ea4335;">e</span></b> Reviews </p>

                <h2 class="text-lg md:text-xl md:leading-relaxed font-medium text-gray-600 z-50">
                    Effortlessly reply to reviews across languages to enhance your reputation.
                </h2>
                <div
                    class="flex flex-col sm:flex-row sm:items-center justify-center lg:justify-center space-y-2 sm:space-y-0 sm:space-x-2 pt-10 pb-16">
                    <a href="{{ env('EXTENSION_URL') }}" target="_blank"
                        class="inline-flex justify-center items-center space-x-2 border font-semibold focus:outline-none px-6 py-4 leading-6 rounded border-blue-700 bg-blue-700 text-white hover:text-white hover:bg-blue-800 hover:border-blue-800 focus:ring focus:ring-blue-500 focus:ring-opacity-50 active:bg-blue-700 active:border-blue-700">
                        <span>+ Add to chrome</span> <span class="decoration-sky-600 text-blue-200">It's free</span>
                        <svg fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"
                            class="opacity-50 hi-solid hi-arrow-right inline-block w-5 h-5">
                            <path fill-rule="evenodd"
                                d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z"
                                clip-rule="evenodd"></path>
                        </svg>
                    </a>

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

        <div class="lg:w-3/5 lg:mr-16 lg:flex lg:justify-center lg:items-center">
            <div class="lg:w-11/12 relative">
                <div
                    class="absolute pattern-dots-xl text-blue-100 top-0 left-0 w-32 h-48 md:h-96 transform -translate-y-12 -translate-x-16 -rotate-3">
                </div>
                <div
                    class="absolute pattern-dots-xl text-blue-100 bottom-0 right-0 w-32 h-48 md:h-96 transform translate-y-12 translate-x-16 rotate-3">
                </div>
                <div class="absolute rounded-full top-0 right-0 w-32 h-32 bg-yellow-200 bg-opacity-50 -mt-12 -mr-12">
                </div>
                <div
                    class="absolute rounded-xl bottom-0 left-0 w-32 h-32 bg-blue-200 bg-opacity-50 -mb-10 -ml-10 transform rotate-3">
                </div>
                <div class="aspect-video relative rounded-lg mx-auto shadow-lg">
                    <iframe class="w-full h-full relative rounded-lg mx-auto shadow-lg"
                        src="https://www.youtube.com/embed/tkIrhBcY8YI" frameborder="0"
                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                        allowfullscreen>
                    </iframe>
                </div>

            </div>
        </div>


    </div>
    <div class="flex flex-row  mt-10 mb-16 sm:mt-32 md:mt-12 md:mb-15">
        <div class="basis-2/4 mx-auto">
            <h2 class="text-slate-900 text-2xl tracking-tight font-extrabold sm:text-3xl dark:text-white">Ground
                breaking Chrome extension designed to automatically respond to Google Maps reviews in any language.
                <span class="text-gray-500">Whether you're aiming for a warm, funny or business-like tone, enhancing
                    your reputation while saving valuable time.</span> </h2>
        </div>

    </div>

</x-public-layout>