1- import { Github , Twitter , Mail , Heart } from "lucide-react" ;
1+ import { Code , Mail , Heart , GitPullRequestCreateArrow } from "lucide-react" ;
22import { Link } from "react-router-dom" ;
33import deviLogo from "@/assets/devitools-logo.png" ;
44
@@ -92,13 +92,7 @@ const Footer = () => {
9292 href = "#"
9393 className = "text-muted-foreground hover:text-primary transition-colors"
9494 >
95- < Github className = "w-5 h-5" />
96- </ a >
97- < a
98- href = "#"
99- className = "text-muted-foreground hover:text-primary transition-colors"
100- >
101- < Twitter className = "w-5 h-5" />
95+ < Code className = "w-5 h-5" />
10296 </ a >
10397 < a
10498 href = "#"
@@ -110,12 +104,26 @@ const Footer = () => {
110104 </ div >
111105 </ div >
112106
113- < div className = "border-t border-border pt-8 flex flex-col md :flex-row justify-between items-center" >
114- < p className = "text-muted-foreground" >
107+ < div className = "border-t border-border pt-6 flex flex-col lg :flex-row justify-between items-center" >
108+ < p className = "text-muted-foreground text-xs py-2 " >
115109 © { new Date ( ) . getFullYear ( ) } Devitools. Desenvolvido com{ " " }
116110 < Heart className = "w-4 h-4 inline mx-1 text-accent" /> pela comunidade.
117111 </ p >
118- < div className = "flex space-x-6 mt-4 md:mt-0" >
112+
113+
114+ { /* Link para o repositório */ }
115+ < div className = "text-center py-2" >
116+ < a
117+ href = "https://github.com/devitools/landing"
118+ target = "_blank"
119+ rel = "noopener noreferrer"
120+ className = "inline-flex items-center text-muted-foreground hover:text-primary transition-colors group"
121+ >
122+ < GitPullRequestCreateArrow className = "w-4 h-4 mr-2 group-hover:scale-110 transition-transform" />
123+ < span className = "text-xs" > para sempre gratuito</ span >
124+ </ a >
125+ </ div >
126+ < div className = "flex space-x-6 md:mt-0 py-2" >
119127 < a
120128 href = "#"
121129 className = "text-muted-foreground hover:text-primary transition-colors"
0 commit comments