feat: add landing page (#2)

* docs: revise 'Getting Started' section for clarity and coherence, updating personal journey and coaching experience

* feat: implement comprehensive landing page redesign with dark mode support

- Add custom landing page with hero section, feature cards, and responsive design
- Implement standalone dark mode toggle with localStorage persistence
- Create consistent color scheme matching Docusaurus theme (blue palette)
- Add logo integration in hero section with responsive sizing
- Design 'What Topics Are Covered', 'For Who', and 'How to Contribute' sections
- Enhance Docusaurus styling with improved sidebar navigation and button effects
- Fix sidebar menu visibility issues in light/dark themes
- Add comprehensive CSS custom properties and responsive breakpoints
- Include professional animations, hover effects, and smooth transitions

Author: ghanem-mhd

docs/getting-started.md

@@ -10,21 +10,15 @@ description: Rebase your skills with modern software development practices.
 
 Dev-Rebase is a collection of short guides designed to help developers learn about modern software development practices. These guides cover essential topics that are commonly expected in today's tech industry, especially when working at international companies or applying for remote positions.
 
-## Why I created this website?
+## How did Dev-Rebase come to exist?
 
-### My personal journey
+I'm [Mohammad Ghanem](https://www.linkedin.com/in/ghanem-mhd/), and I created Dev-Rebase after experiencing firsthand the gap between local development experience and international tech expectations.
 
-I'm [Mohammad Ghanem](https://www.linkedin.com/in/ghanem-mhd/), a software engineer who moved from Syria to Germany. As someone from Syria, I experienced firsthand how software development practices can vary significantly between different regions and markets...
+When I moved from Syria to Germany and started working at different companies, I quickly realized there were many practices and approaches that companies expected me to know as a developer. I had to actively learn these topics to bridge the gap in my knowledge and meet industry standards.
 
-This became very clear when I moved to Germany and started working at different companies. I quickly realized there were many practices and approaches that most companies expected me to know as a developer. I had to actively learn these topics to bridge the gap in my knowledge and meet industry standards.
+About a year ago, I started volunteering with the [Imagine Foundation](https://www.joinimagine.com/) as a technical coach, conducting sessions for developers trying to enter the European job market. During these sessions, I noticed that most developers faced similar knowledge gaps for the same reasons I had experienced - their work environments implemented fewer modern practices, and the expectations were lower.
 
-### Coaching experience that inspired this project
-
-About a year ago, I started volunteering with the [Imagine Foundation](https://www.joinimagine.com/) as a technical coach. I began conducting technical coaching sessions for developers who were trying to enter the European job market. Over the course of this work, I completed dozens of sessions, numbering in the high double digits, with people at different skill levels.
-
-I loved every single session and had the pleasure of meeting many wonderful people. During these sessions, I noticed that most fellows (we call them fellows because that's the name of the program at Imagine) faced similar knowledge gaps. This happened for the same reasons I experienced - their work environments implemented fewer modern practices, and the expectations were lower.
-
-This gap in knowledge and skills could affect their chances when applying for remote jobs or positions that require relocation. After seeing this pattern repeat many times, I realized it would be valuable to collect these practices and topics in one place and share them with my fellows and anyone else who might find them useful.
+After seeing this pattern repeat many times across dozens of coaching sessions, I realized it would be valuable to collect these practices and topics in one place and share them with anyone who might find them useful. That's how Dev-Rebase was born - to help developers bridge the gap between local experience and global tech opportunities.
 
 ## For who?
 
@@ -39,30 +33,30 @@ If you can already program and build applications, but want to learn about indus
 
 ## How to use this guide?
 
-The topics are presented in an order that makes logical sense, but **you can read them in any order** that works for you. Each guide is designed to be self-contained, so feel free to jump to topics that interest you most or that you need to learn for your current work. At the end of each topic, there a list of resources in English and Arabic. These resources are not exhaustive and don't the topic in depth, but they are a good starting point to learn more.
+The topics are presented in an order that makes logical sense, but **you can read them in any order** that works for you. Each guide is designed to be self-contained, so feel free to jump to topics that interest you most or that you need to learn for your current work. At the end of each topic, there a list of resources in English and Arabic. These resources are not exhaustive and don't cover the topic in depth, but they are a good starting point to learn more.
 
 ## What topics are covered?
 
 **Core Skills** - Essential technical skills that every developer needs to work effectively in modern development environments.
 
-- [Web Development](/web)
-- [Git](/git)
-- [Testing](/testing)
+- [Web Development](/docs/web)
+- [Git](/docs/git)
+- [Testing](/docs/testing)
 
 **Deployment & Production** - Tools and practices for deploying applications and maintaining them in production environments.
 
-- [Containerization](/containerization)
-- [CI/CD](/ci-cd)
-- [Observability](/observability)
+- [Containerization](/docs/containerization)
+- [CI/CD](/docs/ci-cd)
+- [Observability](/docs/observability)
 
 **Learn by Doing** - Practical ways to apply your skills and build real-world experience while contributing to the developer community.
 
-- [Open Source](/open-source)
+- [Open Source](/docs/open-source)
 
 **Learn from Others** - Resources for connecting with experienced developers and communities that can accelerate your growth.
 
-- [Mentorship](/mentorship)
-- [Global Communities](/global-communities)
+- [Mentorship](/docs/mentorship)
+- [Global Communities](/docs/global-communities)
 
 ## How to contribute?
 

docusaurus.config.js

@@ -11,7 +11,7 @@ import { themes as prismThemes } from 'prism-react-renderer';
 /** @type {import('@docusaurus/types').Config} */
 const config = {
   title: 'Dev-Rebase',
-  tagline: 'Dinosaurs are cool',
+  tagline: 'Rebase your skills with modern software development practices',
   favicon: 'img/favicon.ico',
 
   // Future flags, see https://docusaurus.io/docs/api/docusaurus-config#future
@@ -61,7 +61,7 @@ const config = {
       ({
         docs: {
           sidebarPath: './sidebars.js',
-          routeBasePath: '/',
+          routeBasePath: '/docs',
         },
         blog: false,
         theme: {
@@ -80,7 +80,7 @@ const config = {
         title: 'Dev-Rebase',
         logo: {
           alt: 'Dev-Rebase Logo',
-          src: 'img/rebase-icon-red.png',
+          src: 'img/logo.svg',
         },
         items: [
           {