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

Generate this application please Homepage Wireframe: Header: Logo, Search bar, Login/Sign up buttons Navigation menu: Categories, Use Cases, Providers Featured data products carousel Popular categories grid Top providers section Footer: Links to About, Contact, Terms of Service, etc. Search Results Page Wireframe: Header and navigation (same as homepage) Left sidebar: Filters (categories, providers, pricing, etc.) Main content area: Search results in a grid or list view Each result showing: Product name, provider, brief description, pricing Pagination controls at the bottom Product Detail Page Wireframe: Header and navigation Breadcrumb navigation Product title and provider name Tabs: Overview, Sample Data, Pricing, Reviews "Get Data" or "Try Sample" prominent call to action button Related products section Data Sampling Interface Wireframe: Query input area Execute query button Results display area Option to download sample results Checkout Process Wireframe: Progress indicator (e.g., Cart > Billing > Review > Confirm) Selected products summary Pricing details and total Payment method selection Terms and conditions checkbox "Complete Purchase" button User Dashboard Wireframe: Sidebar navigation: My Products, Usage Stats, Billing, Account Settings Main content area changing based on selected nav item For "My Products": Grid of purchased products with key stats Provider Dashboard Wireframe: Sidebar navigation: My Listings, Sales Analytics, Payouts, Account Main area: For "My Listings": Table of products with edit/delete options For "Sales Analytics": Graphs and charts of sales data Add/Edit Product Listing Wireframe: Form with fields for: Product name Description Category selection Pricing model Sample query input File upload area for any supporting documents Preview and Submit buttons