@php 
$sitesetting = App\Models\Si
@endphp

@extends('layouts.app')

@section('metapart')
<meta name="twitter:site" content="@Lambentnano Chemicals">
<meta name="twitter:creator" content="@Lambentnano Chemicals">
<meta name="twitter:card" content="summary">  
<meta name="twitter:title" content="Lambentnano Chemicals">
<meta name="twitter:description" content="http://lambentnanochemicals.com">
<meta name="twitter:image" content="img/bg-default.jpg">
<meta property="og:url" content="Lambentnano Chemicals">
<meta property="og:title" content="Lambentnano Chemicals">
<meta property="og:description" content="Lambentnano Chemicals">
<meta property="og:type" content="website">
<meta property="og:image" content="img/bg-default.jpg"> 
<meta property="og:image:secure_url" content="img/bg-default.jpg">
<meta property="og:image:type" content="image/jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
@endsection

@section('pagetitle')
<title>Lambentnano Chemicals | Contact</title>
@endsection

@section('content')

       <!-- Breadcrumb Section Start -->
       <div class="breadcrumb-wrapper bg-cover" style="background-image: url('{{asset('frontend/vendor')}}/images/breadcrumb-bg.jpg');">
            <div class="shape-image float-bob-y">
                <img src="{{asset('frontend/vendor')}}/images/vector.png" alt="img">
            </div>
            <div class="container">
                <div class="breadcrumb-wrapper-items">
                    <div class="page-heading">
                        <div class="breadcrumb-sub-title">
                            <h1 class="wow fadeInUp" data-wow-delay=".3s">Contact Us</h1>
                        </div>
                        <ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".5s">
                            <li>
                                <a href="index.html">
                                Home
                                </a>
                            </li>
                            <li>
                                <i class="fa-sharp fa-solid fa-slash-forward"></i>
                            </li>
                            <li>
                                Contact Us
                            </li>
                        </ul>
                    </div>
                    <div class="breadcrumb-image">
                        <img src="{{asset('frontend/vendor')}}/images/breadcrumb-image.png" alt="img" class="float-bob-x">
                        <div class="bar-shape">
                            <img src="{{asset('frontend/vendor')}}/images/breadcrumb-bar.png" alt="img">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Contact Info Section Start -->
        <section class="contact-info-section fix section-padding">
            <div class="container">
                <div class="section-title text-center">
                    <h6 class="wow fadeInUp"><i class="fa-regular fa-arrow-left-long"></i>CONTACT US<i class="fa-regular fa-arrow-right-long"></i></h6>
                    <h2 class="splt-txt wow" data-splitting>Our Contact Information</h2>
                </div>
                <div class="row">
                    <div class="col-xxl-4 col-xl-6 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".2s">
                        <div class="contact-box-items">
                            <div class="icon">
                                <img src="{{asset('frontend/vendor')}}/images/18.svg" alt="img">
                            </div>
                            <div class="content">
                                <h3>Our Address</h3>
                                <p>
                                    
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-4 col-xl-6 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".4s">
                        <div class="contact-box-items">
                            <div class="icon">
                                <img src="{{asset('frontend/vendor')}}/images/19.svg" alt="img">
                            </div>
                            <div class="content">
                                <h3>Email Address</h3>
                                <p>
                                    Mobile :<a href="tel:984756123695">9847 5612 3695</a> <br>
                                    Email :<a href="mailto:example@gmail.com">example@gmail.com</a>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-4 col-xl-6 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".6s">
                        <div class="contact-box-items">
                            <div class="icon">
                                <img src="{{asset('frontend/vendor')}}/images/20.svg" alt="img">
                            </div>
                            <div class="content">
                                <h3>Hours of Operation</h3>
                                <p>
                                    Monday-Saturday : 8:00 - <br> 9:00 Sunday : Closed
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Contact Section Start -->
        <section class="contact-section-22">
            <div class="container">
                <div class="contact-form-items">
                    <div class="title text-center">
                        <h2 class="splt-txt wow" data-splitting>Get In Touch</h2>
                    </div>
                    <form action="contact.php" id="contact-form" method="POST">
                        <div class="row g-4">
                            <div class="col-lg-6 wow fadeInUp" data-wow-delay=".2s">
                                <div class="form-clt">
                                    <input type="text" name="name" id="name" placeholder="Fast Name">
                                    <div class="icon">
                                        <i class="fa-regular fa-user"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 wow fadeInUp" data-wow-delay=".4s">
                                <div class="form-clt">
                                    <input type="text" name="name" id="name12" placeholder="Last Name">
                                    <div class="icon">
                                        <i class="fa-regular fa-user"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 wow fadeInUp" data-wow-delay=".2s">
                                <div class="form-clt">
                                    <input type="text" name="number" id="number" placeholder="Phone Number">
                                    <div class="icon">
                                        <i class="fa-regular fa-phone"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 wow fadeInUp" data-wow-delay=".4s">
                                <div class="form-clt">
                                    <input type="text" name="email" id="email3" placeholder="Email Address">
                                    <div class="icon">
                                        <i class="fa-regular fa-envelope"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-12 wow fadeInUp" data-wow-delay=".2s">
                                <div class="form-clt">
                                    <textarea name="message" id="message" placeholder="What’s on your mind"></textarea>
                                    <div class="icon">
                                        <i class="fa-sharp fa-light fa-pencil"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-12 wow fadeInUp" data-wow-delay=".4s">
                                <button type="submit" class="theme-btn w-100">
                                    SEND MESSAGE NOW
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </section>
        
        <!-- Contact Info Section Start -->
        <div class="office-google-map-wrapper">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6678.7619084840835!2d144.9618311901502!3d-37.81450084255415!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad642b4758afc1d%3A0x3119cc820fdfc62e!2sEnvato!5e0!3m2!1sen!2sbd!4v1641984054261!5m2!1sen!2sbd" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
        </div>

        <!-- Brand Section Start -->
        <div class="brand-section fix section-padding">
            <div class="container">
                <div class="swiper brand-slider">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="brand-image center">
                                <img src="{{asset('frontend/vendor')}}/images/brand-logo.png" alt="img">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="brand-image center">
                                <img src="{{asset('frontend/vendor')}}/images/brand-logo-2.png" alt="img">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="brand-image center">
                                <img src="{{asset('frontend/vendor')}}/images/brand-logo-3.png" alt="img">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="brand-image center">
                                <img src="{{asset('frontend/vendor')}}/images/brand-logo-4.png" alt="img">
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="brand-image center">
                                <img src="{{asset('frontend/vendor')}}/images/brand-logo-5.png" alt="img">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

@endsection