@extends('layouts.user')

@section('title', 'Contact La Classe Translation Pvt Ltd | Fast Language Support Now')
@section('description',  'Contact La Classe Translation Pvt. Ltd. for certified translation and localization services. Get fast response, expert guidance and trusted language support today!')
@section('keywords', 'La Classe Translation Pvt Ltd contact, translation company contact Delhi, language translation services enquiry, professional translation support, localization services India, certified translators contact, business translation services Delhi')
@section('canonical', url()->current())
@section('og_image', asset('images/favicon.webp'))
@section('schema')
@verbatim
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "ContactPage",
      "@id": "https://www.laclasse.in/contact-us#contactpage",
      "url": "https://www.laclasse.in/contact-us",
      "name": "Contact La Classe Translation Pvt. Ltd. | Translation & Apostille Services in Delhi",
      "description": "Get in touch with La Classe Translation Pvt. Ltd. for professional translation services in Delhi, apostille services in Delhi, and document translation across India.",
      "inLanguage": "en",
      "keywords": [
        "translation services Delhi",
        "apostille services Delhi",
        "document translation India"
      ],
      "about": {
        "@id": "https://www.laclasse.in/#organization"
      },
      "isPartOf": {
        "@type": "WebSite",
        "@id": "https://www.laclasse.in/#website",
        "url": "https://www.laclasse.in/",
        "name": "La Classe Translation Pvt. Ltd."
      }
    },

    {
      "@type": "LocalBusiness",
      "@id": "https://www.laclasse.in/#localbusiness",
      "name": "La Classe Translation Pvt. Ltd.",
      "url": "https://www.laclasse.in/contact-us",
      "email": "manohar.roshan@laclasse.in",
      "telephone": [
        "+91-9958298424",
        "+91-9315762227",
        "+91-8486421286"
      ],
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "Aditya Arcade, F-126-128, Preet Vihar",
        "addressLocality": "New Delhi",
        "addressRegion": "Delhi",
        "postalCode": "110092",
        "addressCountry": "IN"
      },
      "geo": {
        "@type": "GeoCoordinates",
        "latitude": "28.6416",
        "longitude": "77.2926"
      },
      "areaServed": {
        "@type": "AdministrativeArea",
        "name": "Delhi NCR, India"
      },
      "contactPoint": [
        {
          "@type": "ContactPoint",
          "contactType": "customer support",
          "email": "manohar.roshan@laclasse.in",
          "telephone": "+91-9958298424",
          "areaServed": "IN",
          "availableLanguage": ["English", "Hindi"]
        }
      ]
    }

  ]
}
@endverbatim
@endsection

<style>
    .page-title.parallaxie {
    background: url("images/contact.jpg") no-repeat center center !important;
    background-size: cover !important;
    height: 500px !important; /* Desktop default */
}

/* Tablet */
@media (max-width: 992px) {
    .page-title.parallaxie {
        height: 350px !important;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .page-title.parallaxie {
        height: 200px !important;
    }
}
</style>

@section('content')
    <div class="search-input" id="search-input-box">
        <div class="container ">
            <form class="d-flex justify-content-between search-inner">
            <input type="text" class="form-control" id="search-input" placeholder="Search Here">
            <button type="submit" class="btn"></button>
            <span class="flaticon-close" id="close-search" title="Close Search"></span>
            </form>
        </div>
        </div>

        <!--header end-->


        <!--page title start-->

        <section class="page-title parallaxie">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-md-12">
                <nav aria-label="breadcrumb" class="page-breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ url('/') }}">Home</a></li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
</section>

        <!--page title end-->


        <!--body content start-->

        <div class="page-content">

        <!--contact start-->

        <section class="contact-section py-5" style="font-family: Arial, sans-serif; background-color: #72cdff;">
            <div class="container">
            <h1 class="text-white mb-4">Have Questions? Contact La Classe Support for Translation Services</h1>
            <form class="bg-white p-4 rounded">
                <div class="row mb-3">
                <div class="col-md-6 mb-3 mb-md-0">
                    <input type="text" class="form-control rounded-pill" placeholder="Full Name" id="pname">
                </div>
                <div class="col-md-6">
                    <input type="text" class="form-control rounded-pill" placeholder="Phone Number" id="pphone">
                </div>
                </div>
                <div class="row mb-3">
                <div class="col-md-6 mb-3 mb-md-0">
                    <input type="email" class="form-control rounded-pill" placeholder="Email Address" id="pemail">
                </div>
                <div class="col-md-6">
                    <input type="text" class="form-control rounded-pill" placeholder="Subject" id="psubject">
                </div>
                </div>
                <div class="mb-3">
                <textarea class="form-control" rows="5" placeholder="Type Your Message" id="pmessage"></textarea>
                </div>
                <div class="text-center">
                <button type="submit" onclick="sendContactInquiry()" class="btn btn-white text-primary fw-bold rounded-pill px-4 py-2" style="background: #fff;">Send Message</button>
                </div>
            </form>
            </div>

            <div class="container mt-5">
            <div class="row text-white">
                <div class="col-md-4 mb-3">
                <div class="p-4 bg-info rounded text-center">
                    <div class="mb-2">
                    <i class="fas fa-map-marker-alt fa-2x"></i>
                    </div>
                    <h5 class="fw-bold">Visit Us</h5>
                    <p>F-126, Aditya Arcade, Preet Vihar, Delhi-110092.</p>
                </div>
                </div>
                <div class="col-md-4 mb-3">
                <div class="p-4 bg-info rounded text-center">
                    <div class="mb-2">
                    <i class="fas fa-phone fa-2x"></i>
                    </div>
                    <h5 class="fw-bold">Call Us</h5>
                    <p>011-4304 8424 / +91-99582 98424</p>
                </div>
                </div>
                <div class="col-md-4 mb-3">
                <div class="p-4 bg-info rounded text-center">
                    <div class="mb-2">
                    <i class="fas fa-envelope fa-2x"></i>
                    </div>
                    <h5 class="fw-bold">Email Us</h5>
                    <p>manohar.roshan@laclasse.in</p>
                </div>
                </div>
            </div>
            </div>
        </section>


        <div class="conatiner">
            <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d112054.02094134406!2d77.294792!3d28.639107!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390cfb51019aaaab%3A0x124c7ccc3106f40!2sLa%20Classe%20Translation%20%7C%20Document%20Translation%20%7C%20Translation%20services!5e0!3m2!1sen!2sus!4v1754120257825!5m2!1sen!2sus" style="border:0;  width: 100%;
            height: 400px;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
        </div>

        <!--contact end-->

        </div>

        <!--body content end-->
@endsection