77 lines
4.0 KiB
JavaScript
77 lines
4.0 KiB
JavaScript
import React from 'react';
|
|
import ContactForm from '../ContactFrom/ContactForm'
|
|
import { useTranslation } from 'next-i18next';
|
|
|
|
|
|
const Contactpage = () => {
|
|
const { t } = useTranslation("contact");
|
|
return (
|
|
<section className="wpo-contact-pg-section section-padding">
|
|
<div className="container">
|
|
<div className="row">
|
|
<div className="col col-lg-10 offset-lg-1">
|
|
<div className="office-info">
|
|
<div className="row">
|
|
{/* <div className="col col-xl-4 col-lg-6 col-md-6 col-12">
|
|
<div className="office-info-item">
|
|
<div className="office-info-icon">
|
|
<div className="icon">
|
|
<i className="fi flaticon-maps-and-flags"></i>
|
|
</div>
|
|
</div>
|
|
<div className="office-info-text">
|
|
<h2>Address</h2>
|
|
<p>7 Green Lake Street Crawfordsville, IN 47933</p>
|
|
</div>
|
|
</div>
|
|
</div> */}
|
|
<div className="col col-xl-6 col-lg-6 col-md-6 col-12">
|
|
<div className="office-info-item">
|
|
<div className="office-info-icon">
|
|
<div className="icon">
|
|
<i className="fi flaticon-email"></i>
|
|
</div>
|
|
</div>
|
|
<div className="office-info-text">
|
|
<h2>{t("contactInfo.emailTitle")}</h2>
|
|
<p>{t("contactInfo.email")}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="col col-xl-6 col-lg-6 col-md-6 col-12">
|
|
<div className="office-info-item">
|
|
<div className="office-info-icon">
|
|
<div className="icon">
|
|
<i className="fi flaticon-phone-call"></i>
|
|
</div>
|
|
</div>
|
|
<div className="office-info-text">
|
|
<h2>{t("contactInfo.callTitle")}</h2>
|
|
<p>{t("contactInfo.phone")}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="wpo-contact-title">
|
|
<h2>{t('contactInfo.questionTitle')}</h2>
|
|
<p>{t('contactInfo.questionDesc')}</p>
|
|
</div>
|
|
<div className="wpo-contact-form-area">
|
|
<ContactForm />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/* <section className="wpo-contact-map-section">
|
|
<div className="wpo-contact-map">
|
|
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d193595.9147703055!2d-74.11976314309273!3d40.69740344223377!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew+York%2C+NY%2C+USA!5e0!3m2!1sen!2sbd!4v1547528325671"></iframe>
|
|
</div>
|
|
</section> */}
|
|
</section>
|
|
)
|
|
|
|
}
|
|
|
|
export default Contactpage;
|