I want to create a smartphone specs website page with a modern, clean, and sleek UI. The design should be similar to the layout in the attached image, where the left side displays the smartphone's image, and the right side shows an overview of the specifications.

Design Requirements:
General Layout:

Left section: smartphone image.
Right section: overview of the specifications.
The top section should include:
A cost-effectiveness score rating.
User rating (with stars and review count).
A pros and cons section.
Below that, a detailed specifications section divided into categories like General, Design, Network, Display, Media, Camera, Software, Hardware, Connectivity, and Battery.
Scrolling Section:

Create a sticky menu with links to sections (Overview, Specs) on the page. When clicking these links, the page should scroll to the corresponding section.
Use a smooth scrolling effect with JavaScript for transitions between sections.
Design & UX Elements:

Add hover effects on buttons and sections.
Use clean typography and proper padding for readability.
Add icons where necessary (like for ratings or network indicators).
Display bars for rating (Design, Display, Camera, etc.) with a score out of 10.
Responsiveness:

The layout should be responsive and adjust to different screen sizes, including mobile and tablet views.
CSS Styling:

Use CSS Flexbox or Grid to create a well-aligned layout.
Keep the color scheme similar to the image for a professional and sleek look.
Sections:
Top Section:

Include the score rating, user score, and review stars.
Add a "Pros" and "Cons" section with a small list of advantages and disadvantages.
Main Specification Section:

Categories: General, Design, Display, Camera, Software, Hardware, Connectivity, Battery.
Use collapsible panels or tabs to display the information.
Overview Section:

Include a rating chart (e.g., Design: 9/10, Display: 10/10, Camera: 9/10, etc.).
Display the ratings using horizontal bars.
JavaScript Functionality:

Smooth scrolling between sections when the sticky menu items are clicked.
Collapsible tabs or sections for each category in the specifications.
Example Specs for the Smartphone:
plaintext
Copy code
**General**
- Device Type: Smart Phone
- Model: G935F, G935FD
- Announced: February, 2016
- Released: March, 2016

**Design**
- Type: Bar
- Dimensions: 150.9 x 72.6 x 7.7 mm
- Weight: 157 g
- Protection: IP68 certified - dust/waterproof up to 1.5m for 30 minutes
- Colors: Charcoal Black, Shimmery White, Electric Blue, Copper Gold

**Display**
- Type: Super AMOLED
- Size: 5.5 inches
- Resolution: 1440 x 2560 pixels
- Features: Always-on display, TouchWiz UI, Curved edge screen

**Camera**
- Primary: 12 MP
- Features: 4K video, phase detection autofocus, OIS
- Flash: LED flash
- Secondary: 5 MP

**Software**
- OS: Android 6.0 (Marshmallow)

**Hardware**
- Chipset: Exynos 8890 Octa
- CPU: Octa-core (4x2.3 GHz Mongoose & 4x1.6 GHz Cortex-A53)
- RAM: 4 GB
- Internal Storage: 32/64/128 GB
- Card Slot: Yes, microSD up to 256 GB

**Connectivity**
- Bluetooth: Yes, v4.2
- NFC: Yes
- USB: microUSB v2.0
- GPS: Yes, A-GPS, GLONASS, BDS

**Battery**
- Type: Li-Ion 3600 mAh, non-removable
- Standby Time: Up to 320 hrs
- Talk Time: Up to 27 hrs
Use this as the basis for generating the HTML, CSS, and JavaScript code.