diff --git a/components/components.module.css b/components/components.module.css
index f69f320f8..a25b42c5f 100644
--- a/components/components.module.css
+++ b/components/components.module.css
@@ -183,3 +183,17 @@
   font-weight: 400;
   line-height: 20px;
 }
+
+.mainTitleHeading {
+  color: var(--Indigo-Indigo-900---Fetch-navy, #000d3d);
+  font-family: Lexend;
+  font-size: 24px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 140%;
+  letter-spacing: -0.24px;
+}
+
+:is(html[class~="dark"] .mainTitleHeading) {
+  color: #e9e9ea;
+}
diff --git a/components/feature-guide-tabs.tsx b/components/feature-guide-tabs.tsx
index ab03ec1a1..2af85154f 100644
--- a/components/feature-guide-tabs.tsx
+++ b/components/feature-guide-tabs.tsx
@@ -1,6 +1,7 @@
-import React, { useEffect, useState } from "react";
+import React, { useState, useEffect } from "react";
 import styles from "./tab.module.css";
 import { useRouter } from "next/router";
+import Link from "next/link";
 
 export const GuideBox = ({
   content,
@@ -42,6 +43,50 @@ export const GuideBox = ({
   );
 };
 
+const FeaturedGuidesTab = ({
+  item,
+}: {
+  item: { type: string; title: string; path: string; label: string };
+}) => {
+  return (
+    <div className={styles.featuredGuidesTab}>
+      <div className=" nx-flex nx-flex-col">
+        <span className={styles.tabHeading}>{item.type}</span>
+        <span>{item.title}</span>
+      </div>
+      <div className={styles.featuredGuidesTablabel}>{item.label}</div>
+    </div>
+  );
+};
+
+export const FeaturedGuides = ({
+  featuredGuidesData,
+}: {
+  featuredGuidesData: {
+    type: string;
+    title: string;
+    path: string;
+    label: string;
+  }[];
+}) => {
+  return (
+    <div className={styles.featureBox}>
+      <div className={styles.featureGuideHeading}>Featured guides</div>
+      <div className="nx-grid nx-w-full nx-grid-cols-2 nx-gap-y-3 nx-gap-x-6">
+        {featuredGuidesData?.map((item, index) => (
+          <Link
+            key={index}
+            className="nx-text-blue-500 nx-w-full"
+            href={item.path}
+          >
+            <FeaturedGuidesTab item={item} />
+          </Link>
+        ))}
+      </div>
+    </div>
+  );
+};
+
 export const FeatureGuideTabs = ({ centerMode }: { centerMode?: boolean }) => {
   const [activeTab, setActiveTab] = useState(0);
   const [isMobile, setIsMobile] = useState(false);
diff --git a/components/guide-mdx.tsx b/components/guide-mdx.tsx
index b343f5db9..0c46a495d 100644
--- a/components/guide-mdx.tsx
+++ b/components/guide-mdx.tsx
@@ -20,6 +20,10 @@ interface GuideCategory {
 
 interface GuidesData {
   content: GuideCategory[];
+  components?: {
+    featuredGuides?: ReactNode;
+  };
+  mainHeading?: string;
 }
 
 const pathLabels = new Map<RegExp, string>([
@@ -37,7 +41,7 @@ const getPathLabel = (path: string): string => {
   return "";
 };
 
-const SectionHeading = ({
+export const SectionHeading = ({
   heading,
   icon,
 }: {
@@ -145,7 +149,7 @@ const SearchInput = ({
   </div>
 );
 
-const GuidesMdx = ({ content }: GuidesData) => {
+const GuidesMdx = ({ content, components, mainHeading }: GuidesData) => {
   const [filterState, setFilterState] = useState({
     value: "All Types",
     inputVal: "",
@@ -214,7 +218,11 @@ const GuidesMdx = ({ content }: GuidesData) => {
           onInputChange={onInputChange}
         />
       </div>
+      {components && components.featuredGuides}
       <div>
+        <span className={styles.mainTitleHeading}>
+          {mainHeading && mainHeading}
+        </span>
         <GridBox>
           {filteredContent.map((items, index) => (
             <div
diff --git a/components/tab.module.css b/components/tab.module.css
index 5f258a95c..708837cc0 100644
--- a/components/tab.module.css
+++ b/components/tab.module.css
@@ -8,6 +8,22 @@
   background-color: #2c2e38;
 }
 
+.featureBox {
+  display: flex;
+  padding: 32px;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--32, 32px);
+  align-self: stretch;
+  border-radius: 12px;
+  background: #f3f5f8;
+  margin-block: 48px;
+}
+
+:is(html[class~="dark"] .featureBox) {
+  background-color: #242630;
+}
+
 .hoverGuideBox {
   padding: 24px;
   border-radius: 16px;
@@ -99,3 +115,110 @@
   color: #fff;
   opacity: 0.6;
 }
+
+.featureGuideHeading {
+  color: #000d3d;
+  font-family: Lexend;
+  font-size: 24px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 140%;
+  letter-spacing: -0.24px;
+}
+
+:is(html[class~="dark"] .featureGuideHeading) {
+  color: #e9e9ea;
+}
+
+.featuredGuidesTab {
+  display: flex;
+  padding: 16px 16px 16px 16px;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 12px;
+  align-self: stretch;
+  border-radius: 8px;
+  border: 1px solid #dce2ea;
+  background: #fff;
+  backdrop-filter: blur(35px);
+  color: #000d3d;
+  font-family: Lexend;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 160%; /* 25.6px */
+  letter-spacing: -0.32px;
+}
+
+.featuredGuidesTab:hover {
+  background-color: #efebff;
+  color: #5f38fb;
+  border: 1px solid transparent;
+}
+
+:is(html[class~="dark"] .featuredGuidesTab) {
+  background-color: #2c2e38;
+  border: none;
+  color: #e9e9ea;
+}
+
+:is(html[class~="dark"] .featuredGuidesTab:hover) {
+  color: #cfc3fe;
+}
+
+:is(html[class~="dark"] .featuredGuidesTab:hover) {
+  border-radius: 8px;
+  background: rgba(95, 56, 251, 0.2);
+  backdrop-filter: blur(35px);
+}
+
+.featuredGuidesTablabel {
+  display: flex;
+  height: 24px;
+  padding: 2px 8px;
+  align-items: center;
+  gap: 4px;
+  border-radius: 4px;
+  background: #e8ecf1;
+  color: #556578;
+  text-align: center;
+  font-family: Lexend;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 20px;
+  letter-spacing: -0.14px;
+}
+
+.tabHeading {
+  color: #8a9fb8;
+  font-family: Lexend;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 150%;
+  letter-spacing: -0.24px;
+  text-transform: uppercase;
+}
+
+:is(html[class~="dark"] .tabHeading) {
+  color: #a6a7ab;
+}
+
+.tabSubHeading {
+  color: #000d3d;
+  font-family: Lexend;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 160%;
+  letter-spacing: -0.32px;
+}
+
+:is(html[class~="dark"] .tabSubHeading) {
+  color: #e9e9ea;
+}
+
+:is(html[class~="dark"] .tabSubHeading:hover) {
+  color: #cfc3fe;
+}
diff --git a/pages/examples/intermediate/agents-cleaning-demo.mdx b/pages/examples/intermediate/agents-cleaning-demo.mdx
index ee468b1e6..c766cffe4 100644
--- a/pages/examples/intermediate/agents-cleaning-demo.mdx
+++ b/pages/examples/intermediate/agents-cleaning-demo.mdx
@@ -5,9 +5,9 @@ import { CodeGroup, DocsCode } from "../../../components/code"
 ## Introduction
 
 This file can be run on any platform supporting Python, with the necessary install permissions.
-This example shows how to set up a cleaning service using Agents and uAgents library tools.
+This example shows how to set up a cleaning service using the uAgents library tools.
 
-### Supporting documentation
+## Supporting documentation
 
 - [Creating an agent ↗️](/guides/agents/create-a-uagent)
 - [Creating an interval task ↗️](/guides/agents/interval-task)
@@ -18,6 +18,28 @@ This example shows how to set up a cleaning service using Agents and uAgents lib
 - [Agents address ↗️](/guides/agents/getting-started/getting-uagent-address)
 - [How to use agents to send tokens ↗️](/guides/agents/intermediate/send-tokens)
 
+## Pre-requisites
+
+- **Python:** Download and install from [Python official website ↗️](https://www.python.org/downloads/).
+- **Poetry:** Install by following the instructions on [Poetry's official website ↗️](https://python-poetry.org/docs/#installation).
+
+## Project Structure
+
+Outline of basic structure of the project:
+
+```
+cleaning-demo/
+.
+├── protocols/
+│   └── cleaning/
+│       ├── __init__.py
+│       └── models.py
+│ 
+└── agents/
+    ├── cleaner.py
+    └── user.py 
+```
+
 ### The Protocols
 #### __init__.py
 
@@ -44,6 +66,7 @@ from .models import Availability, Provider, User
 PROTOCOL_NAME = "cleaning"
 PROTOCOL_VERSION = "0.1.0"
 
+
 class ServiceRequest(Model):
     user: str
     location: str
@@ -52,10 +75,12 @@ class ServiceRequest(Model):
     services: List[int]
     max_price: float
 
+
 class ServiceResponse(Model):
     accept: bool
     price: float
 
+
 class ServiceBooking(Model):
     location: str
     time_start: datetime
@@ -63,11 +88,14 @@ class ServiceBooking(Model):
     services: List[int]
     price: float
 
+
 class BookingResponse(Model):
     success: bool
 
+
 cleaning_proto = Protocol(name=PROTOCOL_NAME, version=PROTOCOL_VERSION)
 
+
 def in_service_region(
     location: str, availability: Availability, provider: Provider
 ) -> bool:
@@ -90,9 +118,10 @@ def in_service_region(
 
     return in_range
 
+
 @cleaning_proto.on_message(model=ServiceRequest, replies=ServiceResponse)
 async def handle_query_request(ctx: Context, sender: str, msg: ServiceRequest):
-    provider = await Provider.filter(name=ctx.name).first()
+    provider = await Provider.filter(name=ctx.agent.name).first()
     availability = await Availability.get(provider=provider)
     services = [int(service.type) for service in await provider.services]
     markup = provider.markup
@@ -102,11 +131,11 @@ async def handle_query_request(ctx: Context, sender: str, msg: ServiceRequest):
     ctx.logger.info(f"Received service request from user `{user.name}`")
 
     if (
-        set(msg.services) <= set(services)
-        and in_service_region(msg.location, availability, provider)
-        and availability.time_start <= msg.time_start
-        and availability.time_end >= msg.time_start + msg.duration
-        and availability.min_hourly_price * msg_duration_hours < msg.max_price
+            set(msg.services) <= set(services)
+            and in_service_region(msg.location, availability, provider)
+            and availability.time_start <= msg.time_start
+            and availability.time_end >= msg.time_start + msg.duration
+            and availability.min_hourly_price * msg_duration_hours < msg.max_price
     ):
         accept = True
         price = markup * availability.min_hourly_price * msg_duration_hours
@@ -118,9 +147,10 @@ async def handle_query_request(ctx: Context, sender: str, msg: ServiceRequest):
 
     await ctx.send(sender, ServiceResponse(accept=accept, price=price))
 
+
 @cleaning_proto.on_message(model=ServiceBooking, replies=BookingResponse)
 async def handle_book_request(ctx: Context, sender: str, msg: ServiceBooking):
-    provider = await Provider.filter(name=ctx.name).first()
+    provider = await Provider.filter(name=ctx.agent.name).first()
     availability = await Availability.get(provider=provider)
     services = [int(service.type) for service in await provider.services]
 
@@ -129,10 +159,10 @@ async def handle_book_request(ctx: Context, sender: str, msg: ServiceBooking):
     ctx.logger.info(f"Received booking request from user `{user.name}`")
 
     success = (
-        set(msg.services) <= set(services)
-        and availability.time_start <= msg.time_start
-        and availability.time_end >= msg.time_start + msg.duration
-        and msg.price <= availability.min_hourly_price * msg_duration_hours
+            set(msg.services) <= set(services)
+            and availability.time_start <= msg.time_start
+            and availability.time_end >= msg.time_start + msg.duration
+            and msg.price <= availability.min_hourly_price * msg_duration_hours
     )
 
     if success:
@@ -342,3 +372,49 @@ if __name__ == "__main__":
 ```
 </DocsCode>
 </CodeGroup>
+
+### Poetry Dependencies
+
+```pyproject.toml copy filename="pyproject.toml"
+[tool.poetry.dependencies]
+python = ">=3.9,<3.13"
+uagents = "^0.17.1"
+tortoise-orm = "^0.22.1"
+geopy = "^2.4.1"
+```
+
+#### Instructions to execute the example.
+
+- Navigate to the root folder of the example.
+- Install dependencies by running `poetry install`.
+- Run the cleaner agent with `python cleaner.py`.
+- Run the user agent with `python user.py`.
+
+### Expected Output
+
+- Cleaner Agent
+
+```
+INFO:     [cleaner]: Registration on Almanac API successful
+INFO:     [cleaner]: Registering on almanac contract...
+INFO:     [cleaner]: Registering on almanac contract...complete
+INFO:     [cleaner]: Agent inspector available at https://agentverse.ai/inspect/?uri=http%3A//127.0.0.1%3A8001&address=agent1qdfdx6952trs028fxyug7elgcktam9f896ays6u9art4uaf75hwy2j9m87w
+INFO:     [cleaner]: Starting server on http://0.0.0.0:8001 (Press CTRL+C to quit)
+INFO:     [cleaner]: Received service request from user `user`
+INFO:     [cleaner]: I am available! Proposing price: 22.0.
+INFO:     [cleaner]: Received booking request from user `user`
+INFO:     [cleaner]: Accepted task and updated availability.
+```
+
+- User Agent:
+
+```
+INFO:     [ user]: Registration on Almanac API successful
+INFO:     [ user]: Registering on almanac contract...
+INFO:     [ user]: Registering on almanac contract...complete
+INFO:     [ user]: Agent inspector available at https://agentverse.ai/inspect/?uri=http%3A//127.0.0.1%3A8000&address=agent1qvrskj36y7urk2j9g4gu5hjgwvgr8v6jegm5druawmrpztmjjnep6ssn45p
+INFO:     [ user]: Starting server on http://0.0.0.0:8000 (Press CTRL+C to quit)
+INFO:     [ user]: Requesting cleaning service: user='user' location='London Kings Cross' time_start=datetime.datetime(2023, 4, 10, 16, 0, tzinfo=<UTC>) duration=datetime.timedelta(seconds=14400) services=[<ServiceType.WINDOW: 2>, <ServiceType.LAUNDRY: 3>] max_price=60.0
+INFO:     [ user]: Cleaner is available, attempting to book now
+INFO:     [ user]: Booking was successful
+```
\ No newline at end of file
diff --git a/pages/examples/intermediate/table-booking-demo.mdx b/pages/examples/intermediate/table-booking-demo.mdx
index b6616e1f9..a5e5aa225 100644
--- a/pages/examples/intermediate/table-booking-demo.mdx
+++ b/pages/examples/intermediate/table-booking-demo.mdx
@@ -7,7 +7,7 @@ import { CodeGroup, DocsCode } from "../../../components/code"
 This file can be run on any platform supporting Python, with the necessary install permissions.
 This example shows how to use Agents to create a table booking service at a restaurant.
 
-### Supporting documentation
+## Supporting documentation
 
 - [Creating an agent ↗️](/guides/agents/create-a-uagent)
 - [Creating an interval task ↗️](/guides/agents/interval-task)
@@ -17,6 +17,22 @@ This example shows how to use Agents to create a table booking service at a rest
 - [Protocols ↗️](/references/uagents/uagents-protocols/agent-protocols)
 - [Agents address ↗️](/guides/agents/getting-started/getting-uagent-address)
 
+## Project Structure
+
+Outline of basic structure of the project:
+
+```
+table-booking-demo/
+.
+├── protocols/
+│   ├── query.py
+│   └── book.py
+│ 
+└── agents/
+    ├── restaurant.py
+    └── user.py 
+```
+
 ### The Protocols
 
 #### Query table
@@ -416,8 +432,10 @@ This example shows how to use Agents to create a table booking service at a rest
 - Restaurant:
 
     ```
+    INFO:     [restaurant]: Registration on Almanac API successful
     INFO:     [restaurant]: Registering on almanac contract...
     INFO:     [restaurant]: Registering on almanac contract...complete
+    INFO:     [cleaner]: Agent inspector available at https://agentverse.ai/inspect/?uri=http%3A//127.0.0.1%3A8001&address=agent1qdfdx6952trs028fxyug7elgcktam9f896ayu9art4uaf75hwy2j9m87w
     INFO:     [restaurant]: Starting server on http://0.0.0.0:8001 (Press CTRL+C to quit)
     INFO:     [restaurant]: Query: guests=3 time_start=19 duration=2. Available tables: [2].
     ```
@@ -425,8 +443,10 @@ This example shows how to use Agents to create a table booking service at a rest
 - User:
 
     ```
+    INFO:     [ user]: Registration on Almanac API successful
     INFO:     [ user]: Registering on almanac contract...
     INFO:     [ user]: Registering on almanac contract...complete
+    INFO:     [ user]: Agent inspector available at https://agentverse.ai/inspect/?uri=http%3A//127.0.0.1%3A8000&address=agent1qvrskj36y7urk2j9g4gujgwvgr8v6jegm5druawmrpztmjjnep6ssn45p
     INFO:     [ user]: Starting server on http://0.0.0.0:8000 (Press CTRL+C to quit)
     INFO:     [ user]: There is a free table, attempting to book one now
     INFO:     [ user]: Table reservation was successful
diff --git a/pages/guides.mdx b/pages/guides.mdx
index 31c4f9b91..b6f5159ab 100644
--- a/pages/guides.mdx
+++ b/pages/guides.mdx
@@ -5,9 +5,57 @@
 </div>
 
 import GuidesMdx from "../components/guide-mdx"
+import {FeaturedGuides} from "../components/feature-guide-tabs"
 import { AgentsIcon, AgentverseIcon, CliIcon,FetchNetwork, AsiIcon, LedgerIcon } from "src/icons/main-page-icons";
 
-<GuidesMdx content={ [
+<GuidesMdx
+ components={
+  {
+    featuredGuides : <FeaturedGuides featuredGuidesData={[
+      {
+        type: "Agent",
+        title : "Installing the uAgents Framework",
+        path: "/guides/agents/getting-started/installing-uagent",
+        label : "Beginner"
+      },
+       {
+        type: "Agentverse",
+        title : "Creating an Agentverse hosted agent",
+        path: "/guides/agentverse/creating-a-hosted-agent",
+        label : "Beginner"
+      },
+       {
+        type: "Agentverse",
+        title : "Agentverse Functions: register agent Functions on the Agentverse",
+        path: "/guides/agentverse/agentverse-functions/registering-agent-services",
+        label : "Intermediate"
+      }
+      ,
+       {
+        type: "Fetch network",
+        title : "How to convert Native FET to and from ERC-20 FET",
+        path: "guides/fetch-network/how-to-convert-fet-to-and-from-erc20",
+        label : "Intermediate"
+      }
+      ,
+       {
+        type: "ASI Alliance Wallet",
+        title : "How to stake with Fetch Web Wallet",
+        path: "/guides/fetch-network/fetch-wallet/web-wallet/stake",
+        label : "Intermediate"
+      }
+      ,
+       {
+        type: "Agents",
+        title : "How to use agents to send tokens",
+        path: "/guides/agents/intermediate/send-tokens",
+        label : "Intermediate"
+      }
+    ]} />
+  }
+ }
+ mainHeading={"Explore all guides"}
+ content={ [
   {
     type: "Agents",
     icon: AgentsIcon,
diff --git a/styles/globals.css b/styles/globals.css
index 53934a29a..2cb72715a 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -3120,7 +3120,7 @@ article details > summary::-webkit-details-marker {
 
 article details > summary:before {
   vertical-align: -4px;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z' clip-rule='evenodd' /%3E%3C/svg%3E");
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='w-5 h-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z' clip-rule='evenodd' /%3E%3C/svg%3E");
   width: 1.2em;
   height: 1.2em;
 }