diff --git a/web/astro.config.mjs b/web/astro.config.mjs
index 3af502e..6e3ff61 100644
--- a/web/astro.config.mjs
+++ b/web/astro.config.mjs
@@ -6,22 +6,26 @@ import tailwind from "@astrojs/tailwind";
 export default defineConfig({
   integrations: [
     starlight({
-      title: "Docs with Tailwind",
+      title: "Mr. Crypto Indexer",
       social: {
-        github: "https://github.com/withastro/starlight",
+        github: "https://github.com/Racks-Community/MrCryptoIndexer/",
+        "x.com": "https://x.com/mrcryptobyracks",
+      },
+      editLink: {
+        baseUrl:
+          "https://github.com/Racks-Community/MrCryptoIndexer/edit/main/web",
       },
       sidebar: [
         {
           label: "Introducción",
           items: [
             // Each item here is one entry in the navigation menu.
-            { label: "Motivación", link: "/introduccion/motivacion" },
+            {
+              label: "Motivación",
+              link: "/introduccion/motivacion",
+            },
           ],
         },
-        {
-          label: "Reference",
-          autogenerate: { directory: "reference" },
-        },
       ],
       customCss: ["./src/tailwind.css"],
     }),
diff --git a/web/src/assets/mrc-indexer.webp b/web/src/assets/mrc-indexer.webp
new file mode 100644
index 0000000..d047e3b
Binary files /dev/null and b/web/src/assets/mrc-indexer.webp differ
diff --git a/web/src/content/docs/index.mdx b/web/src/content/docs/index.mdx
index c495b0d..7646321 100644
--- a/web/src/content/docs/index.mdx
+++ b/web/src/content/docs/index.mdx
@@ -1,10 +1,10 @@
 ---
-title: Welcome to Starlight
-description: Get started building your docs site with Starlight.
+title: Docs Mr. Crypto Indexer
+description: Get all data from Mr. Crypto NFT Collection
 template: splash
 hero:
   title: |
-    Mr. Crypto
+    Mr. Crypto <br />
     <span
       class="font-black text-transparent
         bg-clip-text bg-gradient-to-b
@@ -13,15 +13,22 @@ hero:
     >
       Indexer
     </span>
-  tagline: Congrats on setting up a new Starlight project!
+  tagline: Fast, flexible, and efficent.
+  image:
+    file: ../../assets/mrc-indexer.webp
   actions:
-    - text: Example Guide
-      link: /introduccion/motivacion/
+    - text: Documentación
+      link: /MrCryptoIndexer/introduccion/motivacion/
       icon: right-arrow
       variant: primary
-    - text: Read the Starlight docs
-      link: https://starlight.astro.build
+    - text: Probar en vivo
+      link: https://indexer.mrcryptonft.com/?query=query+example+%7B%0A++mrCryptoTokens%28first%3A+5%29%7B%0A++++tokenId%0A++++imageURL%0A++++Owner%7B%0A++++++address%0A++++%7D%0A++%7D%0A%7D
       icon: external
+      variant: secondary
+    - text: Mr. Crypto - OpenSea
+      link: https://opensea.io/es/collection/mrcrypto-by-racksmafia
+      icon: external
+      variant: minimal
 ---
 
 import { Card, CardGrid } from "@astrojs/starlight/components";
diff --git a/web/tailwind.config.mjs b/web/tailwind.config.mjs
index ffaaadd..cbb340e 100644
--- a/web/tailwind.config.mjs
+++ b/web/tailwind.config.mjs
@@ -1,17 +1,30 @@
-import colors from "tailwindcss/colors";
 import starlightPlugin from "@astrojs/starlight-tailwind";
 
+// Generated color palettes
+const accent = {
+  200: "#d0c0ea",
+  500: "#864ac4",
+  600: "#8247c0",
+  900: "#3c2458",
+  950: "#2a1c3c",
+};
+const gray = {
+  100: "#f5f6f8",
+  200: "#eceef2",
+  300: "#c0c2c7",
+  400: "#888b96",
+  500: "#545861",
+  700: "#353841",
+  800: "#24272f",
+  900: "#17181c",
+};
+
 /** @type {import('tailwindcss').Config} */
 export default {
   content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
   theme: {
     extend: {
-      colors: {
-        // Your preferred accent color. Indigo is closest to Starlight’s defaults.
-        accent: colors.indigo,
-        // Your preferred gray scale. Zinc is closest to Starlight’s defaults.
-        gray: colors.zinc,
-      },
+      colors: { accent, gray },
     },
   },
   plugins: [starlightPlugin()],