In this challenge, you will integrate and assemble a fully-functional marketing website typical for a SaaS product by linking individual pre-developed pages and sections.

As this challenge is a combination of other sections or components, you should build them first to ensure all states and requirements are covered.

Implementation requirements

The requirements that each component has to fulfill remains the same - you should refer to them in their individual briefs and ensure that their functionality remains intact after integration:

• Marketing Landing Page
• Features Page
• About Us Page
• Pricing Page
• Contact Us Page
• 404 Page
• Cookie Consent

Integration requirements

• Links: All links (navbar, content, footer) should navigate correctly to the other pages within the marketing website.
• Pages: Each page should be on its own route and visitors can navigate between the pages easily. Since this is a multi-page challenge, consider building the website as a Single Page Application or using frameworks like Next.js and Astro.
• Not found page: Accessing a non-existent page should lead to the 404 page.
• Cookie banner: Integrate the cookie consent banner such that it is shown the first time a user visits any page on the website.
• Cross-browser compatibility: Check that your solution works for major browsers including Chrome, Firefox, and Safari.
• Search engine optimization (SEO): Optimize the SEO for your page.
  • Titles and descriptions: Each page should have title and description fields that search engines use to index the page. You're free to come up with your own content for these fields.
  • Sitemap: Create a sitemap at /sitemap.xml that lists all the pages of the website.
• Lighthouse audit: Perform a Lighthouse audit and achieve above 90 rating for all sections of the report.