<?php include 'include/menu.php'?>
<?php include 'include/header.php'?>
<!-- Hero -->
<div class="swiper mySwiperHero">
    <!--<div class="parallax-bg" style="background-image: url(images/hero-bg.png);" data-swiper-parallax="-23%"></div>-->
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <section class="techVerse_hero hoverEffectSec" style="background-image: url(./images/banner-bg1.webp);">
                <div class="techVerse_heroContent">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="techVerse_hero_content">
                                    <h6>Welcome to Beyond browse</h6>
                                    <h1 data-aos="fade-right" data-aos-offset="0" data-aos-duration="1000">
                                        Beyond the Ordinary
                                        <span class="color-lightBlue1 bblus">Crafting Designs</span>
                                        <div class="d-blxk">
                                            That Resonate, Inspire, and Endure!
                                        </div>
                                    </h1>
                                    <p data-aos="fade-right" data-aos-offset="0" data-aos-duration="2000">
                                        We combine artistic vision with scientific rigor to produce logos that speak to
                                        your target market and produce noticeable outcomes.
                                    </p>
                                    <div class="techVerse_hero_btns" data-aos="fade-right" data-aos-offset="0"
                                        data-aos-duration="3000">

                                        <a href="javascript:;" class="btn_with_icon btn_secondary">
                                            <!-- <img class="btn_with_icon_img" src="images/chat-icon.png" alt="" /> -->
                                            <span class="btn_with_icon_text">More Explore</span>
                                        </a>
                                        <a href="tel:<?php echo $locNumber; ?>" class="btn_with_icon">
                                            <img class="btn_with_icon_img" src="images/phone-icon.png" alt="" />
                                            <span class="btn_with_icon_text"> <?php echo $locNumber; ?></span>
                                        </a>
                                    </div>
                                    <div class="hero_brands" data-aos="fade-right" data-aos-offset="0"
                                        data-aos-duration="3000">
                                        <a href="javascript:;" class="hero_brands_img"><img src="images/clutch.png"
                                                alt="" /></a>
                                        <a href="javascript:;" class="hero_brands_img"><img src="images/trus-pilot.png"
                                                alt="" /></a>
                                        <a href="javascript:;" class="hero_brands_img"><img src="images/bbb.png"
                                                alt="" /></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="techVerse_hero_img">
                                    <!-- <div class="icon-container-hover">
                                                <img src="images/donat-blue.png" class="techVerse_hero_icon1 animation11" alt="" />
                                                <img src="images/Pill-Blue-Glossy.png" class="techVerse_hero_icon2 animation22" alt="" />
                                                <img src="images/Cone-Blue-Glossy.png" class="techVerse_hero_icon3 animation22" alt="" />
                                            </div> -->
                                    <img src="images/banner-im.png" class="hero-img-1" data-aos="fade-left"
                                        data-aos-offset="0" data-aos-duration="3000" alt="" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
        <div class="swiper-slide">
            <section class="techVerse_hero hoverEffectSec" style="background-image: url(./images/banner-bg1.webp);">
                <div class="techVerse_heroContent">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="techVerse_hero_content">
                                    <h6>Welcome to Beyond browse</h6>
                                    <h1 data-aos="fade-right" data-aos-offset="0" data-aos-duration="1000">
                                        Beyond the Ordinary
                                        <span class="color-lightBlue1 bblus">Crafting Designs</span>
                                        <div class="d-blxk">
                                            That Resonate, Inspire, and Endure!
                                        </div>
                                    </h1>
                                    <p data-aos="fade-right" data-aos-offset="0" data-aos-duration="2000">
                                        We combine artistic vision with scientific rigor to produce logos that speak to
                                        your target market and produce noticeable outcomes.
                                    </p>
                                    <div class="techVerse_hero_btns" data-aos="fade-right" data-aos-offset="0"
                                        data-aos-duration="3000">

                                        <a href="javascript:;" class="btn_with_icon btn_secondary">
                                            <!-- <img class="btn_with_icon_img" src="images/chat-icon.png" alt="" /> -->
                                            <span class="btn_with_icon_text">More Explore</span>
                                        </a>
                                        <a href="tel:<?php echo $locNumber; ?>" class="btn_with_icon">
                                            <img class="btn_with_icon_img" src="images/phone-icon.png" alt="" />
                                            <span class="btn_with_icon_text"> <?php echo $locNumber; ?></span>
                                        </a>
                                    </div>
                                    <div class="hero_brands" data-aos="fade-right" data-aos-offset="0"
                                        data-aos-duration="3000">
                                        <a href="javascript:;" class="hero_brands_img"><img src="images/clutch.png"
                                                alt="" /></a>
                                        <a href="javascript:;" class="hero_brands_img"><img src="images/trus-pilot.png"
                                                alt="" /></a>
                                        <a href="javascript:;" class="hero_brands_img"><img src="images/bbb.png"
                                                alt="" /></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="techVerse_hero_img">
                                    <!-- <div class="icon-container-hover">
                                                <img src="images/donat-blue.png" class="techVerse_hero_icon1 animation11" alt="" />
                                                <img src="images/Pill-Blue-Glossy.png" class="techVerse_hero_icon2 animation22" alt="" />
                                                <img src="images/Cone-Blue-Glossy.png" class="techVerse_hero_icon3 animation22" alt="" />
                                            </div> -->
                                    <img src="images/banner-im.png" class="hero-img-1" data-aos="fade-left"
                                        data-aos-offset="0" data-aos-duration="3000" alt="" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>

    <div class="swiper-pagination hero_pagination"></div>
</div>
<?php include 'include/logosec.php'?>

<!-- About Sec -->
<section class="techVerse_about hoverEffectSec" id="particles-js1">
    <div class="icon-container-hover">
        <img class="techVerse_about_icon1 animation11" src="images/pink-capsol.png" alt="" />
        <img class="techVerse_about_icon2 animation33" src="images/Pill.png" alt="" />
        <img class="techVerse_about_icon3 animation11" src="images/green-cube.png" alt="" />
        <img class="techVerse_about_icon4 animation11" src="images/donat-orange.png" alt="" />
    </div>
    <div class="techVerse_aboutContent width-1600">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-6">
                    <div class="techVerse_about_img">
                        <div class="techVerse_about_laptop_img">
                            <img src="images/laptop.webp" class="about-laptopImg" data-aos="fade-right"
                                data-aos-offset="0" data-aos-duration="1000" />
                            <img src="images/laptop-Frame.png" class="laptop-Frame" data-aos="fade-left"
                                data-aos-offset="0" data-aos-duration="1000" />
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="techVerse_about_content">
                        <div class="sec_title">
                            <h2 class="sec_title_head " data-aos="fade-up" data-aos-offset="0" data-aos-duration="1000">
                                creating Magic with
                                <span class="color-lightBlue2">Our <br> Team of Tech</span> Wizards and
                                <div class="dlb">

                                </div>
                                Design Virtuosos
                            </h2>
                            <p data-aos="fade-up" data-aos-offset="0" data-aos-duration="2000">
                                Driven by a common love of exceptional design, our team consists of a well-balanced mix
                                of technical specialists and imaginative visionaries. Our profound knowledge of both
                                technology and art allows us to approach each project from a different angle.
                                Our developers guarantee flawless operation and the best possible user experience, while
                                our designers are adept at turning abstract ideas into aesthetically spectacular
                                reality. When we work together, we create
                                a powerful force that produces outstanding design solutions that go above and
                            </p>
                            <div class="techVerse_hero_btns" data-aos="fade-up" data-aos-offset="0"
                                data-aos-duration="3000">
                                <a href="tel:<?php echo $locNumber; ?>" class="btn_with_icon">
                                    <img class="btn_with_icon_img" src="images/phone-icon.png" alt="" />
                                    <span class="btn_with_icon_text"><?php echo $locNumber; ?></span>
                                </a>
                                <a href="javascript:;" data-toggle="modal" data-target="#staticBackdrop"
                                    class="btn_with_icon btn_secondary blackcl">
                                    <img class="btn_with_icon_img" src="images/chat-icon.png" alt="" />
                                    <span class="btn_with_icon_text">Chat Now</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<?php include 'include/archi.php'?>

<section class="techVerse_services hoverEffectSec" id="particles-js2">
    <div class="icon-container-hover">
        <img class="techVerse_services_icon1 animation11" src="images/pink-capsol.png" alt="" />
        <img class="techVerse_services_icon2 animation11" src="images/green-cube.png" alt="" />
        <img class="techVerse_services_icon3 animation33" src="images/orange-circle.png" alt="" />
        <img class="techVerse_services_icon4 animation22" src="images/donate-white-small.png " alt="" />
        <img class="techVerse_services_icon5 animation33" src="images/orange-half-circle.png" alt="" />
    </div>
    <div class="container services_offerContainer">
        <div class="row">
            <div class="col-md-12">
                <div class="sec_title">
                    <h2 class="sec_title_head color-lightBlue2" data-aos="fade-up" data-aos-offset="0"
                        data-aos-duration="1000">
                        <span class="color-darkBlue">Explore Our</span>
                        Services

                    </h2>
                    <p data-aos="fade-up" data-aos-offset="0" data-aos-duration="2000" class="cu">
                        Beyond Browse provides a full range of design services that are specifically designed to improve
                        your brand:
                    </p>
                </div>
            </div>
            <div class="techVerse_services_content">
                <img src="images/blue-cube.png" class="blue-cube1 animation11" alt="" />
                <img src="images/blue-cube.png" class="blue-cube2 animation11" alt="" />
                <div class="service_box_1"></div>
                <div class="service_box_2"></div>
                <div class="service_box_3"></div>
                <div class="service_box">
                    <div class="service_box_before">
                        <div class="service_box_icon">
                            <img src="images/ios-icon.png" alt="" />
                        </div>
                        <h3 class="service_box_title">Logo Design</h3>
                    </div>
                    <div class="service_box_after">
                        <h3 class="service_box_title">Cross-Platform Development</h3>
                        <p class="service_box_p">
                            Harness the power of Apple's ecosystem with our iOS development services. Whether you're
                            introducing a new app or improving an existing one, our team ensures seamless integration
                            and intuitive user experiences.
                        </p>
                    </div>
                </div>
                <div class="service_box">
                    <div class="service_box_before">
                        <div class="service_box_icon">
                            <img src="images/landing-page.png" alt="" />
                        </div>
                        <h3 class="service_box_title">Website Design</h3>
                    </div>
                    <div class="service_box_after">
                        <h3 class="service_box_title">Website Design</h3>
                        <p class="service_box_p">
                            Get the potential of blockchain technology with our brilliant contract development
                            expertise. From initial concept to deployment, we specialize in creating secure and
                            efficient intelligent contracts tailored to your specific requirements.
                        </p>
                    </div>
                </div>
                <div class="service_box">
                    <div class="service_box_before">
                        <div class="service_box_icon">
                            <img src="images/custom-app-icon.png" alt="" />
                        </div>
                        <h3 class="service_box_title">Mobile Application</h3>
                    </div>
                    <div class="service_box_after">
                        <h3 class="service_box_title">Mobile Application</h3>
                        <p class="service_box_p">
                            Reach the vast Android user base with our Mobile Application services. We craft scalable and
                            engaging applications that leverage the latest features of the Android platform, ensuring
                            optimal performance across devices.
                        </p>
                    </div>
                </div>
                <div class="service_box">
                    <div class="service_box_before">
                        <div class="service_box_icon">
                            <img src="images/smart-contract-icon.png" alt="" />
                        </div>
                        <h3 class="service_box_title">Website Development</h3>
                    </div>
                    <div class="service_box_after">
                        <h3 class="service_box_title">Website Development</h3>
                        <p class="service_box_p">
                            Tailor-made solutions for unique business challenges. Our service is designed to align
                            perfectly with your strategic objectives, delivering functionality and innovation that set
                            you apart in the digital landscape.
                        </p>
                    </div>
                </div>
                <div class="service_box">
                    <div class="service_box_before">
                        <div class="service_box_icon">
                            <img src="images/seo-ic.png" alt="" />
                        </div>
                        <h3 class="service_box_title">Search Engine Optimization</h3>
                    </div>
                    <div class="service_box_after">
                        <h3 class="service_box_title">Search Engine Optimization</h3>
                        <p class="service_box_p">
                            Empower your enterprise with robust, scalable applications. Our enterprise app development
                            team combines industry best practices with deep technical expertise to deliver solutions
                            that streamline operations and drive growth.
                        </p>
                    </div>
                </div>
                <div class="service_box">
                    <div class="service_box_before">
                        <div class="service_box_icon">
                            <img src="images/animatio.png" alt="" />
                        </div>
                        <h3 class="service_box_title">2D Animation</h3>
                    </div>
                    <div class="service_box_after">
                        <h3 class="service_box_title">2D Animation</h3>
                        <p class="service_box_p">
                            Maximize your reach with cross-platform development solutions. We utilize leading frameworks
                            to build apps that operate seamlessly across multiple platforms, minimizing development time
                            and maximizing user engagement.
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-12 text-center mt-5">
                <a href="javascript:;" class="btn_with_icon" data-aos="fade-right" data-aos-offset="0"
                    data-aos-duration="2000">
                    <span class="btn_with_icon_text">START YOUR PROJECT NOW!</span>
                </a>
            </div>
        </div>
    </div>
</section>

<?php include 'include/potential.php'?>
<!-- NewSection HTML START -->
<?php include 'include/Mobility.php'?>
<?php include 'include/process.php'?>

<!-- Portfolio -->
<section class="techVerse_portfolio">
    <div class="techVerse_portfolioContent width-1600">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <div class="sec_title">
                        <h2 class="sec_title_head color-lightBlue2" data-aos="fade-up" data-aos-offset="0"
                            data-aos-duration="1000">
                            <span class="color-darkBlue"> A Sneak Peek at Our</span>
                            Ingenious Designs

                        </h2>
                        <p class="SEci" data-aos="fade-up" data-aos-offset="0" data-aos-duration="2000">
                            From captivating logos to stunning websites and innovative mobile apps, our work showcases
                            our ability to transform ideas into reality. Find out how we've assisted companies just like
                            yours in achieving their creative objectives.
                        </p>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="portfolio_tabs nav nav-tabs" id="myTab" role="tablist" data-aos="fade-up"
                        data-aos-offset="0" data-aos-duration="3000">
                        <a class="nav-link active" id="cms_tab" data-toggle="tab" href="#cms-tab" role="tab">All
                            Design</a>
                        <a class="nav-link " id="mobile_apps" data-toggle="tab" href="#mobile-app" role="tab">Mobile
                            Apps</a>
                        <a class="nav-link" id="websites_tab" data-toggle="tab" href="#website-tab"
                            role="tab">Websites</a>

                    </div>
                    <div class="tab-content" id="portfolioTabs">
                        <div class="tab-pane fade " id="mobile-app" role="tabpanel" aria-labelledby="mobile_apps">
                            <div class="mobile_app_carousel">
                                <div class="swiper mobileAppCarousel">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <img src="images/portfolio-mockup-1.png" alt="" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="images/portfolio-mockup-2.png" alt="" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="images/portfolio-mockup-3.png" alt="" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="images/portfolio-mockup-4.png" alt="" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="images/portfolio-mockup-5.png" alt="" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="images/portfolio-mockup-1.png" alt="" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="images/portfolio-mockup-2.png" alt="" />
                                        </div>
                                    </div>
                                </div>
                                <div class="our-slider-img">
                                    <img src="images/mobile-frame.webp" alt="" />
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="website-tab" role="tabpanel" aria-labelledby="websites_tab">
                            <div class="web_app_carousel">
                                <div class="swiper webAppCarousel">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <img src="images/website-1.png" alt="" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="images/website-2.png" alt="" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="images/website-3.png" alt="" />
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="images/website-4.png" alt="" />
                                        </div>


                                        <!--<div class="swiper-slide">-->
                                        <!--  <img src="images/car-buying.png" alt="" />-->
                                        <!--</div>-->
                                        <!--<div class="swiper-slide">-->
                                        <!--  <img src="images/jeff-wilson.png" alt="" />-->
                                        <!--</div>-->
                                        <!--<div class="swiper-slide">-->
                                        <!--  <img src="images/lll-reptile.png" alt="" />-->
                                        <!--</div>-->
                                        <!--<div class="swiper-slide">-->
                                        <!--  <img src="images/private-astrology.png" alt="" />-->
                                        <!--</div>-->
                                        <!--<div class="swiper-slide">-->
                                        <!--  <img src="images/car-buying.png" alt="" />-->
                                        <!--</div>-->
                                        <!--<div class="swiper-slide">-->
                                        <!--  <img src="images/jeff-wilson.png" alt="" />-->
                                        <!--</div>-->
                                        <!--<div class="swiper-slide">-->
                                        <!--  <img src="images/lll-reptile.png" alt="" />-->
                                        <!--</div>-->
                                        <!--<div class="swiper-slide">-->
                                        <!--  <img src="images/private-astrology.png" alt="" />-->
                                        <!--</div>-->
                                    </div>
                                </div>
                                <div class="our-slider-webframe">
                                    <img src="images/Macbook.png" alt="" />
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade show active" id="cms-tab" role="tabpanel" aria-labelledby="cms_tab">
                            <div class="web_app_carousel">
                                <div class="techVerse_caseStudies-Content">
                                    <div class="container-fluid">
                                        <div class="row">

                                            <!-- New -->
                                            <div class="col-lg-4 col-md-6">
                                                <div class="techVerse_caseStudy_img bgOrange"
                                                    style="background-image: url(images/irving-segal-bg.png);"
                                                    data-aos="fade-right" data-aos-offset="0" data-aos-duration="1000">
                                                    <img src="images/irving-segal-img.png" alt="" />
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="techVerse_caseStudy_img bgOrange"
                                                    style="background-image: url(images/brain-carlisle-bg.png);"
                                                    data-aos="fade-right" data-aos-offset="0" data-aos-duration="1000">
                                                    <img src="images/brain-carlisle-img.png" alt="" />
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="techVerse_caseStudy_img bgOrange"
                                                    style="background-image: url(images/angle-body-bg.png);"
                                                    data-aos="fade-right" data-aos-offset="0" data-aos-duration="1000">
                                                    <img src="images/angle-body-img.png" alt="" />
                                                </div>
                                            </div>
                                            <!--<div class="col-lg-4 col-md-6">-->
                                            <!--  <div class="techVerse_caseStudy_img bgOrange" style="background-image: url(images/frame-with-photo-bg.png);" data-aos="fade-right" data-aos-offset="0" data-aos-duration="1000">-->
                                            <!--    <img src="images/frame-with-photo-img.png" alt="" />-->
                                            <!--  </div>-->
                                            <!--</div>-->



                                            <!-- Old -->
                                            <div class="col-lg-4 col-md-6">
                                                <div class="techVerse_caseStudy_img bgOrange"
                                                    style="background-image: url(images/p2-bg.png);"
                                                    data-aos="fade-right" data-aos-offset="0" data-aos-duration="1000">
                                                    <img src="images/p1.png" alt="" />
                                                </div>
                                            </div>
                                            <!--<div class="col-lg-4 col-md-6">-->
                                            <!--  <div class="techVerse_caseStudy_img bgOrange" style="background-image: url(images/p2-bg.png);" data-aos="fade-up" data-aos-offset="0" data-aos-duration="2000">-->
                                            <!--    <img src="images/p2.png" alt="" />-->
                                            <!--  </div>-->
                                            <!--</div>-->
                                            <div class="col-lg-4 col-md-6">
                                                <div class="techVerse_caseStudy_img bgOrange"
                                                    style="background-image: url(images/p3-bg.png);"
                                                    data-aos="fade-left" data-aos-offset="0" data-aos-duration="3000">
                                                    <img src="images/p3.png" alt="" />
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-md-6">
                                                <div class="techVerse_caseStudy_img bgOrange"
                                                    style="background-image: url(images/p4-bg.png);"
                                                    data-aos="fade-right" data-aos-offset="0" data-aos-duration="1000">
                                                    <img src="images/p4.png" alt="" />
                                                </div>
                                            </div>
                                            <!--<div class="col-lg-4 col-md-6">-->
                                            <!--  <div class="techVerse_caseStudy_img bgOrange" style="background-image: url(images/p5-bg.png);" data-aos="fade-up" data-aos-offset="0" data-aos-duration="2000">-->
                                            <!--    <img src="images/p5.png" alt="" />-->
                                            <!--  </div>-->
                                            <!--</div>-->
                                            <!--<div class="col-lg-4 col-md-6">-->
                                            <!--  <div class="techVerse_caseStudy_img bgOrange" style="background-image: url(images/p6-bg.png);" data-aos="fade-left" data-aos-offset="0" data-aos-duration="3000">-->
                                            <!--    <img src="images/p6.png" alt="" />-->
                                            <!--  </div>-->
                                            <!--</div>-->
                                        </div>
                                    </div>
                                </div>
                                <!-- <div class="swiper webAppCarousel">
                                                    <div class="swiper-wrapper">
                                                        <div class="swiper-slide">
                                                            <img src="images/Cms-1.png" alt="" />
                                                        </div>
                                                        <div class="swiper-slide">
                                                            <img src="images/CMS-2.png" alt="" />
                                                        </div>
                                                        <div class="swiper-slide">
                                                            <img src="images/CMS-3.png" alt="" />
                                                        </div>
                                                        <div class="swiper-slide">
                                                            <img src="images/CMS-4.png" alt="" />
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="our-slider-webframe">
                                                    <img src="images/Macbook.png" alt="" />
                                                </div> -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<!-- Sec-08 Html Start -->
<?php include 'include/Sec-08.php'?>
<!-- Sec-08 Html End -->


<?php include 'include/testi.php'?>
<?php include 'include/footerlogo.php'?>
<?php include 'include/footer.php'?>