feat: revisão inicial

Author: wilcorrea

src/App.tsx

@@ -4,6 +4,7 @@ import { TooltipProvider } from "@/components/ui/tooltip";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { BrowserRouter, Routes, Route } from "react-router-dom";
 import { ThemeProvider } from "next-themes";
+import ScrollToTop from "@/components/ScrollToTop";
 import Index from "./pages/Index";
 import NotFound from "./pages/NotFound";
 import Constructo from "./pages/Constructo";
@@ -28,6 +29,7 @@ const App = () => (
         <Toaster />
         <Sonner />
         <BrowserRouter>
+          <ScrollToTop />
           <Routes>
             <Route path="/" element={<Index />} />
             <Route path="/constructo" element={<Constructo />} />

src/components/PackageCard.tsx

@@ -1,6 +1,7 @@
 import { Button } from "@/components/ui/button";
 import { Card } from "@/components/ui/card";
 import { ArrowRight, ExternalLink } from "lucide-react";
+import { useNavigate } from "react-router-dom";
 
 interface PackageCardProps {
   name: string;
@@ -9,23 +10,44 @@ interface PackageCardProps {
   gradient: string;
   icon: React.ReactNode;
   isMain?: boolean;
+  docsLink?: string;
+  githubLink?: string;
 }
 
-const PackageCard = ({ name, description, features, gradient, icon, isMain = false }: PackageCardProps) => {
+const PackageCard = ({
+  name,
+  description,
+  features,
+  gradient,
+  icon,
+  isMain = false,
+  docsLink,
+  githubLink,
+}: PackageCardProps) => {
+  const navigate = useNavigate();
+
   return (
-    <Card className={`p-8 relative overflow-hidden border-2 transition-all duration-300 hover:shadow-elegant hover:scale-105 ${
-      isMain ? 'border-primary/20 bg-gradient-to-br from-primary/5 to-accent/5' : 'border-border hover:border-primary/30'
-    }`}>
-      <div className={`absolute top-0 right-0 w-32 h-32 ${gradient} opacity-10 rounded-full -translate-y-16 translate-x-16`}></div>
-      
+    <Card
+      className={`p-8 relative overflow-hidden border-2 transition-all duration-300 hover:shadow-elegant hover:scale-105 ${
+        isMain
+          ? "border-primary/20 bg-gradient-to-br from-primary/5 to-accent/5"
+          : "border-border hover:border-primary/30"
+      }`}
+    >
+      <div
+        className={`absolute top-0 right-0 w-32 h-32 ${gradient} opacity-10 rounded-full -translate-y-16 translate-x-16`}
+      ></div>
+
       <div className="relative">
-        <div className={`w-14 h-14 ${gradient} rounded-2xl mb-6 flex items-center justify-center shadow-elegant`}>
+        <div
+          className={`w-14 h-14 ${gradient} rounded-2xl mb-6 flex items-center justify-center shadow-elegant`}
+        >
           {icon}
         </div>
-        
+
         <h3 className="text-2xl font-bold mb-4 text-foreground">{name}</h3>
         <p className="text-muted-foreground mb-6 text-lg">{description}</p>
-        
+
         <div className="space-y-3 mb-8">
           {features.map((feature, index) => (
             <div key={index} className="flex items-start space-x-3">
@@ -34,13 +56,20 @@ const PackageCard = ({ name, description, features, gradient, icon, isMain = fal
             </div>
           ))}
         </div>
-        
+
         <div className="flex flex-col sm:flex-row gap-3">
-          <Button className={`${gradient} shadow-elegant flex-1`}>
+          <Button
+            className={`${gradient} shadow-elegant flex-1`}
+            onClick={() => (docsLink ? navigate(docsLink) : null)}
+          >
             Documentação
             <ArrowRight className="w-4 h-4 ml-2" />
           </Button>
-          <Button variant="outline" className="flex-1">
+          <Button
+            variant="outline"
+            className="flex-1"
+            onClick={() => (githubLink ? window.open(githubLink, "_blank") : null)}
+          >
             <ExternalLink className="w-4 h-4 mr-2" />
             GitHub
           </Button>
@@ -50,4 +79,4 @@ const PackageCard = ({ name, description, features, gradient, icon, isMain = fal
   );
 };
 
-export default PackageCard;
+export default PackageCard;

src/components/Packages.tsx

@@ -22,6 +22,8 @@ const Packages = () => {
             gradient="bg-gradient-constructo"
             icon={<Package className="w-7 h-7 text-primary-foreground" />}
             isMain={true}
+            docsLink="/docs/constructo"
+            githubLink="https://github.com/devitools/constructo"
             features={[
               "Serialização / Desserialização automática de classes",
               "Abstração de regras de validação e mapeamentos de entrada",
@@ -32,9 +34,11 @@ const Packages = () => {
 
           <PackageCard
             name="Serendipity"
-            description="O pacote ideal para quem quer lidar com o framework Hyperf, simplificando ao máximo o uso do framework."
+            description="O pacote ideal para quem quer lidar com o framework Hyperf, simplificando ao máximo a ferramenta baseada no Swoole."
             gradient="bg-gradient-serendipity"
             icon={<Zap className="w-7 h-7 text-accent-foreground" />}
+            docsLink="/docs/serendipity"
+            githubLink="https://github.com/devitools/serendipity"
             features={[
               "Simplificação de consumo de rotas e requisições HTTP",
               "Extensões para rotinas de testes automatizados",
@@ -48,6 +52,8 @@ const Packages = () => {
             description="Extensão do Constructo especificamente otimizada para o framework Laravel, oferecendo ferramentas avançadas."
             gradient="bg-gradient-effulgence"
             icon={<Layers className="w-7 h-7 text-success-foreground" />}
+            docsLink="/docs/effulgence"
+            githubLink="https://github.com/devitools/effulgence"
             features={[
               "Simplificação de consumo de rotas e requisições HTTP",
               "Facades próprios e recursos para maximizar a produtividade",

src/components/ScrollToTop.tsx

@@ -0,0 +1,14 @@
+import { useEffect } from "react";
+import { useLocation } from "react-router-dom";
+
+const ScrollToTop = () => {
+  const { pathname } = useLocation();
+
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, [pathname]);
+
+  return null;
+};
+
+export default ScrollToTop;