import React from 'react';
import { Footer, Header } from '../../layout';
import BreadcrumbThree from '../breadcrumb/breadcrumb-3';
import ContactMeArea from './contact-me-area';
import ContactMeFormArea from './contact-me-form-area';
import ContactMap from '../contact-us/contact-map';

const index = () => {
    return (
        <div className='sticky-header'>
            <div id="main-wrapper" className="main-wrapper">
                <Header no_top_bar={true} />
                <BreadcrumbThree title="Contact Me" subtitle="Contact Me" />
                <ContactMeArea/>
                <ContactMeFormArea/>
                <ContactMap/>
                <Footer style_2={'footer-dark bg-image footer-style-2'} />
            </div>
        </div>
    )
}

export default index;