Components for a nice contact us section.

Description

We’ve made the following contact-us components using various reactstrap components, and Bootstrap classes and also some custom scss/css classes.

Example

Contact Us 1

Since this component was created with the thought of expanding on a whole screen, you should also take a look at our live preview, to see it on full width here.

import React from "react";

// reactstrap components
// import {
//
// } from "reactstrap";

// Core Components
import ContactUs1 from "components/chat/ContactUs1.js";

function Example() {
  return (
    <>
      <ContactUs1 />
    </>
  );
}

export default Example;

Contact Us 2

Since this component was created with the thought of expanding on a whole screen, you should also take a look at our live preview, to see it on full width here.

import React from "react";

// reactstrap components
// import {
//
// } from "reactstrap";

// Core Components
import ContactUs2 from "components/chat/ContactUs2.js";

function Example() {
  return (
    <>
      <ContactUs2 />
    </>
  );
}

export default Example;

Contact Us 3

Since this component was created with the thought of expanding on a whole screen, you should also take a look at our live preview, to see it on full width here.

Got a question?

We'd like to talk more about what you need

Chat with us

Address

12124 First Street, nr 54

Email

[email protected]

Phone

+1(424) 535 3523

Contact

Andrew Samian

import React from "react";

// reactstrap components
// import {
//
// } from "reactstrap";

// Core Components
import ContactUs3 from "components/chat/ContactUs3.js";

function Example() {
  return (
    <>
      <ContactUs3 />
    </>
  );
}

export default Example;

Contact Us 4

Since this component was created with the thought of expanding on a whole screen, you should also take a look at our live preview, to see it on full width here.

import React from "react";

// reactstrap components
// import {
//
// } from "reactstrap";

// Core Components
import ContactUs4 from "components/chat/ContactUs4.js";

function Example() {
  return (
    <>
      <ContactUs4 />
    </>
  );
}

export default Example;

Note

You should note, that none of the bellow components are dynamic, as we do not know what your end use case will be. Feel free to change it, add your own props and dynamic code.