Portfolio Landing Page - Copy this Html, Tailwind Component to your project

I want you to create a website with the following features: • Navigation Bar: Located at the top with a semi circular shape, containing links to all the required pages. The navigation should allow smooth scrolling to different sections of the same page without redirecting to a new page. • Dark Mode Toggle: A button in the top left corner to switch between dark mode and light mode. • Language Switcher: Next to the dark mode toggle, a button to switch between English and Arabic. The website layout should adapt based on the selected language: 1. About Me: • When in Arabic: Positioned on the left side, small in size. Below it, a box with the technologies I use. On the left side of this section, an illustration representing my personality (a character or figure without a face). • When in English: Positioned on the right side, small in size. Below it, a box with the technologies I use. On the right side of this section, the same illustration representing my personality. 2. Technologies: A subsection under “About Me” listing the technologies I have worked with, each represented by an image of its logo (CSS, HTML, JavaScript, PHP). 3. Section Layout: • Each section (Skills, Education, Professional Experience, Projects) should be displayed in a rectangular box with rounded corners. • The section title should be inside a rectangular box with rounded corners, making it stand out. • Below each title, the content (text or projects) should be placed in a lighter colored background, providing a clear distinction. 4. Projects: Include images and descriptions of my projects, displayed in the same styled sections. The website should follow a single page layout with smooth scrolling between sections when links are clicked, adapting the layout based on the language selected (Arabic or English)