# Fort Awesome Icons Documentation

This project utilizes [Font Awesome](https://fontawesome.com/) icons through the `@fortawesome/vue-fontawesome` library to provide a rich set of vector icons.

## Implementation

The `FontAwesomeIcon` component is used to display icons throughout the application.

### Components Using Font Awesome Icons

- **`App.vue`**: Used for social media links in the footer and for search/close icons in the header.
- **`Contact.vue`**: Used for contact information icons (location, email, phone) and form icons.
- **`Features.vue`**: Used for feature list icons and form icons.
- **`Services.vue`**: Used for service-related icons and pricing feature checkmarks.
- **`SupportAndHelp.vue`**: Used for FAQ section icons and contact method icons.

## Usage Example

```vue
<template>
  <FontAwesomeIcon :icon="faCoffee" />
</template>

<script>
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
import { faCoffee } from '@fortawesome/free-solid-svg-icons';

export default {
  components: {
    FontAwesomeIcon
  },
  data() {
    return {
      faCoffee
    }
  }
}
</script>
```

For a complete list of available icons and usage options, please refer to the official [Font Awesome documentation](https://fontawesome.com/docs).