feat: Constructo page improvements

Author: wilcorrea

src/components/packages/Installation.tsx

@@ -5,9 +5,16 @@ import CodeBlock from "@/components/CodeBlock.tsx";
 interface InstallationProps {
   onPackagistClick: () => void;
   onDocsClick: () => void;
+  buttonVariant?: string;
+  buttonTextColor?: string;
 }
 
-const Installation = ({ onPackagistClick, onDocsClick }: InstallationProps) => {
+const Installation = ({
+  onPackagistClick,
+  onDocsClick,
+  buttonVariant = "bg-gradient-constructo",
+  buttonTextColor = "text-constructo-foreground",
+}: InstallationProps) => {
   return (
     <section id="installation" className="py-16 bg-card/30">
       <div className="container mx-auto">
@@ -28,7 +35,7 @@ const Installation = ({ onPackagistClick, onDocsClick }: InstallationProps) => {
             </Button>
             <Button
               onClick={onDocsClick}
-              className="bg-gradient-constructo text-constructo-foreground transition-all hover:shadow-glow gap-2"
+              className={`${buttonVariant} ${buttonTextColor} transition-all hover:shadow-glow gap-2`}
             >
               <BookOpen className="w-4 h-4" />
               Primeiros Passos

src/pages/Constructo.tsx

@@ -13,7 +13,6 @@ import { scrollTo } from "@/lib/utils.ts";
 import {
   Blocks,
   Cog,
-  Command,
   Database,
   Download,
   Github,
@@ -23,7 +22,6 @@ import {
   Shield,
   TestTube,
   Users,
-  Zap,
 } from "lucide-react";
 
 const Constructo = () => {
@@ -108,7 +106,6 @@ const Constructo = () => {
       description:
         "Apenas defina os tipos dos argumentos do construtor que sua classe deve receber e deixa o resto com o Builder",
       code: `use Constructo\\Core\\Serialize\\Builder;
-use Constructo\\Support\\Set;
 use DateTime;
 
 // Defina sua entidade informando os valores das propriedades no construtor