diff --git a/app/(protected)/dashboard/scrape/qrcode/page.tsx b/app/(protected)/dashboard/scrape/qrcode/page.tsx
index 179474b..ec1d8e6 100644
--- a/app/(protected)/dashboard/scrape/qrcode/page.tsx
+++ b/app/(protected)/dashboard/scrape/qrcode/page.tsx
@@ -5,7 +5,7 @@ import { constructMetadata } from "@/lib/utils";
 import { DashboardHeader } from "@/components/dashboard/header";
 import QRCodeEditor from "@/components/shared/qr";
 
-import { QrCodeScraping } from "../scrapes";
+import { CodeLight, QrCodeScraping } from "../scrapes";
 
 export const metadata = constructMetadata({
   title: "Url to QR Code API - WR.DO",
@@ -19,12 +19,13 @@ export default async function DashboardPage() {
 
   return (
     <>
-      {/* <DashboardHeader
+      <DashboardHeader
         heading="Url&nbsp;&nbsp;to&nbsp;&nbsp;QR&nbsp;&nbsp;Code"
         text="Generate QR Code from URL"
         link="/docs/open-api/qrcode"
         linkText="QR Code API."
-      /> */}
+      />
+      <CodeLight content={`https://wr.do/api/v1/scraping/qrcode`} />
       <QRCodeEditor
         user={{ id: user.id, apiKey: user.apiKey }}
         url="https://github.com/oiov"
diff --git a/components/shared/qr.tsx b/components/shared/qr.tsx
index 72a4515..43e0fee 100644
--- a/components/shared/qr.tsx
+++ b/components/shared/qr.tsx
@@ -1,7 +1,6 @@
 "use client";
 
-import { useEffect, useState } from "react";
-import Image from "next/image";
+import { Suspense, useEffect, useState } from "react";
 import Link from "next/link";
 import { HexColorPicker } from "react-colorful";
 import { toast } from "sonner";
@@ -9,12 +8,8 @@ import { toast } from "sonner";
 import { WRDO_QR_LOGO } from "@/lib/qr/constants";
 
 import { Button } from "../ui/button";
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger,
-} from "../ui/collapsible";
 import { Input } from "../ui/input";
+import { Skeleton } from "../ui/skeleton";
 import { Switch } from "../ui/switch";
 import {
   Tooltip,
@@ -97,10 +92,11 @@ export default function QRCodeEditor({
     "#49a065", // Green
     "#2146b7", // Blue
     "#ae49bf", // Purple
+    "#ffffff",
   ];
 
   return (
-    <div className="mx-auto w-full max-w-lg rounded-lg bg-white p-4 shadow-lg">
+    <div className="w-full max-w-lg rounded-lg bg-white p-4 shadow-lg">
       <h2 className="mb-4 text-lg font-semibold">QR Code Design</h2>
 
       {/* QR Code Preview */}
@@ -136,15 +132,19 @@ export default function QRCodeEditor({
             className="flex size-full items-center justify-center"
             style={{ filter: "blur(0px)", opacity: 1, willChange: "auto" }}
           >
-            {qrCodeUrl && (
-              <BlurImage
-                src={qrCodeUrl}
-                alt="QR Code Preview"
-                width={128}
-                height={128}
-                className="h-auto max-w-full"
-              />
-            )}
+            <Suspense
+              fallback={<Skeleton className="h-32 w-32 rounded shadow" />}
+            >
+              {qrCodeUrl && (
+                <BlurImage
+                  src={qrCodeUrl}
+                  alt="QR Code Preview"
+                  width={128}
+                  height={128}
+                  className="h-auto max-w-full rounded"
+                />
+              )}
+            </Suspense>
           </div>
         </div>
       </div>
@@ -168,13 +168,12 @@ export default function QRCodeEditor({
       <div className="mb-3">
         <div className="mb-3 flex items-center justify-between">
           <h3 className="text-sm font-semibold text-neutral-600">Logo</h3>
-
           <TooltipProvider>
             <Tooltip delayDuration={0}>
               <TooltipTrigger>
                 <Icons.help className="ml-1 size-4 text-neutral-400" />
               </TooltipTrigger>
-              <TooltipContent className="max-w-64">
+              <TooltipContent className="max-w-64 text-left">
                 Display your logo in the center of the QR code.{" "}
                 <Link
                   className="border-b text-neutral-500"
@@ -193,8 +192,8 @@ export default function QRCodeEditor({
             onCheckedChange={(v) => handleToggleLogo(v)}
           />
         </div>
-        <Collapsible>
-          <CollapsibleTrigger className="flex w-full items-center justify-between">
+        <details>
+          <summary className="flex w-full items-center justify-between">
             <h3 className="text-nowrap text-sm font-semibold text-neutral-600">
               Custom Logo
             </h3>
@@ -203,7 +202,7 @@ export default function QRCodeEditor({
                 <TooltipTrigger>
                   <Icons.help className="ml-1 size-4 text-neutral-400" />
                 </TooltipTrigger>
-                <TooltipContent className="max-w-64">
+                <TooltipContent className="max-w-64 text-left">
                   Customize your QR code logo.{" "}
                   <Link
                     className="border-b text-neutral-500"
@@ -217,132 +216,127 @@ export default function QRCodeEditor({
               </Tooltip>
             </TooltipProvider>
             <Icons.chevronDown className="ml-auto size-4" />
-          </CollapsibleTrigger>
-          <CollapsibleContent>
-            <Input
-              className="mt-2"
-              type="text"
-              placeholder="https://example.com/logo.png"
-              disabled={params.hideLogo}
-              defaultValue={WRDO_QR_LOGO}
-              onChange={(e) => {
-                setParams((prev) => ({ ...prev, logo: e.target.value }));
-              }}
-            />
-          </CollapsibleContent>
-        </Collapsible>
+          </summary>
+          <Input
+            className="mt-2"
+            type="text"
+            placeholder="https://example.com/logo.png"
+            disabled={params.hideLogo}
+            defaultValue={WRDO_QR_LOGO}
+            onChange={(e) => {
+              setParams((prev) => ({ ...prev, logo: e.target.value }));
+            }}
+          />
+        </details>
       </div>
 
-      <Collapsible className="mb-3" defaultOpen={true}>
-        <CollapsibleTrigger className="flex w-full items-center justify-between">
+      <details className="mb-3" open={true}>
+        <summary className="flex w-full items-center justify-between">
           <h3 className="text-nowrap text-sm font-semibold text-neutral-600">
             Front Color
           </h3>
           <Icons.chevronDown className="ml-auto size-4" />
-        </CollapsibleTrigger>
-        <CollapsibleContent>
-          <div className="mt-2 flex items-center space-x-4">
-            <TooltipProvider>
-              <Tooltip delayDuration={0}>
-                <TooltipTrigger>
-                  <div className="relative flex h-9 w-32 shrink-0 rounded-md shadow-sm">
-                    <div
-                      className="h-full w-12 rounded-l-md border"
-                      data-state="closed"
-                      style={{
-                        backgroundColor: params.fgColor,
-                        borderColor: params.fgColor,
-                      }}
-                    ></div>
-                    <input
-                      id="color"
-                      className="block w-full rounded-r-md border-2 border-l-0 pl-3 text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-black sm:text-sm"
-                      spellCheck="false"
-                      defaultValue={params.fgColor}
-                      name="color"
-                      style={{ borderColor: params.fgColor }}
-                      onChange={(e) =>
-                        handleColorChange(e.target.value, "fgColor")
-                      }
-                    />
-                  </div>
-                </TooltipTrigger>
-                <TooltipContent className="p-3">
-                  <HexColorPicker
-                    color={params.fgColor}
-                    onChange={(color) => handleColorChange(color, "fgColor")}
+        </summary>
+        <div className="mt-2 flex items-start space-x-4">
+          <TooltipProvider>
+            <Tooltip delayDuration={0}>
+              <TooltipTrigger>
+                <div className="relative flex h-8 w-32 shrink-0 rounded-md shadow-sm">
+                  <div
+                    className="h-full w-10 rounded-l-md border"
+                    data-state="closed"
+                    style={{
+                      backgroundColor: params.fgColor,
+                      borderColor: params.fgColor,
+                    }}
+                  ></div>
+                  <input
+                    id="color"
+                    className="block w-full rounded-r-md border-2 border-l-0 pl-3 text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-black sm:text-sm"
+                    spellCheck="false"
+                    defaultValue={params.fgColor}
+                    name="color"
+                    style={{ borderColor: params.fgColor }}
+                    onChange={(e) =>
+                      handleColorChange(e.target.value, "fgColor")
+                    }
                   />
-                </TooltipContent>
-              </Tooltip>
-            </TooltipProvider>
-            <div className="flex flex-wrap items-center justify-start gap-2">
-              {colorOptions.map((color) => (
-                <button
-                  key={color}
-                  className="size-7 rounded-full border"
-                  style={{ backgroundColor: color }}
-                  onClick={() => handleColorChange(color, "fgColor")}
+                </div>
+              </TooltipTrigger>
+              <TooltipContent className="p-3">
+                <HexColorPicker
+                  color={params.fgColor}
+                  onChange={(color) => handleColorChange(color, "fgColor")}
                 />
-              ))}
-            </div>
+              </TooltipContent>
+            </Tooltip>
+          </TooltipProvider>
+          <div className="flex flex-wrap items-center justify-start gap-2">
+            {colorOptions.map((color) => (
+              <button
+                key={color}
+                className="size-[30px] rounded-full border"
+                style={{ backgroundColor: color }}
+                onClick={() => handleColorChange(color, "fgColor")}
+              />
+            ))}
           </div>
-        </CollapsibleContent>
-      </Collapsible>
-      <Collapsible>
-        <CollapsibleTrigger className="flex w-full items-center justify-between">
+        </div>
+      </details>
+
+      <details>
+        <summary className="flex w-full items-center justify-between">
           <h3 className="text-nowrap text-sm font-semibold text-neutral-600">
             Background Color
           </h3>
           <Icons.chevronDown className="ml-auto size-4" />
-        </CollapsibleTrigger>
-        <CollapsibleContent>
-          <div className="my-2 flex items-center space-x-4">
-            <TooltipProvider>
-              <Tooltip delayDuration={0}>
-                <TooltipTrigger>
-                  <div className="relative flex h-9 w-32 shrink-0 rounded-md shadow-sm">
-                    <div
-                      className="h-full w-12 rounded-l-md border"
-                      data-state="closed"
-                      style={{
-                        backgroundColor: params.bgColor,
-                        borderColor: params.bgColor,
-                      }}
-                    ></div>
-                    <input
-                      id="color"
-                      className="block w-full rounded-r-md border-2 border-l-0 pl-3 text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-black sm:text-sm"
-                      spellCheck="false"
-                      defaultValue={params.bgColor}
-                      name="color"
-                      style={{ borderColor: params.bgColor }}
-                      onChange={(e) =>
-                        handleColorChange(e.target.value, "bgColor")
-                      }
-                    />
-                  </div>
-                </TooltipTrigger>
-                <TooltipContent className="p-3">
-                  <HexColorPicker
-                    color={params.bgColor}
-                    onChange={(color) => handleColorChange(color, "bgColor")}
+        </summary>
+        <div className="my-2 flex items-start space-x-4">
+          <TooltipProvider>
+            <Tooltip delayDuration={0}>
+              <TooltipTrigger>
+                <div className="relative flex h-8 w-32 shrink-0 rounded-md shadow-sm">
+                  <div
+                    className="h-full w-10 rounded-l-md border"
+                    data-state="closed"
+                    style={{
+                      backgroundColor: params.bgColor,
+                      borderColor: params.bgColor,
+                    }}
+                  ></div>
+                  <input
+                    id="color"
+                    className="block w-full rounded-r-md border-2 border-l-0 pl-3 text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-black sm:text-sm"
+                    spellCheck="false"
+                    defaultValue={params.bgColor}
+                    name="color"
+                    style={{ borderColor: params.bgColor }}
+                    onChange={(e) =>
+                      handleColorChange(e.target.value, "bgColor")
+                    }
                   />
-                </TooltipContent>
-              </Tooltip>
-            </TooltipProvider>
-            <div className="flex flex-wrap items-center justify-start gap-2">
-              {colorOptions.map((color) => (
-                <button
-                  key={color}
-                  className="size-7 rounded-full border"
-                  style={{ backgroundColor: color }}
-                  onClick={() => handleColorChange(color, "bgColor")}
+                </div>
+              </TooltipTrigger>
+              <TooltipContent className="p-3">
+                <HexColorPicker
+                  color={params.bgColor}
+                  onChange={(color) => handleColorChange(color, "bgColor")}
                 />
-              ))}
-            </div>
+              </TooltipContent>
+            </Tooltip>
+          </TooltipProvider>
+          <div className="flex flex-wrap items-center justify-start gap-2">
+            {colorOptions.map((color) => (
+              <button
+                key={color}
+                className="size-[30px] rounded-full border"
+                style={{ backgroundColor: color }}
+                onClick={() => handleColorChange(color, "bgColor")}
+              />
+            ))}
           </div>
-        </CollapsibleContent>
-      </Collapsible>
+        </div>
+      </details>
 
       {/* <div className="flex justify-end space-x-2">
         <Button variant={"outline"}>Cancel</Button>
diff --git a/lib/qr/constants.ts b/lib/qr/constants.ts
index b158471..436478d 100644
--- a/lib/qr/constants.ts
+++ b/lib/qr/constants.ts
@@ -21,4 +21,4 @@ export const QR_LEVELS = ["L", "M", "Q", "H"] as const;
 // get an explicit height or width, I'd rather default to something than throw.
 export const DEFAULT_IMG_SCALE = 0.1;
 
-export const WRDO_QR_LOGO = "https://wr.do/_static/logo.png";
+export const WRDO_QR_LOGO = "https://wr.do/logo.png";
diff --git a/next.config.js b/next.config.js
index cd24f8b..f572969 100644
--- a/next.config.js
+++ b/next.config.js
@@ -33,6 +33,14 @@ const nextConfig = {
   experimental: {
     serverComponentsExternalPackages: ["@prisma/client"],
   },
+  rewrites() {
+    return [
+      {
+        source: "/logo.png",
+        destination: "/_static/logo.png",
+      },
+    ];
+  },
   redirects() {
     return [
       {
diff --git a/public/sw.js.map b/public/sw.js.map
index 622422e..31399a1 100644
--- a/public/sw.js.map
+++ b/public/sw.js.map
@@ -1 +1 @@
-{"version":3,"file":"sw.js","sources":["../../../../../../private/var/folders/9b/3qmyp8zd2xvdspdrp149fyg00000gn/T/e5b3ea0a3eae511d8d852e00d621fdfb/sw.js"],"sourcesContent":["import {registerRoute as workbox_routing_registerRoute} from '/Users/songjunxi/Desktop/repos/wrdo-app/wr.do/node_modules/.pnpm/workbox-routing@6.6.0/node_modules/workbox-routing/registerRoute.mjs';\nimport {NetworkFirst as workbox_strategies_NetworkFirst} from '/Users/songjunxi/Desktop/repos/wrdo-app/wr.do/node_modules/.pnpm/workbox-strategies@6.6.0/node_modules/workbox-strategies/NetworkFirst.mjs';\nimport {NetworkOnly as workbox_strategies_NetworkOnly} from '/Users/songjunxi/Desktop/repos/wrdo-app/wr.do/node_modules/.pnpm/workbox-strategies@6.6.0/node_modules/workbox-strategies/NetworkOnly.mjs';\nimport {clientsClaim as workbox_core_clientsClaim} from '/Users/songjunxi/Desktop/repos/wrdo-app/wr.do/node_modules/.pnpm/workbox-core@6.6.0/node_modules/workbox-core/clientsClaim.mjs';/**\n * Welcome to your Workbox-powered service worker!\n *\n * You'll need to register this file in your web app.\n * See https://goo.gl/nhQhGp\n *\n * The rest of the code is auto-generated. Please don't update this file\n * directly; instead, make changes to your Workbox build configuration\n * and re-run your build process.\n * See https://goo.gl/2aRDsh\n */\n\n\nimportScripts(\n  \n);\n\n\n\n\n\n\n\nself.skipWaiting();\n\nworkbox_core_clientsClaim();\n\n\n\nworkbox_routing_registerRoute(\"/\", new workbox_strategies_NetworkFirst({ \"cacheName\":\"start-url\", plugins: [{ cacheWillUpdate: async ({ request, response, event, state }) => { if (response && response.type === 'opaqueredirect') { return new Response(response.body, { status: 200, statusText: 'OK', headers: response.headers }) } return response } }] }), 'GET');\nworkbox_routing_registerRoute(/.*/i, new workbox_strategies_NetworkOnly({ \"cacheName\":\"dev\", plugins: [] }), 'GET');\n\n\n\n\n"],"names":["importScripts","self","skipWaiting","workbox_core_clientsClaim","workbox_routing_registerRoute","workbox_strategies_NetworkFirst","plugins","cacheWillUpdate","request","response","event","state","type","Response","body","status","statusText","headers","workbox_strategies_NetworkOnly"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"sw.js","sources":["../../../../../../private/var/folders/9b/3qmyp8zd2xvdspdrp149fyg00000gn/T/22f25d13ce3e9685aa91ba583c885719/sw.js"],"sourcesContent":["import {registerRoute as workbox_routing_registerRoute} from '/Users/songjunxi/Desktop/repos/wrdo-app/wr.do/node_modules/.pnpm/workbox-routing@6.6.0/node_modules/workbox-routing/registerRoute.mjs';\nimport {NetworkFirst as workbox_strategies_NetworkFirst} from '/Users/songjunxi/Desktop/repos/wrdo-app/wr.do/node_modules/.pnpm/workbox-strategies@6.6.0/node_modules/workbox-strategies/NetworkFirst.mjs';\nimport {NetworkOnly as workbox_strategies_NetworkOnly} from '/Users/songjunxi/Desktop/repos/wrdo-app/wr.do/node_modules/.pnpm/workbox-strategies@6.6.0/node_modules/workbox-strategies/NetworkOnly.mjs';\nimport {clientsClaim as workbox_core_clientsClaim} from '/Users/songjunxi/Desktop/repos/wrdo-app/wr.do/node_modules/.pnpm/workbox-core@6.6.0/node_modules/workbox-core/clientsClaim.mjs';/**\n * Welcome to your Workbox-powered service worker!\n *\n * You'll need to register this file in your web app.\n * See https://goo.gl/nhQhGp\n *\n * The rest of the code is auto-generated. Please don't update this file\n * directly; instead, make changes to your Workbox build configuration\n * and re-run your build process.\n * See https://goo.gl/2aRDsh\n */\n\n\nimportScripts(\n  \n);\n\n\n\n\n\n\n\nself.skipWaiting();\n\nworkbox_core_clientsClaim();\n\n\n\nworkbox_routing_registerRoute(\"/\", new workbox_strategies_NetworkFirst({ \"cacheName\":\"start-url\", plugins: [{ cacheWillUpdate: async ({ request, response, event, state }) => { if (response && response.type === 'opaqueredirect') { return new Response(response.body, { status: 200, statusText: 'OK', headers: response.headers }) } return response } }] }), 'GET');\nworkbox_routing_registerRoute(/.*/i, new workbox_strategies_NetworkOnly({ \"cacheName\":\"dev\", plugins: [] }), 'GET');\n\n\n\n\n"],"names":["importScripts","self","skipWaiting","workbox_core_clientsClaim","workbox_routing_registerRoute","workbox_strategies_NetworkFirst","plugins","cacheWillUpdate","request","response","event","state","type","Response","body","status","statusText","headers","workbox_strategies_NetworkOnly"],"mappings":"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"}
\ No newline at end of file