feat: implements new ResponsiveLayout component

Author: wilcorrea

src/App.tsx

@@ -9,7 +9,6 @@ import DocsIntroduction from "@/pages/Docs/Introduction.tsx";
 import DocsReference from "@/pages/Docs/Reference.tsx";
 import DocsReferenceArceau from "@/pages/Docs/Reference/Arceau";
 import DocsReferenceConstructo from "@/pages/Docs/Reference/Constructo";
-import DocsReferenceDocekrize from "@/pages/Docs/Reference/Docekrize";
 import DocsReferenceDockerfile from "@/pages/Docs/Reference/Dockerfile";
 import DocsReferenceEffulgence from "@/pages/Docs/Reference/Effulgence";
 import DocsReferenceHttp from "@/pages/Docs/Reference/Http";
@@ -55,7 +54,6 @@ const App = () => (
                 <Route path="effulgence" element={<DocsReferenceEffulgence />} />
                 <Route path="tevun" element={<DocsReferenceTevun />} />
                 <Route path="http" element={<DocsReferenceHttp />} />
-                <Route path="docekrize" element={<DocsReferenceDocekrize />} />
                 <Route path="dockerfile" element={<DocsReferenceDockerfile />} />
                 <Route path="arceau" element={<DocsReferenceArceau />} />
               </Route>

src/components/Footer.tsx

@@ -89,6 +89,14 @@ const Footer = () => {
                   <Soon className="text-2xs p-0 px-[4px] text-white dark:text-background dark:bg-red-300" />
                 </Link>
               </li>
+              <li>
+                <Link
+                  to="/docs/reference/arceau"
+                  className="text-muted-foreground hover:text-primary transition-colors"
+                >
+                  Arceau
+                </Link>
+              </li>
             </ul>
           </div>
 
@@ -111,14 +119,6 @@ const Footer = () => {
                   Http
                 </Link>
               </li>
-              <li>
-                <Link
-                  to="/docs/reference/dockerize"
-                  className="text-muted-foreground hover:text-primary transition-colors"
-                >
-                  Dockerize
-                </Link>
-              </li>
               <li>
                 <Link
                   to="/docs/reference/dockerfile"
@@ -127,14 +127,6 @@ const Footer = () => {
                   Dockerfile
                 </Link>
               </li>
-              <li>
-                <Link
-                  to="/docs/reference/arceau"
-                  className="text-muted-foreground hover:text-primary transition-colors"
-                >
-                  Arceau
-                </Link>
-              </li>
             </ul>
           </div>
 

src/components/docs/ResponsiveLayout.tsx

@@ -55,7 +55,7 @@ const ResponsiveLayout = forwardRef<ResponsiveLayoutRef, ResponsiveLayoutProps>(
   );
 
   return (
-    <div className="flex relative min-h-[calc(100vh-140px)]">
+    <div className="flex relative min-h-[400px]">
       {/* Backdrop */}
       <div
         ref={backdropRef}

src/pages/Docs/Reference.tsx

@@ -40,11 +40,6 @@ const Reference = () => {
       label: "Http",
       level: 0,
     },
-    {
-      id: "docekrize",
-      label: "Docekrize",
-      level: 0,
-    },
     {
       id: "dockerfile",
       label: "Dockerfile",

src/pages/Docs/Reference/Docekrize.tsx

@@ -18,17 +18,17 @@ const Index = () => {
           <div className="flex items-center justify-center mb-6">
             <div className="flex items-center space-x-2 bg-primary/10 px-4 py-2 rounded-full">
               <Sparkles className="w-4 h-4 text-primary" />
-              <span className="text-sm font-medium text-primary">
+              <span className="text-xs md:text-sm font-medium text-primary">
                 Ferramentas modernas para o dev moderno
               </span>
             </div>
           </div>
 
-          <h1 className="text-5xl md:text-7xl font-bold mb-6 bg-gradient-hero bg-clip-text text-transparent leading-tight">
-            Conheça as nossas soluções e ferramentas
+          <h1 className="text-4xl md:text-7xl font-bold mb-6 bg-gradient-hero bg-clip-text text-transparent leading-tight">
+            Hackeie sua produtividade com Devitools
           </h1>
 
-          <p className="text-xl md:text-2xl text-muted-foreground m-8 max-w-3xl mx-auto">
+          <p className="text-md md:text-2xl text-muted-foreground m-8 max-w-3xl mx-auto">
             Utilize ferramentas modernas e elegantes para acelerar seu fluxo de trabalho e melhorar
             a experiência de desenvolvimento
           </p>