privdayz.com

@section('title', 'Home')

<x-layout>
    <x-banner />
    <!-- Features Section -->
    <section class="features-section-two">
        <div class="auto-container">
            <div class="outer-box">
                <div class="row">
                    <!-- Feature Block Two -->
                    <div class="feature-block-two col-lg-4 col-md-12 col-sm-12">
                        <div class="inner-box overlay-anim">
                            <div class="content">
                                <span class="icon"><img src="{{asset('assets/images/services/icons/it-services.png')}}" alt="Leading IT Services Provider in Lucknow | {{config('app.name')}}"></a></span>
                                <h6 class="title">Leading IT Services Provider in Lucknow</h6>
                                <div class="text">Your one-stop solution of all IT needs with 15+ Years of Experience</div>
                            </div>
                        </div>
                    </div>

                    <!-- Feature Block Two -->
                    <div class="feature-block-two col-lg-4 col-md-12 col-sm-12">
                        <div class="inner-box overlay-anim">
                            <div class="content">
                                <span class="icon"><img src="{{asset('assets/images/services/icons/quality.png')}}" alt="Quality you can trust | | {{config('app.name')}}"></a></span>
                                <h6 class="title">Quality you can trust</h6>
                                <div class="text">We ensure to deliver only the best quality products & services to you</div>
                            </div>
                        </div>
                    </div>

                    <!-- Feature Block Two -->
                    <div class="feature-block-two col-lg-4 col-md-12 col-sm-12">
                        <div class="inner-box overlay-anim">
                            <div class="content">
                                <span class="icon"><img src="{{asset('assets/images/services/icons/brands.png')}}" alt="Top Brands Only | {{config('app.name')}}"></a></span>
                                <h6 class="title">Top Brands Only</h6>
                                <div class="text">We partner with top brands to provide you the best possible experience</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Offer Section -->

    <!-- About Section Two -->
    <section class="about-section-two">
        <div class="auto-container">
            <div class="row">
                <div class="content-column col-xl-6 col-lg-7 col-md-12 col-sm-12 order-2 wow fadeInRight" data-wow-delay="600ms">
                    <div class="inner-column">
                        <div class="sec-title">
                            <span class="sub-title">Welcome to SIBIN Tech Solutions</span>
                            <h2>Innovative IT Solutions for Your Business</h2>
                            <div class="text">SIBIN Tech Solutions is a Lucknow-based IT services provider established in 2018. We offer a wide range of services including web and app development, cloud solutions, hardware sales, and security services. With a team of 15+ experts having more than 15+ years of Experience in the IT Industry, we strive to provide reliable and affordable solutions to businesses of all sizes.</div>
                        </div>

                        <div class="row">
                            <div class="about-block col-lg-6 col-md-6">
                                <div class="inner-box">
                                    <i class="icon flaticon-programmer"></i>
                                    <h6 class="title">Software Solutions</h6>
                                    <div class="text">Tailored software solutions for your business needs.</div>
                                </div>
                            </div>

                            <div class="about-block col-lg-6 col-md-6">
                                <div class="inner-box">
                                    <i class="icon flaticon-repair"></i>
                                    <h6 class="title">Hardware Solutions</h6>
                                    <div class="text">High-quality Cost-effective hardware for reliable performance.</div>
                                </div>
                            </div>
                        </div>

                        <a href="/about-us" class="theme-btn btn-style-one"><span class="btn-title">Explore now</span></a>
                    </div>
                </div>

                <!-- Image Column -->
                <div class="image-column col-xl-6 col-lg-5 col-md-12 col-sm-12">
                    <div class="inner-column wow fadeInLeft">
                        <figure class="image-1 overlay-anim wow fadeInUp">
                            <img src="{{asset('assets/images/resource/about-3.webp')}}" alt="">
                        </figure>
                        <figure class="image-2 overlay-anim wow fadeInRight">
                            <img src="{{asset('assets/images/resource/about-4.webp')}}" alt="">
                        </figure>
                        <div class="experience bounce-y">
                            <div class="inner">
                                <i class="icon flaticon-design"></i>
                                <div class="text">Founded<br> 2018</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--End About Section Two -->

    <!-- Fun Fact Section -->
    <section class="fun-fact-section pt-0">
        <div class="auto-container">
            <div class="upper-box">
                <span class="title">Happy cutomers</span>
                <div class="number-outer">
                    <div class="numbers" style="background-image: url({{asset('assets/images/resource/image-1.webp')}})">500+</div>
                </div>
            </div>

            <div class="fact-counter">
                <div class="row">
                    <!-- Counter block-->
                    <div class="counter-block col-lg-3 col-md-6 col-sm-12 wow fadeInUp">
                        <div class="inner">
                            <i class="icon flaticon-campaign"></i>
                            <div class="count-box"><span class="count-text" data-speed="3000" data-stop="150">0</span></div>
                            <h6 class="counter-title">Projects completed</h6>
                        </div>
                    </div>

                    <!--Counter block-->
                    <div class="counter-block col-lg-3 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="300ms">
                        <div class="inner">
                            <i class="icon flaticon-reputation"></i>
                            <div class="count-box"><span class="count-text" data-speed="3000" data-stop="50">0</span></div>
                            <h6 class="counter-title">Active clients</h6>
                        </div>
                    </div>

                    <!--Counter block-->
                    <div class="counter-block col-lg-3 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="600ms">
                        <div class="inner">
                            <i class="icon flaticon-front-end"></i>
                            <div class="count-box"><span class="count-text" data-speed="3000" data-stop="189654">0</span></div>
                            <h6 class="counter-title">Lines of Code Written</h6>
                        </div>
                    </div>

                    <!--Counter block-->
                    <div class="counter-block col-lg-3 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="900ms">
                        <div class="inner">
                            <i class="icon flaticon-social-campaign"></i>
                            <div class="count-box"><span class="count-text" data-speed="3000" data-stop="1000">0</span></div>
                            <h6 class="counter-title">Satisfied customers</h6>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Fun Fact Section -->

    <!-- Services Section Two -->
    <section class="services-section-two">
        <div class="bg bg-pattern-10"></div>

        <div class="auto-container">
            <div class="upper-box row">
                <div class="left-column col-lg-12 col-md-6">
                    <div class="sec-title light">
                        <span class="sub-title">What We’re Offering</span>
                        <h2>Grow Your Business with Our Comprehensive Services</h2>
                    </div>
                </div>
            </div>
            <div class="outer-box">
                <div class="services-carousel owl-carousel owl-theme">
                    <!-- Service Block Two -->
                    <!-- get services array and pass then to services-carousel component -->
                    <x-services-carousel :services="$services" />
                </div>
            </div>

            <div class="bottom-box">
                <div class="text">One-stop solution for all your IT Needs<a href="/services" class="theme-btn">Find Your Solution</a></div>
            </div>
        </div>
    </section>
    <!-- End Services Section-->
    <!-- Process Section -->
    <section class="process-section mt-5">
        <div class="auto-container">
            <div class="sec-title text-center">
                <span class="sub-title">Work Process</span>
                <h2>3 easy working steps</h2>
            </div>

            <div class="row">
                <!-- Process block -->
                <div class="process-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp">
                    <div class="inner-box">
                        <div class="icon-box">
                            <span class="count">01</span>
                            <img class="icon" src="{{asset('assets/images/icons/consultation.png')}}" alt="">
                        </div>
                        <h6 class="title">Consultation</h6>
                        <div class="text">We meet with our clients to understand their needs and goals.</div>
                    </div>
                </div>

                <!-- Process block -->
                <div class="process-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="400ms">
                    <div class="inner-box">
                        <div class="icon-box">
                            <span class="count">02</span>
                            <img class="icon" src="{{asset('assets/images/icons/strategy.png')}}" alt="">
                        </div>
                        <h6 class="title">Strategy</h6>
                        <div class="text">We devise a customized plan to deliver the right solution for our clients.</div>
                    </div>
                </div>

                <!-- Process block Two  -->
                <div class="process-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="800ms">
                    <div class="inner-box">
                        <div class="icon-box">
                            <span class="count">03</span>
                            <img class="icon" src="{{asset('assets/images/icons/implementation.png')}}" alt="">
                        </div>
                        <h6 class="title">Implementation</h6>
                        <div class="text">We execute the plan with precision and deliver the final product.</div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Process Section -->
    <!-- Features Section Three -->
    <section class="features-section-three">
        <div class="bg" style="background-image: url({{asset('assets/images/background/3.webp')}})"></div>
        <div class="auto-container">
            <div class="row">
                <!-- Title Column -->
                <div class="title-column col-xl-6 col-lg-12 col-md-12 col-sm-12">
                    <div class="inner-column">
                        <div class="sec-title light">
                            <span class="sub-title">Working areas</span>
                            <h2>Tailored IT Solutions for Your Business Needs</h2>
                            <div class="text">Discover our comprehensive range of IT services tailored to meet the specific needs of your business. From web and app designing to cloud working solutions and more, we offer end-to-end technology solutions that help you streamline operations and drive growth.</div>
                        </div>
                        <a href="/services" class="theme-btn btn-style-one"><span class="btn-title">Explore now</span></a>
                    </div>
                </div>

                <div class="features-column col-xl-6 col-lg-12 col-md-12">
                    <div class="row">
                        <!-- Feature Block Three -->
                        <div class="feature-block-three col-lg-6 col-md-6">
                            <div class="inner-box">
                                <div class="content">
                                    <span class="icon"><i class="fa fa-globe"></i></span>
                                    <h6 class="title"><a href="/services/web-designing-services">Web Design</a></h6>
                                </div>
                            </div>
                        </div>

                        <!-- Feature Block Three -->
                        <div class="feature-block-three col-lg-6 col-md-6">
                            <div class="inner-box">
                                <div class="content">
                                    <span class="icon"><i class="fa-brands fa-app-store-ios"></i></span>
                                    <h6 class="title"><a href="/services/hybrid-apps-developement">Hybrid Apps</a></h6>
                                </div>
                            </div>
                        </div>

                        <!-- Feature Block Three -->
                        <div class="feature-block-three col-lg-6 col-md-6">
                            <div class="inner-box">
                                <div class="content">
                                    <span class="icon"><i class="fa fa-tv"></i></span>
                                    <h6 class="title"><a href="/services/it-infrastructure-services">IT Management</a></h6>
                                </div>
                            </div>
                        </div>

                        <!-- Feature Block Three -->
                        <div class="feature-block-three col-lg-6 col-md-6">
                            <div class="inner-box">
                                <div class="content">
                                    <span class="icon"><i class="fa fa-tools"></i></span>
                                    <h6 class="title"><a href="/services/it-amc-services">AMC Services</a></h6>
                                </div>
                            </div>
                        </div>

                        <!-- Feature Block Three -->
                        <div class="feature-block-three col-lg-6 col-md-6">
                            <div class="inner-box">
                                <div class="content">
                                    <span class="icon"><i class="fa-solid fa-laptop"></i></span>
                                    <h6 class="title"><a href="/services/pc-sales-services">PC Sales & Service</a></h6>
                                </div>
                            </div>
                        </div>

                        <!-- Feature Block Three -->
                        <div class="feature-block-three col-lg-6 col-md-6">
                            <div class="inner-box">
                                <div class="content">
                                    <span class="icon"><i class="fa-solid fa-database"></i></span>
                                    <h6 class="title"><a href="/services/data-recovery-services">Data Recovery</a></h6>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Features Section -->

    <!-- Contact Section Two -->
    <section class="contact-section-two pull-down">
        <div class="bg bg-pattern-14"></div>
        <div class="auto-container">
            <div class="row">
                <!-- Title Column -->
                <div class="title-column col-lg-5 col-md-12">
                    <div class="inner-column">
                        <div class="sec-title light">
                            <span class="sub-title">Get in touch</span>
                            <h2>We are Here to<br> Help You & Your<br> Business</h2>
                            <div class="text">Need technical support or assistance? Our team is here to help. Fill out the form below and we'll get back to you shortly.</div>
                        </div>
                        <div class="timing">
                            <span class="tilte">Timings</span>
                            <div class="time">9:00 am - 5:00 pm</div>
                        </div>
                    </div>
                </div>

                <!-- Form Column -->
                <div class="form-column col-lg-7 col-md-12 col-sm-12">
                    <div class="inner-column">
                        <!-- Contact Form -->
                        <div class="contact-form style-two wow fadeInLeft">
                            <!-- Contact Form -->
                            <form id="contact_form" name="contact_form" class="" action="#" method="post">
                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="mb-3">
                                            <input name="name" class="form-control" type="text" placeholder="Enter Name" required>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="mb-3">
                                            <input name="email" class="form-control required email" type="email" placeholder="Enter Email" required>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="mb-3">
                                            <input name="subject" class="form-control required" type="text" placeholder="Enter Subject" required>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="mb-3">
                                            <input name="phone" class="form-control" type="text" placeholder="Enter Phone">
                                        </div>
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <textarea name="message" class="form-control required" rows="5" placeholder="Enter Message" required></textarea>
                                </div>
                                <div class="mb-3 text-center">
                                    <input name="botcheck" class="form-control" type="hidden" value="" />
                                    <div class="d-flex" style="width: 100%">
                                        <button id="submit-btn" type="submit" class="theme-btn btn-style-one flex-fill mx-2" data-loading-text="Please wait...">
                                            <span class="btn-title">Send message</span>
                                        </button>
                                        <button type="reset" class="theme-btn btn-style-one flex-fill mx-2">
                                            <span class="btn-title">Reset</span>
                                        </button>
                                    </div>
                                </div>
                            </form>
                            <!--End Contact Form -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Contact Section -->

    <!-- Call To Action Two -->
    <section class="call-to-action-two">
        <div class="auto-container">
            <div class="outer-box wow fadeIn">
                <div class="title-box">
                    <h4 class="title">Get your <span class="colored">FREE</span><br>IT consultation</h4>
                </div>
                <div class="icon-box">
                    <i class="icon flaticon-phone-call"></i>
                </div>
                <div class="info-box">
                    <a href="tel:+91-8090114114" class="num">+91-8090114114</a>
                    <a href="mailto:[email protected]" class="mail">[email protected]</a>
                </div>
            </div>
        </div>
    </section>
    <!--End Call To Action TWo -->

    <!-- Map Section-->
    <section class="map-section mt-2">
        <iframe class="map" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d14239.526942921322!2d80.9487097!3d26.8437136!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xa72568ae92f437c6!2sSIBIN%20Tech%20Solutions!5e0!3m2!1sen!2sin!4v1676977826391!5m2!1sen!2sin">
        </iframe>
        <div class="auto-container">
            <div class="info-box">
                <div class="text">102, Riz Building, 5 Park Road <br>Hazratganj, Lucknow<br>Uttar Pradesh, India</div>
                <ul class="info-list">
                    <li><i class="fa fa-envelope"></i> <a href="mailto:[email protected]">[email protected]</a></li>
                    <li><i class="fa fa-phone-square"></i> <a href="tel:+91-8090114114">+91-8090114114</a></li>
                </ul>
            </div>
        </div>
    </section>
    <!--End Map Section-->


</x-layout>