Skip to content

Commit 7e79899

Browse files
wilcorreawilcorrea
committed
feat: revisão inicial
1 parent d240feb commit 7e79899

3 files changed

Lines changed: 39 additions & 41 deletions

File tree

‎src/components/CodeExamples.tsx‎

Lines changed: 32 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,26 @@
11
import { Button } from "@/components/ui/button";
22
import CodeExamplePackage from "@/components/CodeExamplePackage.tsx";
3-
import { Blocks, Zap, Layers } from "lucide-react";
3+
import { Blocks, Zap, Layers, Play, Code } from "lucide-react";
4+
import { useNavigate } from "react-router-dom";
45

56
const CodeExamples = () => {
7+
const navigate = useNavigate();
8+
69
const constructoTabs = [
710
{
811
value: "codec",
912
label: "codec.php",
1013
code: `<?php
1114
12-
// Em breve codec.php ... 🚀`
15+
// Em breve codec.php ... 🚀`,
1316
},
1417
{
1518
value: "faker",
1619
label: "faker.php",
1720
code: `<?php
1821
19-
// Em breve faker.php ... 🚀`
20-
}
22+
// Em breve faker.php ... 🚀`,
23+
},
2124
];
2225

2326
const serendipityTabs = [
@@ -27,32 +30,32 @@ const CodeExamples = () => {
2730
code: `<?php
2831
2932
// Em breve Action.php ... 🚀
30-
}`
33+
}`,
3134
},
3235
{
3336
value: "input",
3437
label: "Input.php",
3538
code: `<?php
3639
3740
// Em breve Input.php ... 🚀
38-
}`
41+
}`,
3942
},
4043
{
4144
value: "entity",
4245
label: "Entity.php",
4346
code: `<?php
4447
4548
// Em breve Entity.php ... 🚀
46-
}`
49+
}`,
4750
},
4851
{
4952
value: "repository",
5053
label: "Repository.php",
5154
code: `<?php
5255
5356
// Em breve Repository.php ... 🚀
54-
}`
55-
}
57+
}`,
58+
},
5659
];
5760

5861
const effulgenceTabs = [
@@ -62,8 +65,8 @@ const CodeExamples = () => {
6265
code: `<?php
6366
6467
// Em breve Controller.php ... 🚀
65-
}`
66-
}
68+
}`,
69+
},
6770
];
6871

6972
return (
@@ -83,11 +86,7 @@ const CodeExamples = () => {
8386
name="Constructo"
8487
subtitle="Serialização Inteligente"
8588
description="Transforme dados em objetos tipados com validação automática. Classes que se serializam e se validam de forma elegante e eficiente."
86-
features={[
87-
"Serialização automática",
88-
"Validação integrada",
89-
"Type safety nativo"
90-
]}
89+
features={["Serialização automática", "Validação integrada", "Type safety nativo"]}
9190
icon={<Blocks className="w-6 h-6 text-constructo-foreground" />}
9291
gradientClass="bg-gradient-constructo"
9392
shadowClass="shadow-constructo"
@@ -102,7 +101,7 @@ const CodeExamples = () => {
102101
features={[
103102
"Roteamento com annotations",
104103
"Workers em background",
105-
"Tratamento automático de erros"
104+
"Tratamento automático de erros",
106105
]}
107106
icon={<Zap className="w-6 h-6 text-serendipity-foreground" />}
108107
gradientClass="bg-gradient-serendipity"
@@ -119,7 +118,7 @@ const CodeExamples = () => {
119118
features={[
120119
"Componentes reutilizáveis",
121120
"Sistema de layout flexível",
122-
"Themes customizáveis"
121+
"Themes customizáveis",
123122
]}
124123
icon={<Layers className="w-6 h-6 text-effulgence-foreground" />}
125124
gradientClass="bg-gradient-effulgence"
@@ -129,8 +128,21 @@ const CodeExamples = () => {
129128
/>
130129
</div>
131130

132-
<div className="text-center mt-16">
133-
<Button size="lg" className="bg-gradient-hero shadow-glow">
131+
<div className="flex flex-col sm:flex-row-reverse gap-4 justify-center mt-16">
132+
<Button
133+
size="lg"
134+
className="bg-gradient-primary shadow-glow"
135+
onClick={() => navigate("/docs")}
136+
>
137+
<Play className="w-5 h-5 mr-2" />
138+
Começar Agora
139+
</Button>
140+
<Button
141+
size="lg"
142+
className="bg-gradient-hero shadow-glow"
143+
onClick={() => navigate("/docs/examples")}
144+
>
145+
<Code className="w-5 h-5 mr-2" />
134146
Explorar Mais Exemplos
135147
</Button>
136148
</div>

‎src/components/Footer.tsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -56,8 +56,8 @@ const Footer = () => {
5656
</div>
5757

5858
<div className="container mx-auto relative z-10">
59-
<div className="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
60-
<div>
59+
<div className="flex flex-wrap justify-between gap-8 mb-8">
60+
<div className="px-2 min-w-[130px]">
6161
<div className="flex items-center space-x-2 mb-4">
6262
<Link to="/" className="hover:opacity-80 transition-opacity">
6363
<img
@@ -70,7 +70,7 @@ const Footer = () => {
7070
<p className="text-muted-foreground">Ferramentas modernas para o dev moderno</p>
7171
</div>
7272

73-
<div>
73+
<div className="px-2 min-w-[130px]">
7474
<h3 className="font-semibold text-foreground mb-4">Pacotes</h3>
7575
<ul className="space-y-2">
7676
<li>
@@ -100,7 +100,7 @@ const Footer = () => {
100100
</ul>
101101
</div>
102102

103-
<div>
103+
<div className="px-2 min-w-[130px]">
104104
<h3 className="font-semibold text-foreground mb-4">Recursos</h3>
105105
<ul className="space-y-2">
106106
<li>
@@ -130,7 +130,7 @@ const Footer = () => {
130130
</ul>
131131
</div>
132132

133-
<div>
133+
<div className="px-2 min-w-[130px]">
134134
<h3 className="font-semibold text-foreground mb-4">Comunidade</h3>
135135
<div className="flex space-x-4">
136136
<a href="#" className="text-muted-foreground hover:text-primary transition-colors">

‎src/components/PackageCard.tsx‎

Lines changed: 2 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
import { Button } from "@/components/ui/button";
22
import { Card } from "@/components/ui/card";
33
import { ArrowRight, ExternalLink } from "lucide-react";
4-
import { useNavigate } from "react-router-dom";
54

65
interface PackageCardProps {
76
name: string;
@@ -10,8 +9,6 @@ interface PackageCardProps {
109
gradient: string;
1110
icon: React.ReactNode;
1211
isMain?: boolean;
13-
docsLink?: string;
14-
githubLink?: string;
1512
}
1613

1714
const PackageCard = ({
@@ -21,11 +18,7 @@ const PackageCard = ({
2118
gradient,
2219
icon,
2320
isMain = false,
24-
docsLink,
25-
githubLink,
2621
}: PackageCardProps) => {
27-
const navigate = useNavigate();
28-
2922
return (
3023
<Card
3124
className={`p-8 relative overflow-hidden border-2 transition-all duration-300 hover:shadow-elegant hover:scale-105 ${
@@ -58,18 +51,11 @@ const PackageCard = ({
5851
</div>
5952

6053
<div className="flex flex-col sm:flex-row gap-3">
61-
<Button
62-
className={`${gradient} shadow-elegant flex-1`}
63-
onClick={() => (docsLink ? navigate(docsLink) : null)}
64-
>
54+
<Button className={`${gradient} shadow-elegant flex-1`}>
6555
Documentação
6656
<ArrowRight className="w-4 h-4 ml-2" />
6757
</Button>
68-
<Button
69-
variant="outline"
70-
className="flex-1"
71-
onClick={() => (githubLink ? window.open(githubLink, "_blank") : null)}
72-
>
58+
<Button variant="outline" className="flex-1">
7359
<ExternalLink className="w-4 h-4 mr-2" />
7460
GitHub
7561
</Button>

0 commit comments

Comments
 (0)