@extends('layouts.site')
@section('title', 'Contact Us | Get In Touch With Devweb Technology - India’s-Leading Digital Marketing and Website Development Company.')
@section('meta')
<link rel="stylesheet" href="{{ route('site.contact-us') }}">
<meta property="keywords" content="Website Development Company| Web Design Company | Digital Marketing | Web Development Company in Rajkot| e-commerce Development|Digital Marketing Company Rajkot Gujarat India |Logo Designing | Live project Training | Social Media Marketing agency | Application Development| PPC | Graphics Design agency Rajkot | Website Design | On Page SEO | Website Development | Best Website Design and Website Development Company |  Video Creation | Digital Marketing Agency | Website Development Company | Best WordPress Development | Magneto Development | Wordpress Development| SEO Company Rajkot India">
<meta property="Description" content="Need digital solutions for your business? Get in touch with Devweb Technology Contact us today for digital marketing and SEO solutions to transform your business">
<meta itemprop="description" content="Devweb Technology Provide Best IT Services like Website Development, SEO, Digital Marketing, Application Development, web design, social media marketing, wordpress development, graphics design companies in Rajkot, Gujarat, India" >
<meta itemprop="image" content="https://devwebtechnology.com/storage/uploads/media/Website-Development-Company-Web-Design-Company-Digital-Marketing-Web-Development-Company-in-Rajkot-e-commerce-Development-Digital-Marketing-Company-Rajkot-Gujarat-India.jpg">
<meta property="og:title" content="Contact Us | Get In Touch With Devweb Technology - India’s-Leading Digital Marketing and Website Development Company.">
<meta property="og:type" content="website">
<meta property="og:description" content= "Need digital solutions for your business? Get in touch with Devweb Technology Contact us today for digital marketing and SEO solutions to transform your business">
<meta property="og:url" content="{{ route('site.contact-us') }}">
<meta property="og:site_name" content="Devweb Technology IT Company ">
<meta property="og:image" content="https://devwebtechnology.com/storage/uploads/media/Best-Website-Design-and-Website-Development-Company-Video-Creation-Digital-Marketing-Agency-Website-Development-Company-Best-WordPress-Development-Laravel-Development-Magneto-Development.webp" />
<meta name="twitter:title" content="Contact Us | Get In Touch With Devweb Technology - India’s-Leading Digital Marketing and Website Development Company.">
<meta name="twitter:description" content="Get excellent IT Services in SEO and Digital Marketing at Devweb Technology. Build your Business at one of the fastest growing website Development company">
@endsection
@section('site')
        <div role="main" class="main">
            <section
                class="page-header-modern custom-page-header bg-color-primary"data-bg-src="{{ asset('assets/img/demos/business-consulting-3/backgrounds/background-5.jpg.jpg') }}"
                style="background-size: cover; background-position: center;">
                <div class="container container-xl-custom py-2">
                    <div class="row">
                        <div class="col-md-8 order-2 order-md-1 align-self-center p-static">
                            <h1 class="font-weight-extra-bold text-12 appear-animation"
                                data-appear-animation="fadeInRightShorter" data-appear-animation-delay="200"
                                style="color:white;">Contact us</h1>
                        </div>
                        <div class="col-md-4 order-1 order-md-2 align-self-center">
                            <ul class="breadcrumb d-block text-md-end breadcrumb-light appear-animation"
                                data-appear-animation="fadeInRightShorter" data-appear-animation-delay="400">
                                <li><a href="{{ route('home') }}">Home</a></li>
                                <li class="active">Contact us</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </section>
            <section class="section section-height-3 bg-light border-0 pt-4 m-0 lazyload"
                data-bg-src="img/demos/business-consulting-3/backgrounds/background-6.jpg"
                style="background-size: 100%; background-repeat: no-repeat;">
                <div class="container py-4">
                    <div class="row box-shadow-4 mx-3 mx-xl-0 appear-animation"
                        data-appear-animation="fadeInUpShorter" data-appear-animation-delay="300">
                        <div class="col-lg-6 px-0">
                            <div class="bg-light h-100">
                                <div class="d-flex flex-column justify-content-center p-5 h-100 appear-animation"
                                    data-appear-animation="fadeInUpShorter" data-appear-animation-delay="500">
                                    <div class="pb-5 mb-4 mt-5 mt-lg-0">
                                        <div
                                            class="d-flex flex-column flex-md-row align-items-center justify-content-center pe-lg-4">
                                            <img width="105" height="105"
                                                src="img/demos/business-consulting-3/icons/map-pin.svg" alt="Location"
                                                data-icon
                                                data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-primary mb-4 mb-md-0'}"
                                                style="width: 105px;" />
                                            <div class="text-center text-md-start ps-md-3">
                                                <h2 class="font-weight-semibold text-6 mb-1">Devweb Technology
                                                    Business Contact </h2>
                                                <a href="https://maps.app.goo.gl/AqXXknx2rasGDUtt8" target="_blank"
                                                    class="text-3-5 mb-0"> 1st Floor Shop-84,
                                                    Ambika Shopping Center, 150 Feet Ring Rd, nr. Bhushan
                                                    Electronics, Near Raiya Circle, Brahma Samaj Nagar,
                                                    Girirajnagar, Rajkot, Gujarat 360007</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row justify-content-center mb-5 mb-lg-0">
                                        <div class="col-auto text-center ms-xl-auto mb-4 mb-xl-0">
                                            <h3 class="font-weight-semibold text-color-primary text-3-5 mb-0">
                                                office Phone Number</h3>
                                            <div class="d-flex">
                                                <img width="25" height="25"
                                                    src="{{ asset('assets/img/demos/business-consulting-3/icons/phone.svg') }}"
                                                    alt="Phone Icon" data-icon
                                                    data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-primary'}" />
                                                <a href="tel:+91 7016892290"
                                                    class="text-color-dark text-color-hover-primary font-weight-semibold text-decoration-none text-6 ms-2">7016892290</a>
                                            </div>
                                        </div>
                                        <div class="col-auto text-center me-xl-auto">
                                            <h3 class="font-weight-semibold text-color-primary text-3-5 mb-0">
                                                office Phone Number</h3>
                                            <div class="d-flex">
                                                <img width="25" height="25"
                                                    src="{{ asset('assets/img/demos/business-consulting-3/icons/phone.svg') }}"
                                                    alt="Phone Icon" data-icon
                                                    data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-primary'}" />
                                                <a href="tel:+91 8866685598"
                                                    class="text-color-dark text-color-hover-primary font-weight-semibold text-decoration-none text-6 ms-2">
                                                    8866685598</a>
                                            </div>
                                        </div>
                                        <div class="col-auto text-center pt-4 mt-5">
                                            <h3 class="font-weight-semibold text-color-primary text-3-5 mb-0">SEND
                                                AN EMAIL</h3>
                                            <div class="d-flex">
                                                <img width="25" height="25"
                                                    src="{{ asset('assets/img/demos/business-consulting-3/icons/email.svg') }}"
                                                    alt="Email Icon" data-icon
                                                    data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-fill-color-primary'}" />
                                                <a href="mailto:info@devwebtechnology.com"
                                                    class="text-color-dark text-color-hover-primary font-weight-semibold text-5-5 wb-all ms-2">info@devwebtechnology.com</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 px-0">
                            <div class="bg-dark h-100">
                                <div class="text-center text-md-start p-5 h-100 appear-animation"
                                    data-appear-animation="fadeInUpShorter" data-appear-animation-delay="750">
                                    <h2 class="text-color-light font-weight-medium mb-4 mt-5 mt-lg-0">Send Us a
                                        Message and Learn More About Our Services</h2>
                                    <p class="text-3-5 font-weight-medium mb-4">Cras a elit sit amet leo accumsan
                                        volutpat. Suspendisse hendreriast ehicula leo, vel efficitur felis ultrices
                                        non. </p>
                                    <form action="{{ route('contact.store') }}"
                                        class="contact-form form-style-4 form-placeholders-light-light mb-5 mb-lg-0"
                                        method="POST">
                                        @csrf
                                        <div class="row">
                                            <div class="form-group col">
                                                <input type="text" value=""
                                                    data-msg-required="Please enter your name." maxlength="100"
                                                    class="form-control text-3 custom-border-color-grey-1 h-auto py-2"
                                                    name="contact_name" placeholder="* Full Name" required>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col">
                                                <input type="email" value=""
                                                    data-msg-required="Please enter your email address."
                                                    data-msg-email="Please enter a valid email address."
                                                    maxlength="100"
                                                    class="form-control text-3 custom-border-color-grey-1 h-auto py-2"
                                                    name="contact_email" placeholder="* Email Address" required>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col">
                                                <input type="text" value=""
                                                    data-msg-required="Please enter your subject"
                                                    data-msg-email="Please enter a valid Subject" maxlength="100"
                                                    class="form-control text-3 custom-border-color-grey-1 h-auto py-2"
                                                    name="contact_subject" placeholder="* Subject" required>
                                            </div>
                                        </div>
                                        <div class="form-group col">
                                            <textarea maxlength="5000" data-msg-required="Please enter your message." rows="8"
                                                class="form-control text-3 custom-border-color-grey-1 h-auto py-2" name="contact_message" placeholder="* Message"
                                                required></textarea>
                                        </div>
                                        <div class="form-group ">
                                            <div class="g-recaptcha" data-sitekey="6LdyM1IpAAAAAHopvArp6XKKvWZ_mncErlobSins" data-size="normal" id="g-recaptcha-element">
                                    </div>
                                    <br>
                                    <div class="row">
                                            <div class="form-group col">
                                                <button type="submit"
                                                    class="btn btn-primary custom-btn-style-1 font-weight-semibold btn-px-4 btn-py-2 text-3-5"
                                                    data-loading-text="Loading..." data-cursor-effect-hover="plus"
                                                    data-cursor-effect-hover-color="light">
                                                    <span>Send Message</span>
                                                </button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Google Maps - Go to the bottom of the page to change settings and map location. -->
            <iframe
                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3691.3671579149423!2d70.76622887442504!3d22.301949942837318!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3959cbc000000023%3A0x372ffe21e636cc0f!2sDevweb%20Technology!5e0!3m2!1sen!2sin!4v1701927300486!5m2!1sen!2sin"
                width="100%" height="330" style="border:0;" allowfullscreen="" loading="lazy"
                referrerpolicy="no-referrer-when-downgrade"></iframe>
                @endsection