docs: redesign landing page and improve site config

Replace TOC-only homepage with course-style landing page featuring
card grid, learning path table, quick start guide, and about section.

Site config improvements:
- Git icon logo, Roboto font, copyright footer
- Navigation footer and index pages
- Emoji extension for Material icons in cards
- Social links in footer

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: braboj

docs/index.md

@@ -1,64 +1,81 @@
-# Git Tutorial — Code with Branko
+# Let's Learn Git!
 
 ![Banner](Assets/banners/banner-bhai-branko.png)
 
-## Table of contents
-
-### Introduction
-- [Overview](01-Introduction/01-git-features.md)
-- [Installation on Windows](01-Introduction/02-windows-installation.md)
-- [Installation on Linux](01-Introduction/03-linux-installation.md)
-- [Hosting Services](01-Introduction/04-hosting-services.md)
-- [Dataflow Diagram](01-Introduction/05-dataflow-overview.md)
-- [Operations Overview](01-Introduction/06-operations-overview.md)
-
-### Concepts
-- [Repository](02-Concepts/01-repository.md)
-- [Configuration](02-Concepts/02-configuration.md)
-- [Objects](02-Concepts/03-objects.md)
-- [Tagging](02-Concepts/04-tagging.md)
-- [Index](02-Concepts/05-index.md)
-- [References](02-Concepts/06-references.md)
-- [Navigation](02-Concepts/07-navigation.md)
-- [Branching](02-Concepts/08-branching.md)
-- [Merging](02-Concepts/09-merging.md)
-- [Stashing](02-Concepts/10-stashing.md)
-- [Selectors](02-Concepts/11-selectors.md)
-- [Pathspec](02-Concepts/12-pathspec.md)
-- [Refspec](02-Concepts/13-refspec.md)
-- [Subproject](02-Concepts/14-subproject.md)
-
-### Operations
-- [Help](03-Operations/01-Help/help.md)
-- [Create](03-Operations/02-Create/create.md)
-- [Configure](03-Operations/03-Configure/configure.md)
-- [Track](03-Operations/04-Track/track.md)
-- [Branch](03-Operations/05-Branch/branch.md)
-- [Sync](03-Operations/06-Sync/sync.md)
-- [Revert](03-Operations/07-Revert/revert.md)
-- [Inspect](03-Operations/08-Inspect/inspect.md)
-- [Reuse](03-Operations/09-Reuse/reuse.md)
-
-### Appendix
-- [Dictionary](04-Appendix/dictionary.md)
-- [References](04-Appendix/references.md)
-- [Clients](04-Appendix/clients.md)
-- [Remarks](04-Appendix/remarks.md)
-
-### Selected references
-- [Git Internals](https://github.com/pluralsight/git-internals-pdf/releases)
-- [Flight rules for git](https://github.com/k88hudson/git-flight-rules)
-- [Think Like (a) Git](http://think-like-a-git.net/)
-- [The Thing About Git](https://tomayko.com/blog/2008/the-thing-about-git)
-- [Git Community Book](http://shafiul.github.io/gitbook/index.html)
-- [Git Magic](http://www-cs-students.stanford.edu/~blynn/gitmagic/index.html)
-- [Git Immersion](https://gitimmersion.com/index.html)
-- [Git How To](https://githowto.com/)
-
-## Contribution
-- [Guidelines](CONTRIBUTING.md)
-- [License](LICENSE.md)
-
-## Credits
-- [Branimir Georgiev](https://github.com/braboj)
-- [Marwan Rashed](https://github.com/marwan-rashed)
+---
+
+A hands-on tutorial that takes you from first commit to confident daily use. Learn Git's concepts first, then apply them through practical command references and real-world examples.
+
+## What you'll learn
+
+<div class="grid cards" markdown>
+
+-   :material-lightbulb-outline:{ .lg .middle } **Concepts**
+
+    ---
+
+    Understand how Git actually works — objects, references, branching, merging, conflict resolution, and branching strategies.
+
+    [:octicons-arrow-right-24: Start with concepts](02-Concepts/concepts.md)
+
+-   :material-console:{ .lg .middle } **Operations**
+
+    ---
+
+    Master 30+ Git commands organized by workflow: create, track, branch, sync, revert, and inspect.
+
+    [:octicons-arrow-right-24: Browse operations](03-Operations/operations.md)
+
+-   :material-test-tube:{ .lg .middle } **Test yourself**
+
+    ---
+
+    96 quiz questions to validate your understanding and prepare for technical interviews.
+
+    [:octicons-arrow-right-24: Take the quiz](Assets/test/test-questions.md)
+
+-   :material-book-open-variant:{ .lg .middle } **Reference**
+
+    ---
+
+    Git dictionary, cheat sheets, client tools, and curated external resources.
+
+    [:octicons-arrow-right-24: Appendix](04-Appendix/appendix.md)
+
+</div>
+
+## Learning path
+
+| Stage | Topics | You'll be able to... |
+|-------|--------|---------------------|
+| **1. Setup** | Installation, hosting services | Install Git and create a GitHub account |
+| **2. Basics** | Repository, configuration, dataflow | Initialize repos, configure identity, understand staging |
+| **3. Daily workflow** | add, commit, push, pull, status, log, diff | Track changes and collaborate with a remote |
+| **4. Branching** | branch, checkout, merge, stash | Work on features in isolation and integrate them |
+| **5. Advanced** | rebase, cherry-pick, reset, conflicts | Rewrite history, resolve conflicts, recover from mistakes |
+| **6. Mastery** | Objects, references, selectors, refspec | Understand Git internals and debug complex situations |
+
+## Quick start
+
+New to Git? Start here:
+
+1. [Install Git](01-Introduction/02-windows-installation.md) on your machine
+2. [Understand the dataflow](01-Introduction/05-dataflow-overview.md) — working directory, index, local repo, remote
+3. [Create your first repository](03-Operations/02-Create/01-git-init.md)
+4. [Make your first commit](03-Operations/04-Track/02-git-commit.md)
+
+## About
+
+Created by [Branimir Georgiev](https://github.com/braboj) and [Marwan Rashed](https://github.com/marwan-rashed).
+
+Part of [Code with Branko](https://codewithbranko.com) — practical tutorials for developers.
+
+[:octicons-law-16: MIT License](LICENSE.md) · [:octicons-people-16: Contributing](CONTRIBUTING.md)
+
+## Selected references
+
+- [Git Internals](https://github.com/pluralsight/git-internals-pdf/releases) — deep dive into Git's object model
+- [Flight Rules for Git](https://github.com/k88hudson/git-flight-rules) — what to do when things go wrong
+- [Think Like (a) Git](http://think-like-a-git.net/) — graph theory perspective
+- [Pro Git Book](https://git-scm.com/book/en/v2) — the definitive reference
+- [Git How To](https://githowto.com/) — guided tour

mkdocs.yml

@@ -1,4 +1,5 @@
 site_name: "Git Tutorial — Code with Branko"
+site_description: "Learn Git from concepts to daily commands — a practical tutorial by Branko"
 site_url: https://braboj.github.io/tutorial-git/
 repo_url: https://github.com/braboj/tutorial-git
 repo_name: braboj/tutorial-git
@@ -18,16 +19,23 @@ theme:
       toggle:
         icon: material/brightness-7
         name: Switch to dark mode
+  font:
+    text: Roboto
+    code: Roboto Mono
   features:
     - navigation.tabs
     - navigation.sections
     - navigation.expand
     - navigation.top
+    - navigation.footer
+    - navigation.indexes
     - search.suggest
     - search.highlight
     - content.code.copy
+    - content.tabs.link
   icon:
     repo: fontawesome/brands/github
+    logo: material/git
 
 plugins:
   - search
@@ -40,13 +48,26 @@ markdown_extensions:
   - pymdownx.snippets
   - pymdownx.tabbed:
       alternate_style: true
+  - pymdownx.emoji:
+      emoji_index: !!python/name:material.extensions.emoji.twemoji
+      emoji_generator: !!python/name:material.extensions.emoji.to_svg
   - admonition
   - pymdownx.details
   - attr_list
   - md_in_html
+  - def_list
+  - tables
   - toc:
       permalink: true
 
+extra:
+  social:
+    - icon: fontawesome/brands/github
+      link: https://github.com/braboj
+      name: Branko on GitHub
+
+copyright: "© 2021–2026 Branimir Georgiev · Code with Branko"
+
 nav:
   - Home:
     - index.md