<?php

/**
 * Title: Buy and Sell Deals
 * Slug: car-dealer-show/deals
 * Categories: car-dealer-show/services
 */
$theme_directory = get_template_directory_uri();
?>

<!-- wp:cover {"url":"<?php echo esc_url($theme_directory . '/assets/images/car-sales-photo.jpeg'); ?>","hasParallax":true,"dimRatio":50,"isDark":false} -->
<div class="wp-block-cover is-light has-parallax">
    <div class="wp-block-cover__image-background has-parallax" style="background-position:50% 50%;background-image:url(<?php echo esc_url($theme_directory . '/assets/images/car-sales-photo.jpeg'); ?>)"></div><span aria-hidden="true" class="wp-block-cover__background has-background-dim-50 has-background-dim"></span>
    <div class="wp-block-cover__inner-container">
        <!-- wp:columns {"width":"60%","align":"center","style":{"spacing":{"blockGap":"40px"}},"layout":{"type":"constrained","justifyContent":"center"}} -->

        <div class="wp-block-columns alignwide" style="width:60%"><!-- wp:column {"style":{"color":{"background":"#fff5ba"},"spacing":{"padding":{"top":"30px","bottom":"30px","left":"30px","right":"30px"}}}} -->
            <div class="wp-block-column has-background" style="background-color:#fff5ba;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px"><!-- wp:columns {"style":{"spacing":{"blockGap":"20px"}}} -->
                <div class="wp-block-columns"><!-- wp:column {"width":"30%"} -->
                    <div class="wp-block-column" style="flex-basis:30%"><!-- wp:image {"width":"80px","height":"80px","linkDestination":"none","className":"size-full"} -->
                        <figure class="wp-block-image is-resized size-full"><img src="<?php echo esc_url($theme_directory . '/assets/images/hand_13320273.png'); ?>" alt="Buy car icon" style="width:80px;height:80px" /></figure>
                        <!-- /wp:image -->
                    </div>
                    <!-- /wp:column -->

                    <!-- wp:column {"width":"70%"} -->
                    <div class="wp-block-column" style="flex-basis:70%"><!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"bottom":"20px"}}},"fontSize":"large"} -->
                        <p class="has-text-align-center has-large-font-size" style="margin-bottom:20px"><strong>Buy Your Car</strong></p>
                        <!-- /wp:paragraph -->

                        <!-- wp:paragraph {"align":"center","fontSize":"medium"} -->
                        <p class="has-text-align-center has-medium-font-size">Enjoy quality, transparency, and top-notch service when buying your car with us.</p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:column -->
                </div>
                <!-- /wp:columns -->
            </div>
            <!-- /wp:column -->

            <!-- wp:column {"style":{"color":{"background":"#b1d6f3"},"spacing":{"padding":{"top":"40px","bottom":"40px","left":"30px","right":"30px"}}}} -->
            <div class="wp-block-column has-background" style="background-color:#b1d6f3;padding-top:40px;padding-right:30px;padding-bottom:40px;padding-left:30px"><!-- wp:columns {"style":{"spacing":{"blockGap":"20px"}}} -->
                <div class="wp-block-columns"><!-- wp:column {"width":"30%"} -->
                    <div class="wp-block-column" style="flex-basis:30%"><!-- wp:image {"width":"80px","height":"80px","linkDestination":"none","className":"size-full"} -->
                        <figure class="wp-block-image is-resized size-full"><img src="<?php echo esc_url($theme_directory . '/assets/images/hand_2.png'); ?>" alt="Sell car icon" style="width:80px;height:80px" /></figure>
                        <!-- /wp:image -->
                    </div>
                    <!-- /wp:column -->

                    <!-- wp:column {"width":"70%"} -->
                    <div class="wp-block-column" style="flex-basis:70%"><!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"bottom":"20px"}}},"fontSize":"large"} -->
                        <p class="has-text-align-center has-large-font-size" style="margin-bottom:20px"><strong>Sell Your Car</strong></p>
                        <!-- /wp:paragraph -->

                        <!-- wp:paragraph {"align":"center","fontSize":"medium"} -->
                        <p class="has-text-align-center has-medium-font-size">Sell your car with ease, trust, and a fair offer from us.</p>
                        <!-- /wp:paragraph -->
                    </div>
                    <!-- /wp:column -->
                </div>
                <!-- /wp:columns -->
            </div>
            <!-- /wp:column -->
        </div>
        <!-- /wp:columns -->
    </div>
</div>
<!-- /wp:cover -->