Contact

The Contact component displays a section for sending a message and contact information.

Props

The Contact component accepts the following props:

• title (string, required): The title of the contact section.

• terms (string, required): The terms and conditions text.

• button (string, required): The text for the send message button.

• subTitle (string, required): The subtitle for the contact information section.

• items (array of ContactItem, required): An array of objects representing the contact information items.

ContactItem

The ContactItem interface has the following structure:

interface ContactItem {
  title: string;
  text: string;
}

• title (string, required): The title of the contact item.

• text (string, required): The contact item text.

Usage Example

<Contact
  title="Send a message"
  terms="By clicking Checkbox, you agree to use our 'Form' terms And consent cookie usage in browser."
  button="Send Message"
  subTitle="Find us"
  items={[
    {
      title: "Our Loaction",
      text: "290 Maryam Springs 260, Courbevoie, Paris, France"
    },
    {
      title: "Email Address",
      text: "[email protected]"
    },
    {
      title: "Phone Number",
      text: "+009 42334 6343 843"
    }
  ]}
/>

In the example above, the Contact component is used to render a section for sending a message. The props are passed to customize the content and appearance of the component.