This pull request implements the Mastercraft web design based on the Figma file provided. The following key sections have been developed:

Header and Navigation:

A responsive header with navigation links and logo, following the layout in the design.
Landing Page:

The main landing page is styled and structured as per the Figma design, with all sections laid out as required.
Typography and Colors:

Typography and color schemes have been applied to match the Figma design, using variables in the stylesheet for easy maintenance.
Responsive Design:

The design has been made fully responsive across various screen sizes, with adjustments for mobile, tablet, and desktop views.
Assets:

Images, icons, and fonts from the Figma file have been integrated into the project.

Outstanding Issues:

Most of the contents on the pages are dummy data will have to be replaced with the data from the backend

Screenshot

Screenshot_15-9-2024_10815_localhost Screenshot_15-9-2024_10751_localhost