Landing Page - Copy this React, Tailwind Component to your project
<!DOCTYPE-html>-<html-lang="en">-<head>-<meta-charset="UTF-8">-<meta-name="viewport"-content="width=device-width,-initial-scale=1.0">-<title>Responsive-Webpage</title>-<style>-body-{-font-family:-Arial,-sans-serif;-margin:-0;-padding:-0;-box-sizing:-border-box;-}-.header-.banner-{-background:-#a8f0c6;-padding:-20px;-display:-flex;-justify-content:-space-between;-align-items:-center;-}-.btn-{-background:-black;-color:-white;-padding:-10px-20px;-border:-none;-cursor:-pointer;-}-.contact-section-{-background:-#6c43ff;-color:-white;-padding:-40px;-text-align:-center;-}-.contact-section-ul-{-list-style:-none;-padding:-0;-}-.contact-section-ul-li-{-display:-inline;-margin:-0-10px;-}-.footer-{-background:-#6c43ff;-color:-white;-padding:-20px;-text-align:-center;-}-.social-icons-a-{-margin:-0-10px;-text-decoration:-none;-color:-white;-}-@media-(max-width:-768px)-{-.contact-section-ul-li-{-display:-block;-margin:-10px-0;-}-}-</style>-</head>-<body>-<header-class="header">-<div-class="banner">-<p>Meet-with-a-Webinar-&-Virtual-Event-Expert</p>-<button-class="btn">Talk-with-an-expert</button>-</div>-</header>-<section-class="contact-section">-<div-class="contact-text">-<h1>Let's-talk</h1>-<p>Get-in-touch-to-start</p>-</div>-<nav-class="links">-<ul>-<li><a-href="#">Websites</a></li>-<li><a-href="#">Collections</a></li>-<li><a-href="#">Elements</a></li>-<li><a-href="#">Academy</a></li>-<li><a-href="#">Jobs</a></li>-<li><a-href="#">Market</a></li>-<li><a-href="#">FAQs</a></li>-<li><a-href="#">About-Us</a></li>-<li><a-href="#">Contact-Us</a></li>-</ul>-</nav>-</section>-<footer-class="footer">-<p>Cookies-Policy-|-Legal-Terms-|-Privacy-Policy</p>-<div-class="social-icons">-<a-href="#"></a>-<a-href="#"></a>-<a-href="#"></a>-<a-href="#"></a>-</div>-</footer>-<script>-document.querySelector('.btn').addEventListener('click',-function()-{-alert('Thank-you-for-reaching-out!');-});-</script>-</body>-</html>-make-this-code-as-u-are-the-best-ui-designer-in-the-world
