Skip to content

Instantly share code, notes, and snippets.

@navdeepsingh
Created November 21, 2020 09:56
Show Gist options
  • Save navdeepsingh/3666b80f2885637e5956f7a8f5ee0d1d to your computer and use it in GitHub Desktop.
Save navdeepsingh/3666b80f2885637e5956f7a8f5ee0d1d to your computer and use it in GitHub Desktop.
Contact Form - Index.tsx
import React from "react";
import PageLayout from "@page-components/page-layout";
import ContactUsFormClipart from "@svg-resources/contact-us-form-clipart";
import ContactForm from "./contact-form";
import ContactDetails from "./contact-details";
import css from "./index.scss";
const ContactUs = () => {
return (
<PageLayout>
<>
<div className={css.background}>
<h1 className={css.backgroundHeading}>Contact Us</h1>
<p className={css.backgroundParagraph}>
Find us here to answer all your queries
</p>
</div>
<div className={css.content1366Container}>
<div className={css.contentContainer}>
<div className={css.blockFirst}>
<h2 className={css.contentHeading}>Send us a message</h2>
<ContactForm />
</div>
<div className={css.blockSecond}>
<h2 className={css.contentHeading}>Contact information</h2>
<ContactDetails />
<ContactUsFormClipart className={css.contactClipart} />
</div>
</div>
</div>
</>
</PageLayout>
);
};
export default ContactUs;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment