Design a complete website consisting of 8 pages (HTML-CSS-SASS)

1. Header Section

Logo: Positioned at the top-left, indicating the brand identity ("Shehata").

Search Bar: Allows users to type keywords for quick access to various sections or information.

User Profile and Notifications: Icons at the top-right for user profile settings and notifications.

2. Sidebar Navigation

Menu Items: Includes Dashboard, Settings, Profile, Projects, Courses, Friends, Files, and Plans. This allows users to navigate to different sections of the application quickly.

3. Main Dashboard Area

Welcome Widget: Displays user information (name, role, number of projects, earnings) and a profile button.

Quick Draft: Provides a quick way to draft ideas with fields for title and thoughts.

4. Yearly Targets

Progress Bars: Shows targets for money, projects, and team, along with the progress percentage.

5. Tickets Statistics

Statistics Summary: Total tickets, pending, closed, and deleted tickets. Provides a quick overview of support or project tickets status.

6. Latest News

News Items: Lists recent updates or changes, such as new sections created, design changes, team increases, and payment gateway additions.

7. Latest Tasks

Task List: A list of recent tasks with brief descriptions, such as recording videos, writing articles, attending meetings, and finishing lessons.

8. Top Search Items

Keywords: Displays the most searched keywords with their search count, which helps understand what users are frequently looking for.

9. Latest Uploads

File List: Shows recently uploaded files with details like file type, uploader, and size.

10. Last Project Progress

Progress Steps: Visual representation of the stages of the latest project, from getting the project to completion and payment.

11. Reminders

Task Reminders: Lists reminders for upcoming tasks or deadlines with dates and times.

12. Latest Post

User Post: Displays a recent post by a user, including the content, likes, and comments.

13. Social Media Stats

Follower Counts: Displays social media metrics such as followers, likes, subscribers, and followers on different platforms (Twitter, Facebook, YouTube, LinkedIn).

14. Projects Section

Project List: A table listing various projects with details such as name, finish date, client, price, team, and status (e.g., pending, in progress, completed, rejected).

Overall Design and User Experience

Visual Theme: Clean and professional with a focus on clarity and functionality.

Color Scheme: Uses a combination of light backgrounds with colorful accents for highlighting important information.

Typography: Clear and readable fonts with variations in size to denote importance and hierarchy.

User Experience: Designed to be user-friendly, with quick access to vital information and easy navigation.