From 7e542186bb2a2e8d8e81620037049459c2b0239c Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Sun, 9 Nov 2025 08:47:49 +0000
Subject: [PATCH] Wrap DocsTutorials with Gitbook-style DocsLayout - Final

cgen-50a508afa7b74597985f5e7185a13ab1
---
 client/pages/docs/DocsTutorials.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/client/pages/docs/DocsTutorials.tsx b/client/pages/docs/DocsTutorials.tsx
index 35d3e1c1..655d20eb 100644
--- a/client/pages/docs/DocsTutorials.tsx
+++ b/client/pages/docs/DocsTutorials.tsx
@@ -1,3 +1,4 @@
+import DocsLayout from "@/components/docs/DocsLayout";
 import { useState } from "react";
 import {
   Card,
@@ -223,9 +224,14 @@ export default function DocsTutorials() {
   });
 
   return (
+    <DocsLayout
+      title="Tutorials"
+      description="Step-by-step guides for common use cases"
+      breadcrumbs={[{ label: "Tutorials" }]}
+    >
     <div>
       {/* Header */}
-      <div className="mb-8">
+      <div className="mb-8 hidden">
         <h2 className="text-2xl font-bold text-white mb-4">
           Documentation Tutorials
         </h2>
@@ -409,5 +415,6 @@ export default function DocsTutorials() {
         </div>
       </div>
     </div>
+    </DocsLayout>
   );
 }