<section class="siaracorporatebusiness-section-aboutus-wrapper">
    <div class="uf-wrapper">
        <div class="row">
            <!-- Left Side - Image -->            
            <div class="col-lg-6 col-md-6 col-sm-12 content">
                <div class="about--content">
                    <?php
                    $aboutus_subtitle_text  = get_theme_mod( 'aboutus_subtitle_text', __( 'About Us', 'siara-digital-solutions' ) );
                    $aboutus_title_text  = get_theme_mod( 'aboutus_title_text', __( 'We Are Siara Digital Solutions ', 'siara-digital-solutions' ) );


                    $aboutus_description_text  = get_theme_mod( 'aboutus_description_text', __( 'At Siara Digital Solutions, we are passionate about helping businesses succeed in the digital world. Our team of experts creates custom strategies that deliver real results.', 'siara-digital-solutions' ) );


                    $aboutus_list1_text  = get_theme_mod( 'aboutus_list1_text', __( 'Creative & Professional Team', 'siara-digital-solutions' ) );
                    $aboutus_list2_text  = get_theme_mod( 'aboutus_list2_text', __( 'Result-Oriented Solutions', 'siara-digital-solutions' ) );
                    $aboutus_list3_text  = get_theme_mod( 'aboutus_list3_text', __( 'Affordable Digital Services', 'siara-digital-solutions' ) );
                    $aboutus_list4_text  = get_theme_mod( 'aboutus_list4_text', __( '24/7 Dedicated Support', 'siara-digital-solutions' ) );

                    $aboutus_button_text  = get_theme_mod( 'aboutus_button_text', __( 'Learn More', 'siara-digital-solutions' ) );
                    $aboutus_button_link  = get_theme_mod( 'aboutus_button_link', '#' );


                    $aboutus_yearofexperiencenum  = get_theme_mod( 'aboutus_yearofexperiencenum', __( '5+', 'siara-digital-solutions' ) );
                    ?>                    <!-- About Us Heading -->
                    <div class="heading">
                        <h3><?php echo esc_html( $aboutus_subtitle_text ); ?></h3>
                        <h2><?php echo esc_html( $aboutus_title_text ); ?></h2>
                    </div>
                    <!-- Description -->
                    <div class="description">
                        <p><?php echo esc_html( $aboutus_description_text ); ?></p>
                    </div>

                    <!-- Stats and Features Box -->
                    <div class="about-stats-box">
                        <div class="stats-right">
                            <div class="stats-list">
                                <div class="row m-0 pd-0">
                                    <div class="listbx1">
                                        <li><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-4 h-4 text-white"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg> <?php echo esc_html( $aboutus_list1_text ); ?></li>

                                        <li><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-4 h-4 text-white"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg> <?php echo esc_html( $aboutus_list2_text ); ?></li>

                                        <li><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-4 h-4 text-white"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg> <?php echo esc_html( $aboutus_list3_text ); ?></li>
                                        
                                        <li><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big w-4 h-4 text-white"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg> <?php echo esc_html( $aboutus_list4_text ); ?></li>
                                    
                                    </div>

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

                    <!-- Contact Us Button and Phone -->
                    <div class="contact-button">
                        <a href="<?php echo esc_html( $aboutus_button_link ); ?>" class="contact-us-btn">
                            <?php echo esc_html( $aboutus_button_text ); ?>
                        </a>
                        
                    </div>
                </div>
            </div>
            <!-- Right Side - Content -->
            <div class="col-lg-6 col-md-6 col-sm-12 image">
                <?php
                    $about_us_image_url = get_theme_mod( 'aboutus_image' );
                    $default_about_us_image_url = get_stylesheet_directory_uri() . '/assets/images/abt1.png';

                    // Check if the Customizer setting has a valid image URL.
                    // If not, fall back to the predefined default image.
                    $display_image_url = ! empty( $about_us_image_url ) ? esc_url( $about_us_image_url ) : esc_url( $default_about_us_image_url );

                    // You might also want an alt text for accessibility.
                    // This could be another Customizer setting, or a static text.
                    $about_us_alt_text = get_theme_mod( 'aboutus_image_alt_text', __( 'About Us Section Image', 'siara-digital-solutions' ) );

                ?>

                <?php
                    $about_us_image_url2 = get_theme_mod( 'aboutus_image2' );
                    $default_about_us_image_url2 = get_stylesheet_directory_uri() . '/assets/images/abt2.png';

                    // Check if the Customizer setting has a valid image URL.
                    // If not, fall back to the predefined default image.
                    $display_image_url2 = ! empty( $about_us_image_url2 ) ? esc_url( $about_us_image_url2 ) : esc_url( $default_about_us_image_url2 );

                    // You might also want an alt text for accessibility.
                    // This could be another Customizer setting, or a static text.
                    $about_us_alt_text2 = get_theme_mod( 'aboutus_image_alt_text', __( 'About Us Section Image 2', 'siara-digital-solutions' ) );

                ?>

                <div class="img">
                    <div class="imgbx1">
                        <img src="<?php echo $display_image_url; ?>" alt="<?php echo esc_attr( $about_us_alt_text ); ?>">
                        <div class="yrsbx">
                            <div class="icnbx">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M320 80C377.4 80 424 126.6 424 184C424 241.4 377.4 288 320 288C262.6 288 216 241.4 216 184C216 126.6 262.6 80 320 80zM96 152C135.8 152 168 184.2 168 224C168 263.8 135.8 296 96 296C56.2 296 24 263.8 24 224C24 184.2 56.2 152 96 152zM0 480C0 409.3 57.3 352 128 352C140.8 352 153.2 353.9 164.9 357.4C132 394.2 112 442.8 112 496L112 512C112 523.4 114.4 534.2 118.7 544L32 544C14.3 544 0 529.7 0 512L0 480zM521.3 544C525.6 534.2 528 523.4 528 512L528 496C528 442.8 508 394.2 475.1 357.4C486.8 353.9 499.2 352 512 352C582.7 352 640 409.3 640 480L640 512C640 529.7 625.7 544 608 544L521.3 544zM472 224C472 184.2 504.2 152 544 152C583.8 152 616 184.2 616 224C616 263.8 583.8 296 544 296C504.2 296 472 263.8 472 224zM160 496C160 407.6 231.6 336 320 336C408.4 336 480 407.6 480 496L480 512C480 529.7 465.7 544 448 544L192 544C174.3 544 160 529.7 160 512L160 496z"/></svg>
                            </div>
                            <div class="conbx">
                                <div class="num"><?php echo esc_html( $aboutus_yearofexperiencenum ); ?></div>
                                <div class="ytxt"><?php esc_html_e( 'Years Experience', 'siara-digital-solutions' ); ?></div>
                            </div>
                        </div>
                    </div>
                    <div class="imgbx2">
                        <img src="<?php echo $display_image_url2; ?>" alt="<?php echo esc_attr( $about_us_alt_text2 ); ?>">
                    </div>

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