Skip to content

Instantly share code, notes, and snippets.

@navdeepsingh

navdeepsingh/index.tsx

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.
Download ZIP

Revisions

  1. navdeepsingh created this gist Nov 21, 2020.
    37 changes: 37 additions & 0 deletions index.tsx
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,37 @@
    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;