AboutTwo

The AboutTwo component displays a section providing information about a product or service.

Props

The AboutTwo component accepts the following props:

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

• subTitle (string, required): The subtitle or tagline for the about section.

• highlight (string, required): A highlighted or emphasized text within the main title.

• description (string, required): A description or details about the product or service.

• buttonText (string, required): The text displayed on the button or link.

• imageLight (string, required): The image path representing the light-themed version of the about section.

• imageDark (string, required): The image path representing the dark-themed version of the about section.

Usage Example

<AboutTwo
  title="Track Your Audience"
  subTitle="grow your business faster"
  highlight="Activities"
  description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ultricies lacus non fermentum ultrices. Fusce consectetur le."
  buttonText="Know More"
  imageLight="./images/about/about-light-02.svg"
  imageDark="./images/about/about-dark-02.svg"
/>

In the example above, the AboutTwo component is used with sample data to render a section providing information about a product or service. Make sure to replace the prop values with the appropriate data and adjust the image paths based on your project structure.

Styling

The AboutTwo component uses Tailwind CSS utility classes for styling. You can customize the component's appearance by modifying these classes or extending them with your own styles.

For more information on Tailwind CSS, refer to the official documentation: https://tailwindcss.com/docs