➕ Added official docs

Author: natanimn

docs/examples/inline_bot.md

@@ -79,7 +79,7 @@ bot.onMessage(filter -> filter.commands("start"), (context, message) -> {
 - The empty string `""` means no pre-filled query text
 
 **Result:**
-<img src="img/i1.png">
+<img src="telebof/img/i1.png">
 
 ---
 
@@ -111,7 +111,7 @@ bot.onInline(filter -> filter.emptyQuery(), (context, query) -> {
 - `InputTextMessageContent("Write something")` is the message that will be sent if the user selects this result
 - `answerInlineQuery()` sends the results back to Telegram for display
 
-<img src="img/i2.jpg">
+<img src="telebof/img/i2.jpg">
 
 ---
 
@@ -145,7 +145,7 @@ bot.onInline(_ -> true, (context, query) -> {
 **User Experience:**
 When users type `@botusername some text`, they see a result that says "some text" and can send a message saying "You said: some text".
 
-<img src="img/i3.jpg"> <img src="img/i4.png">
+<img src="telebof/img/i3.jpg"> <img src="telebof/img/i4.png">
 ---
 
 **Final Complete Code**

docs/examples/inline_keyboard_bot.md

@@ -90,7 +90,7 @@ Each `InlineKeyboardButton` takes two parameters:
 **Visual Result:**<br>
 The user sees a message with three colorful buttons below it that they can interact with.
 
-<img src="img/ik1.png">
+<img src="telebof/img/ik1.png">
 
 ---
 

docs/examples/keyboard_bot.md

@@ -68,17 +68,17 @@ bot.onMessage(filter -> filter.commands("start"), (context, message) -> {
 
 **Result without `replyMarkup`:**
 
-<img src="img/k1.png">
+<img src="telebof/img/k1.png">
 
 
 **Result with `replyMarkup` but without `resizeKeyboard`:**
 
-<img src="img/k2.png">
+<img src="telebof/img/k2.png">
 
 
 **Final result with both `replyMarkup` and `resizeKeyboard(true)`:**
 
-<img src="img/k3.png">
+<img src="telebof/img/k3.png">
 
 ---
 
@@ -202,4 +202,4 @@ This bot demonstrates how to:
 **The full source code can be found on** [examples/keyboard_bot](https://github.com/natanimn/telebof/blob/main/examples/long-polling/src/main/java/io/github/natanimn/KeyboardBot.java)
 
 **Final result showing the interaction flow:**
-<img src="img/k4.png">
+<img src="telebof/img/k4.png">

docs/examples/media_downloader.md

@@ -108,7 +108,7 @@ private void start(BotContext context, Message message){
 }
 ```
 
-<img src="img/md1.png">
+<img src="telebof/img/md1.png">
 ---
 
 **Handle media download when user sends photos, videos, GIFs, or audio**
@@ -202,7 +202,7 @@ context.sendMessage(message.chat.id, String.format("Send <code>/%s_%s</code> to
 This provides the user with a specific command they can use later to retrieve this exact media file.
 
 
-<img src="img/md2.png">
+<img src="telebof/img/md2.png">
 ---
 
 **Handle media retrieval using special commands**
@@ -270,7 +270,7 @@ public static void main(String[] args){
 }
 ```
 
-<img src="img/md3.png">
+<img src="telebof/img/md3.png">
 
 ---
 

docs/examples/payment_bot.md

@@ -67,7 +67,7 @@ static void start(BotContext context, Message message){
 bot.onMessage(filter -> filter.commands("start"), PaymentExampleBot::start);
 ```
 
-<img src="img/p1.png">
+<img src="telebof/img/p1.png">
 
 
 ---
@@ -106,7 +106,7 @@ static void pay(BotContext context, Message message){
 bot.onMessage(filter -> filter.commands("pay"), PaymentExampleBot::pay);
 ```
 
-<img src="img/p2.png">
+<img src="telebof/img/p2.png">
 
 ---
 
@@ -205,7 +205,7 @@ public static void main(String[] args){
 }
 ```
 
-<img src="img/p3.png">
+<img src="telebof/img/p3.png">
 
 ---
 

docs/examples/state_bot.md

@@ -163,7 +163,7 @@ private void cancel(BotContext ctx, Message message){
 - `clearState(user_id)` removes both the state marker and any associated data
 
 
-<img src="img/s2.png">
+<img src="telebof/img/s2.png">
 
 ---
 
@@ -185,7 +185,7 @@ public static void main(String[] args){
 
 ## Conversation Flow Example
 
-<img src="img/s1.png">
+<img src="telebof/img/s1.png">
 
 1. User sends `/start` → Bot sets state to `"name"` and asks for name
 2. User provides name → Bot stores name, sets state to `"age"`, asks for age

docs/examples/welcome_bot.md

@@ -81,7 +81,7 @@ private void startPrivate(BotContext context, Message message){
 bot.onMessage(filter -> filter.commands("start") && filter.Private(), this::startPrivate);
 ```
 
-<img src="img/w1.png">
+<img src="telebof/img/w1.png">
 
 
 ---
@@ -133,7 +133,7 @@ private void botPromoted(BotContext context, ChatMemberUpdated member){
 bot.onMyChatMember(_ -> true, this::botPromoted);
 ```
 
-<img src="img/w2.png">
+<img src="telebof/img/w2.png">
 
 ---