Create a responsive webpage with the following features:

HTML Structure:

Header: Logo with a clickable link, navigation menu $($Home$,$ Search, Price Trends, Alerts$).$

Search Section: Product input field, platform dropdown, search button.

Product Information Display: Grid with image, name, price, shipment date, return options, and delivery time.

Price Comparison Section: Dynamic table highlighting the lowest price and date.

Alert Feature: Set price drop alerts with success message and JavaScript notifications.

Chat Bot Integration: Icon with predefined options $("$Search Product," "Set Price Alert," "Help"$).$

CSS Styling:

Responsive Design: Media queries for various devices.

Color Scheme: Visually appealing colors aligned with the brand.

Typography: Readable fonts for a pleasant reading experience.

Navigation Bar Styling: Highlight current page, hover effects.

Product Display: Consistent layout with CSS transitions.

Chat Bot Styling: Visually appealing with subtle animations.

JavaScript Functionality:

Search Function: Fetch and display product info based on input and platform.

Price Comparison Logic: Dynamically compare prices, highlight lowest price, display date.

Alert System: Store and notify user$-$set alerts on price drops.

Chat Bot Interaction: Functions for predefined user interactions.

External APIs: Integrate if needed for real$-$time price updates.