Logo Generator - Copy this React, Tailwind Component to your project
Create-a-beautiful-homepage-for-a-logo-website-with-the-following-features:-1.-A-**navbar**-at-the-top-with-the-following-items:---Home---Features---Pricing---Contact-Style-the-navbar-with-a-dark-background-and-white-text.-Make-the-navbar-items-centered-and-add-a-hover-effect-that-underlines-the-text-when-hovered.-2.-Below-the-navbar,-create-a-section-with-the-following:---A-heading-"Welcome-to-Logo-Generator"-in-large,-bold-text-with-a-stylish-font.---A-description-text-below-the-heading-explaining-that-users-can-create-custom-logos.-3.-Add-an-**input-box**-where-users-can-type-a-prompt-or-description-for-the-logo-they-want-to-generate.-The-input-box-should-have-a-placeholder-text-like-"Enter-your-logo-idea-here".-Style-the-input-box-with-a-border-and-some-padding.-4.-Create-a-**Generate-Logo**-button-right-below-the-input-box.-The-button-should-be-green-with-white-text,-rounded-corners,-and-a-hover-effect-that-changes-the-background-color.-5.-Below-the-button,-add-a-section-to-display-the-generated-logo-(or-a-placeholder-image-for-now).-The-section-should-be-empty-initially-and-will-later-display-the-logo-after-the-user-clicks-the-Generate-Logo-button.-6.-Make-the-page-responsive-so-it-looks-great-on-both-desktop-and-mobile-devices.-Provide-the-code-to-create-this-layout-and-ensure-the-input-box-is-functional-with-basic-styling-for-a-modern,-clean-look.
