Landing Page - Copy this React, Tailwind Component to your project

create-a-web-page-for-this-css-style:-<style>-body-{-font-family:-Arial,-sans-serif;-margin:-0;-padding:-0;-background-color:-#f5ead6;-color:-#5a4534;-}-header-{-background-color:-#e6c08b;-padding:-15px-20px;-display:-flex;-justify-content:-space-between;-align-items:-center;-}-header-.logo-{-font-size:-24px;-font-weight:-bold;-color:-#fff;-}-nav-{-display:-flex;-gap:-15px;-}-nav-a-{-color:-#fff;-text-decoration:-none;-font-weight:-normal;-font-size:-16px;-}-nav-a:hover-{-text-decoration:-underline;-}-.menu-icon-{-font-size:-16px;-cursor:-pointer;-display:-block;-}-@media-(min-width:-768px)-{-nav-{-display:-flex;-/*-Mostra-menu-sui-dispositivi-più-grandi-*/-}-.menu-icon-{-display:-none;-/*-Nascondi-icona-del-menu-sui-dispositivi-più-grandi-*/-}-/*-Sezione-copertina-*/-.hero-{-position:-relative;-background:-url('img/modulistica.png')-no-repeat-center-center/cover;-color:-white;-text-align:-left;-padding:-100px-20px;-}-.hero-overlay-{-position:-absolute;-top:-0;-left:-0;-width:-100%;-height:-100%;-background-color:-rgba(0,-0,-0,-0.5);-z-index:-1;-}-.hero-content-{-position:-relative;-z-index:-2;-}-.hero-h1-{-font-size:-36px;-margin:-0;-}-.hero-p-{-margin:-10px-0;-font-size:-18px;-}-.hero-button-{-background-color:-#e6c08b;-color:-white;-border:-none;-padding:-10px-20px;-font-size:-14px;-cursor:-pointer;-border-radius:-5px;-}-/*-Sezione-contenuti-*/-.content-{-display:-grid;-grid-template-columns:-repeat(auto-fit,-minmax(300px,-1fr));-gap:-20px;-padding:-30px;-}-.content-div-{-background-color:-#fff;-padding:-20px;-border-radius:-8px;-box-shadow:-0-4px-10px-rgba(0,-0,-0,-0.1);-text-align:-center;-}-.content-img-{-max-width:-200px;-margin-bottom:-15px;-}-.content-h3-{-margin:-10px-0;-font-size:-20px;-color:#5f9ea0}-}-.content-p-{-font-size:-16px;-color:-#666;-}-.chiosa-section-{-background-color:-#e7d4ba;-/*-Champagne-*/-padding:-40px;-text-align:-justify;-margin:-20px-0;-border-top:-2px-solid-#b58d58;-/*-Marrone-chiaro-per-separazione-visiva-*/-border-bottom:-2px-solid-#b58d58;-}-.chiosa-section-p-{-font-size:-18px;-line-height:-1.6;-color:-#5a4a41;-/*-Testo-marrone-scuro-*/-margin:-0;-}-/*-Footer-Styling-*/-footer-{-background-color:-#e6c08b;-color:-#800000;-padding:-20px-10px;-text-align:-center;-margin-top:-auto;-}-.footer-container-{-display:-flex;-flex-wrap:-wrap;-justify-content:-space-between;-align-items:-flex-start;-max-width:-90%;-margin:-0-auto;-gap:-20px;-border-bottom:-2px-solid-none;-padding-top:-20px;-}-.footer-section-{-flex:-1;-min-width:-200px;-text-align:-left;-padding-right:-20px;-/*-For-spacing-before-the-separator-line-*/-}-/*-Separator-Line-*/-.footer-container->-.footer-section:not(:last-child)-{-border-right:-2px-solid-none;-/*-Line-separator-between-sections-*/-padding-right:-20px;-}-.footer-section-h4-{-margin-bottom:-10px;-font-size:-1.2rem;-}-.footer-section-p,-.footer-section-a-{-font-size:-0.9rem;-color:-purple;-text-decoration:-none;-margin-bottom:-5px;-display:-block;-}-.footer-section-a:hover-{-color:-#e6c08b;-}-/*-Responsive-Design-*/-@media-(max-width:-768px)-{-.footer-container-{-flex-direction:-column;-align-items:-center;-text-align:-center;-}-.footer-section-{-text-align:-center;-padding-right:-0;-}-.footer-container->-.footer-section:not(:last-child)-{-border-right:-none;-}-</style>-<script>-//-JavaScript-per-il-menu-hamburger-function-toggleMenu()-{-const-nav-=-document.querySelector('nav');-nav.style.display-=-nav.style.display-===-'block'-?-'none'-:-'block';-}-</script>