diff --git a/website/pages/docs/swagger/chat.mdx b/website/pages/docs/swagger/chat.mdx
index 8bed8d7ae..619f622b6 100644
--- a/website/pages/docs/swagger/chat.mdx
+++ b/website/pages/docs/swagger/chat.mdx
@@ -1,95 +1,5 @@
-import FaceIcon from "@mui/icons-material/Face";
-import SmartToyIcon from "@mui/icons-material/SmartToy";
-import { Card, CardContent, Chip } from "@mui/material";
 import { Callout, Tabs } from 'nextra/components'
 
-{/* ## Preface
-<br/>
-<div 
-  style={{
-    width: "100%",
-    padding: 15,
-    backgroundColor: "lightblue",
-  }}
->
-  <div 
-    style={{
-      display: "flex",
-      justifyContent: "flex-end",
-    }}
-  >
-    <Card 
-      elevation={3}
-      style={{
-        marginTop: 10,
-        marginBottom: 10,
-        marginLeft: "10%",
-        textAlign: "right",
-        backgroundColor: "lightyellow",
-      }}
-    >
-      <CardContent>
-        <Chip 
-          icon={<FaceIcon />} 
-          label={<b><u>User</u></b>} 
-          variant="outlined" 
-          color="primary" 
-        />
-        What you can do? Introduce yourself, please.
-      </CardContent>
-    </Card>
-  </div>
-  <div 
-    style={{
-      display: "flex",
-      justifyContent: "flex-start",
-    }}>
-    <Card 
-      elevation={3}
-      style={{
-        marginTop: 10,
-        marginBottom: 10,
-        marginRight: "10%",
-      }}
-    >
-      <CardContent>
-        <Chip 
-          icon={<SmartToyIcon />} 
-          label={<b><u>Assistant</u></b>} 
-          variant="outlined" 
-          color="success" 
-        />
-I can assist you with various functions related to shopping, including:
-
-1. **Order Management**
-   - Create new orders from a shopping cart or directly without a cart.
-   - List your existing orders.
-   - Get detailed information about a specific order.
-2. **Coupons and Discounts**
-   - List available coupons.
-   - Get details about specific coupons.
-   - Create new coupon tickets.
-3. **Sales and Reviews**
-   - List and get details about sales.
-   - Write questions and reviews for sales.
-
-If you have a specific action in mind or need help in a certain area, just let me know!
-      </CardContent>
-    </Card>
-  </div>
-</div>
-
-Chat with your backend server.
-
-You can build a Super A.I. chatbot application from swagger documents performing the LLM function calling.
-
-The super A.I. chatbot selects proper functions defined in the swagger document by analyzing conversation contexts with user. And then the super A.I. chatbot requests the user to write arguments for the selected functions by conversation text, and actually calls the API function with the arguments.
-
-If the swagger file you provide contains a reasonable level of functions, DTO schemas, and descriptions, everything is ready. Just deliver the swagger file to the Nestia A.I. Chatbot, you can start conversation with your backend server calling the API functions by chatting text. */}
-
-
-
-
 ## Super A.I. Chatbot
 <br/>
 <iframe src="https://www.youtube.com/embed/m47p4iJ90Ms?si=cvgfckN25GJhjLTB" 
@@ -102,7 +12,7 @@ If the swagger file you provide contains a reasonable level of functions, DTO sc
 
 - Shopping A.I. Chatbot Application: [https://nestia.io/chat/shopping](/chat/shopping)
 - Shopping Backend Repository: https://github.com/samchon/shopping-backend
-- Shopping Swagger Document (`@nestia/editor`): https://shopping-be.wrtn.ai/editor/
+- Shopping Swagger Document (`@nestia/editor`): [https://nestia.io/editor/?url=...](https://nestia.io/editor/?simulate=true&e2e=true&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsamchon%2Fshopping-backend%2Frefs%2Fheads%2Fmaster%2Fpackages%2Fapi%2Fswagger.json)
 
 The above demonstration video shows Shopping A.I. chatbot built with Nestia.
 
diff --git a/website/public/images/home/openai.svg b/website/public/images/home/openai.svg
new file mode 100644
index 000000000..aa95b6dc1
--- /dev/null
+++ b/website/public/images/home/openai.svg
@@ -0,0 +1 @@
+<svg width="2406" height="2406" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" overflow="hidden"><defs><clipPath id="clip0"><rect x="0" y="0" width="2406" height="2406"/></clipPath><clipPath id="clip1"><rect x="309" y="299" width="1788" height="1808"/></clipPath><clipPath id="clip2"><rect x="309" y="299" width="1788" height="1808"/></clipPath><clipPath id="clip3"><rect x="309" y="299" width="7357" height="1808"/></clipPath></defs><g clip-path="url(#clip0)"><rect x="1203" y="1203" width="1203" height="1203" fill="#74AA9C" fill-opacity="1"/><path d="M1.00003 578.439C1.00003 259.528 259.529 1.00003 578.44 1.00003L1827.56 1.00003C2146.47 1.00003 2405 259.528 2405 578.439L2405 1828.56C2405 2147.47 2146.47 2406 1827.56 2406L578.44 2406C259.529 2406 1.00003 2147.47 1.00003 1828.56Z" fill="#74AA9C" fill-rule="evenodd" fill-opacity="1"/><g clip-path="url(#clip1)"><g clip-path="url(#clip2)"><g clip-path="url(#clip3)"><path d="M4341.99 703.447 4341.99 704.055C4338.33 704.055 4334.64 704.662 4330.97 704.662 4327.31 704.662 4323.62 704.055 4319.95 704.055 4101.39 704.055 3966.09 840.592 3966.09 1059.76L3966.09 1167.51C3966.09 1378.72 4103.24 1509.74 4323.01 1509.74 4327.51 1509.86 4332.01 1509.66 4336.48 1509.14 4339.54 1509.14 4341.99 1509.74 4345.05 1509.74 4492.59 1509.74 4595.46 1455.88 4660.95 1344.44L4530.55 1269.12C4487.08 1333.4 4428.92 1381.77 4345.66 1381.77 4234.24 1381.77 4167.51 1313.2 4167.51 1197.49L4167.51 1166.88 4684.23 1166.88 4684.23 1039.54C4684.23 835.06 4550.16 703.426 4341.99 703.426ZM4330.97 828.965C4432.61 833.867 4493.82 901.203 4493.82 1012.01L4493.82 1042.62 4166.91 1042.62 4166.91 1024.85C4166.91 902.418 4225.07 833.846 4330.97 828.943ZM3528.37 704.055C3431.03 704.055 3347.16 744.469 3303.08 811.805L3292.06 828.943 3292.06 722.407 3107.17 722.407 3107.17 1756.46 3301.24 1756.46 3301.24 1395.27 3312.26 1411.8C3353.89 1473.62 3435.32 1510.35 3530.21 1510.35L3535.11 1510.35 3539.39 1510.35C3699.18 1510.35 3860.19 1406.27 3860.19 1173.02L3860.19 1042.01C3860.19 874.26 3761 704.684 3538.15 704.684L3536.93 704.077 3532.66 704.077ZM3483.07 849.769C3595.72 851.612 3665.51 928.125 3665.51 1050.58L3665.51 1163.21C3665.51 1285.65 3595.09 1361.58 3481.23 1364.03 3375.32 1362.19 3301.24 1281.38 3301.24 1166.27L3301.24 1050.56C3301.24 934.242 3375.93 852.198 3483.07 849.747ZM5998.06 448.769 5624.61 1492 5834.6 1492 5906.23 1268.54 6313.95 1268.54 6313.95 1270.99 6385.59 1492.6 6595.58 1492.6 6221.52 449.376 6199.48 449.376 6198.87 448.769ZM6109.5 628.15 6265.6 1121 5952.13 1121ZM7346.77 595.697 7346.77 448.769 6706.39 448.769 6706.39 595.697 6931.06 595.697 6931.06 1343.83 6706.39 1343.83 6706.39 1490.76 7346.77 1490.76 7346.77 1343.83 7122.09 1343.83 7122.09 595.697ZM5239.51 704.077 5234 704.077 5230.94 704.077C5122.58 704.077 5045.44 740.803 5007.48 811.22L4995.85 832.653 4995.85 722.451 4810.96 722.451 4810.96 1491.39 5005.03 1491.39 5005.03 1033.45C5005.03 925.695 5063.19 863.869 5163.58 862.025 5259.71 863.869 5314.81 924.48 5314.81 1029.17L5314.81 1491.39 5508.87 1491.39 5508.87 996.09C5508.87 813.042 5408.48 704.055 5240.12 704.055ZM2483.29 427.336C2197.38 427.336 2019.23 605.502 2019.23 892.634L2019.23 1047.52C2019.23 1334.66 2196.77 1512.8 2483.29 1512.8L2487.59 1512.8 2491.86 1512.8C2777.78 1512.8 2955.92 1334.66 2955.92 1047.52L2955.92 892.634C2955.92 605.502 2777.78 427.336 2491.86 427.336L2487.59 427.336ZM2487.59 582.855C2657.79 584.699 2755.74 693.664 2755.74 882.222L2755.74 1058.54C2755.74 1247.1 2657.79 1356.09 2487.59 1357.91 2317.38 1356.07 2219.42 1247.1 2219.42 1058.54L2219.42 882.222C2219.42 693.664 2317.38 584.677 2487.59 582.855ZM797.249 0.0216933C599.493 0.0216933 423.8 127.361 362.56 315.312 235.424 341.519 125.699 421.135 61.3485 533.871-37.833 705.291-15.1853 920.792 117.686 1067.72 76.664 1190.79 90.7429 1325.46 156.257 1436.9 254.831 1608.92 453.172 1697.09 647.262 1656.06 733.23 1753.09 856.806 1808.41 986.436 1807.89 1184.19 1807.89 1359.89 1680.56 1421.13 1492.6 1548.47 1466.27 1658.06 1386.68 1721.73 1274.05 1821.52 1102.63 1798.87 887.124 1666.02 740.196L1666.02 739.588C1707.02 616.525 1692.96 481.76 1627.45 369.805 1528.85 198.385 1330.49 110.202 1137.03 151.224 1050.67 54.4597 926.944-0.59862 797.249 0.0216975ZM797.249 117.577 796.642 118.185C876.234 118.185 952.768 145.735 1013.99 196.563 1011.54 197.777 1006.63 200.836 1002.97 202.68L642.988 410.22C624.614 420.632 613.594 440.221 613.594 461.654L613.594 948.972 458.704 859.596 458.704 456.752C458.632 269.643 610.141 117.843 797.249 117.556ZM1230.9 259.451C1352.32 259.218 1464.59 323.976 1525.19 429.201 1564.37 497.774 1579.05 577.974 1565.58 655.722 1563.13 653.878 1558.25 651.449 1555.17 649.605L1195.19 441.436C1176.77 431.019 1154.24 431.019 1135.82 441.436L713.99 685.095 713.99 506.321 1062.34 304.899C1113.56 275.205 1171.69 259.522 1230.9 259.43ZM340.541 444.495 340.541 872.438C340.541 893.871 351.561 912.853 369.935 923.873L791.132 1166.92 635.613 1256.91 287.87 1056.09C126.057 962.316 70.7322 755.227 164.218 593.246 203.825 524.593 266.203 471.962 340.541 444.473ZM1147.44 550.401 1495.79 751.216C1658.04 844.888 1713.12 1051.82 1619.45 1214.06L1620.05 1214.67C1580.27 1283.24 1517.81 1335.89 1443.73 1362.84L1443.73 934.871C1443.73 913.438 1432.71 893.849 1414.34 883.458L992.532 639.778ZM891.528 697.959 1069.09 800.807 1069.09 1005.89 891.528 1108.74 713.99 1005.89 713.99 800.807ZM1170.7 859.596 1325.59 948.972 1325.59 1351.21C1325.59 1538.55 1173.76 1690.38 987.044 1690.38L987.044 1689.78C908.058 1689.78 830.917 1662.22 770.306 1611.42 772.758 1610.2 778.268 1607.12 781.326 1605.28L1141.3 1397.74C1159.68 1387.33 1171.31 1367.74 1170.68 1346.31ZM1069.67 1122.84 1069.67 1301.6 721.323 1502.41C559.079 1595.47 352.147 1540.37 258.475 1378.74L259.083 1378.74C219.297 1310.77 205.197 1229.96 218.668 1152.22 221.119 1154.06 226.022 1156.49 229.081 1158.33L589.059 1366.5C607.479 1376.92 630.013 1376.92 648.433 1366.5Z" fill="#FFFFFF" fill-rule="nonzero" fill-opacity="1" transform="matrix(1.00128 0 0 1 309 299.052)"/></g></g></g></g></svg>
\ No newline at end of file
diff --git a/website/public/images/home/websocket.svg b/website/public/images/home/websocket.svg
new file mode 100644
index 000000000..3ce806e1c
--- /dev/null
+++ b/website/public/images/home/websocket.svg
@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 -31.5 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" fill="#ff8c00" stroke="#ff8c00">
+
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
+
<g id="SVGRepo_iconCarrier"> <g> <path d="M192.440223,144.644612 L224.220111,144.644612 L224.220111,68.3393384 L188.415329,32.5345562 L165.943007,55.0068785 L192.440223,81.5040943 L192.440223,144.644612 L192.440223,144.644612 Z M224.303963,160.576482 L178.017688,160.576482 L113.451687,160.576482 L86.954471,134.079266 L98.1906322,122.843105 L120.075991,144.728464 L165.104487,144.728464 L120.746806,100.286931 L132.06682,88.9669178 L176.4245,133.324599 L176.4245,88.2961022 L154.622994,66.4945955 L165.775303,55.3422863 L110.684573,0 L56.3485097,0 L56.3485097,0 L0,0 L31.6960367,31.6960367 L31.6960367,31.7798886 L31.8637406,31.7798886 L97.4359646,31.7798886 L120.662954,55.0068785 L86.7029152,88.9669178 L63.4759253,65.7399279 L63.4759253,47.7117589 L31.6960367,47.7117589 L31.6960367,78.9046839 L86.7029152,133.911562 L64.3144448,156.300033 L100.119227,192.104815 L154.45529,192.104815 L256,192.104815 L256,192.104815 L224.303963,160.576482 L224.303963,160.576482 Z" fill="#ff8c00"> </path> </g> </g>
+
</svg>
\ No newline at end of file
diff --git a/website/src/movies/home/HomeHeroMovie.tsx b/website/src/movies/home/HomeHeroMovie.tsx
index 8ed976b9a..f699ae2e2 100644
--- a/website/src/movies/home/HomeHeroMovie.tsx
+++ b/website/src/movies/home/HomeHeroMovie.tsx
@@ -2,9 +2,9 @@ import GitHubIcon from "@mui/icons-material/GitHub";
 import MenuBookIcon from "@mui/icons-material/MenuBook";
 import { Button, Grid, Typography } from "@mui/material";
 import { ReactNode } from "react";
+import React from "react";
 
 import ProductHeroLayout from "../../components/home/ProductHeroLayout";
-import React from "react";
 
 const BLUE = "rgb(0, 200, 255)";
 const CYAN = "rgb(80, 200, 0)";
diff --git a/website/src/movies/home/HomeStrengthMovie.tsx b/website/src/movies/home/HomeStrengthMovie.tsx
index 6cb078e2d..03f7afb3d 100644
--- a/website/src/movies/home/HomeStrengthMovie.tsx
+++ b/website/src/movies/home/HomeStrengthMovie.tsx
@@ -5,8 +5,9 @@ import HomeCodeBlock from "../../components/home/HomeCodeBlock";
 import HomeStrengthSectionMovie from "./HomeStrengthSectionMovie";
 
 const BLUE = "rgb(0, 200, 255)";
-const CYAN = "rgb(80, 200, 0)";
+const GREEN = "rgb(80, 200, 0)";
 const PURPLE = "rgb(191, 64, 191)";
+const YELLOW = "#DEC20B";
 
 const sections: HomeStrengthSectionMovie.Props[] = [
   {
@@ -16,7 +17,7 @@ const sections: HomeStrengthSectionMovie.Props[] = [
         <span style={{ color: PURPLE }}>@</span>
         <span style={{ color: BLUE }}>TypedBody()</span>
         <span style={{ color: "gray" }}>{" input: "}</span>
-        <span style={{ color: CYAN }}>IArticleCreate</span>
+        <span style={{ color: GREEN }}>IArticleCreate</span>
       </React.Fragment>
     ),
     description: (
@@ -55,14 +56,14 @@ const sections: HomeStrengthSectionMovie.Props[] = [
       </React.Fragment>
     ),
     image: "/images/home/sdk.png",
-    href: "/docs/sdk/sdk",
+    href: "/docs/sdk",
   },
   {
     title: "Mockup Simulator",
     subTitle: (
       <React.Fragment>
         <span style={{ color: "gray" }}>{"{ "}</span>
-        <span style={{ color: CYAN }}>{"simulate: "}</span>
+        <span style={{ color: GREEN }}>{"simulate: "}</span>
         <span style={{ color: BLUE }}>{"true"}</span>
         <span style={{ color: "gray" }}>{" }"}</span>
       </React.Fragment>
@@ -71,7 +72,7 @@ const sections: HomeStrengthSectionMovie.Props[] = [
       <React.Fragment>
         <p>Mockup Simulator embedded in SDK.</p>
         <br />
-        <p>Simulates validation and response of the backend.</p>
+        <p>Simulates backend API.</p>
         <br />
         <p>
           Based on{" "}
@@ -80,30 +81,60 @@ const sections: HomeStrengthSectionMovie.Props[] = [
             <span style={{ color: "gray" }}>.</span>
             <span style={{ color: PURPLE }}>assert</span>
             <span style={{ color: "gray" }}>{"<"}</span>
-            <span style={{ color: CYAN }}>T</span>
-            <span style={{ color: "gray" }}>{">()"}</span>
-          </i>{" "}
-          and{" "}
+            <span style={{ color: GREEN }}>T</span>
+            <span style={{ color: "gray" }}>{">"}</span>
+          </i>
+          ,{" "}
           <i>
             <span style={{ color: BLUE }}>typia</span>
             <span style={{ color: "gray" }}>.</span>
             <span style={{ color: PURPLE }}>random</span>
             <span style={{ color: "gray" }}>{"<"}</span>
-            <span style={{ color: CYAN }}>T</span>
-            <span style={{ color: "gray" }}>{">()"}</span>
+            <span style={{ color: GREEN }}>T</span>
+            <span style={{ color: "gray" }}>{">"}</span>
           </i>
         </p>
       </React.Fragment>
     ),
     image: "/images/home/random.png",
-    href: "/docs/sdk/simulator",
+    href: "/docs/sdk/simulate",
+  },
+  {
+    title: "WebSocket RPC",
+    subTitle: (
+      <React.Fragment>
+        <span style={{ color: PURPLE }}>@</span>
+        <span style={{ color: BLUE }}>{"WebSocketRoute"}</span>
+        {"."}
+        <span style={{ color: YELLOW }}>{"Acceptor()"}</span>
+      </React.Fragment>
+    ),
+    description: (
+      <React.Fragment>
+        <p>WebSocket RPC with NestJS.</p>
+        <br />
+        <p>
+          Much easier than <HomeCodeBlock>@WebSocketGateway()</HomeCodeBlock>.
+        </p>
+        <br />
+        <p>Supports SDK library generation</p>
+      </React.Fragment>
+    ),
+    image: "/images/home/websocket.svg",
+    href: "/docs/core/WebSocketRoute",
   },
   {
-    title: "TS OpenAPI Generator",
-    subTitle: <HomeCodeBlock>npx @nestia/migrate</HomeCodeBlock>,
+    title: "TypeScript Swagger Editor",
+    subTitle: (
+      <React.Fragment>
+        <span style={{ color: BLUE }}>TypeScript IDE</span>
+        {" + "}
+        <span style={{ color: GREEN }}>Swagger/UI</span>
+      </React.Fragment>
+    ),
     description: (
       <React.Fragment>
-        <p>Web based TypeScript Editor</p>
+        <p>Web based TypeScript Editor IDE</p>
         <br />
         <p>Swagger to NestJS/SDK</p>
         <br />
@@ -111,7 +142,28 @@ const sections: HomeStrengthSectionMovie.Props[] = [
       </React.Fragment>
     ),
     image: "/images/home/swagger.png",
-    href: "/docs/editor",
+    href: "/docs/swagger/editor",
+  },
+  {
+    title: "Super A.I. Chatbot",
+    subTitle: (
+      <React.Fragment>
+        <span style={{ color: BLUE }}>A.I. Chatbot</span>
+        {" by "}
+        <span style={{ color: GREEN }}>Swagger Document</span>
+      </React.Fragment>
+    ),
+    description: (
+      <React.Fragment>
+        <p>Swagger operations to LLM function schemas</p>
+        <br />
+        <p>Converse your backend server to A.I. chatbot</p>
+        <br />
+        <p>The best tool for A.I. chatbot development</p>
+      </React.Fragment>
+    ),
+    image: "/images/home/openai.svg",
+    href: "/docs/swagger/chat",
   },
 ];
 
diff --git a/website/src/movies/home/HomeStrengthSectionMovie.tsx b/website/src/movies/home/HomeStrengthSectionMovie.tsx
index 076fdfa1b..321c31275 100644
--- a/website/src/movies/home/HomeStrengthSectionMovie.tsx
+++ b/website/src/movies/home/HomeStrengthSectionMovie.tsx
@@ -6,46 +6,66 @@ import {
   Grid,
   Typography,
 } from "@mui/material";
+import { useState } from "react";
 
-const HomeStrengthSectionMovie = (props: HomeStrengthSectionMovie.Props) => (
-  <Grid item xs={12} md={6}>
-    <Box>
-      <CardActionArea href={props.href}>
-        <br />
-        <div
-          style={{
-            alignItems: "center",
-            justifyContent: "center",
-            display: "flex",
-          }}
+const HomeStrengthSectionMovie = (props: HomeStrengthSectionMovie.Props) => {
+  const [over, setOver] = useState(false);
+  return (
+    <Grid item xs={12} md={6} lg={4}>
+      <Box>
+        <CardActionArea
+          href={props.href}
+          onMouseOver={() => setOver(true)}
+          onMouseOut={() => setOver(false)}
         >
-          <Box
-            component="img"
-            src={props.image}
-            sx={{
-              width: props.width,
-              height: props.height ?? 100,
+          <br />
+          <div
+            style={{
+              alignItems: "center",
+              justifyContent: "center",
+              display: "flex",
             }}
-          />
-        </div>
-        <br />
-        <CardContent style={{ textAlign: "center" }}>
-          <Typography variant="h5">{props.title}</Typography>
-          <Typography color="default" sx={{ paddingTop: 0.5 }}>
-            {props.subTitle}
-          </Typography>
+          >
+            <Box
+              component="img"
+              src={props.image}
+              sx={{
+                width: props.width,
+                height: props.height ?? 100,
+              }}
+            />
+          </div>
           <br />
-          {props.description}
-        </CardContent>
-      </CardActionArea>
-      <Divider />
-    </Box>
-  </Grid>
-);
+          <CardContent style={{ textAlign: "center" }}>
+            <Typography
+              variant="h5"
+              sx={{
+                textDecoration: over ? "underline" : undefined,
+              }}
+            >
+              {props.title}
+            </Typography>
+            <Typography
+              color="default"
+              sx={{
+                paddingTop: 0.5,
+              }}
+            >
+              {props.subTitle}
+            </Typography>
+            <br />
+            {props.description}
+          </CardContent>
+        </CardActionArea>
+        <Divider />
+      </Box>
+    </Grid>
+  );
+};
 namespace HomeStrengthSectionMovie {
   export interface Props {
-    title: string;
-    subTitle: JSX.Element;
+    title: string | JSX.Element;
+    subTitle: string | JSX.Element;
     description: JSX.Element;
     image: string;
     href: string;