Skip to content

Commit aa1f93e

Browse files
mohvnmohvn
committed
fix: linkando todos os botões
1 parent 1b20587 commit aa1f93e

File tree

3 files changed

+52
-44
lines changed

3 files changed

+52
-44
lines changed

‎frontend/bun.lock‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎frontend/src/App.tsx‎

Lines changed: 35 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
import { useState } from 'react';
21

32
import Navbar from './Navbar';
43
import { IcBaselineDiscord } from './components/IcBaselineDiscord';
@@ -8,11 +7,6 @@ import { RiLinkedinFill } from './components/RiLinkedinFill';
87
import { RiMailFill } from './components/RiMailFill';
98
import { Button } from './components/ui/button';
109
import { Card, CardContent } from './components/ui/card';
11-
import {
12-
Collapsible,
13-
CollapsibleContent,
14-
CollapsibleTrigger,
15-
} from './components/ui/collapsible';
1610
import { NumberTicker } from './components/ui/number-ticker';
1711
import { BlurFade } from './components/ui/blur-fade';
1812
import { DottedMap } from './components/ui/dotted-map';
@@ -22,15 +16,6 @@ import { AnimatedShinyText } from './components/ui/animated-shiny-text';
2216
import { cn } from './lib/utils';
2317

2418
function App() {
25-
const [openItems, setOpenItems] = useState<string[]>([]);
26-
27-
const toggleItem = (itemId: string) => {
28-
setOpenItems(prev =>
29-
prev.includes(itemId)
30-
? prev.filter(id => id !== itemId)
31-
: [...prev, itemId]
32-
);
33-
};
3419

3520
return (
3621
<div className="min-h-screen bg-[#26587e]">
@@ -53,7 +38,7 @@ function App() {
5338
)}
5439
>
5540
<AnimatedShinyText className="inline-flex items-center justify-center px-4 py-1 transition ease-out hover:text-white hover:duration-300">
56-
<span className="text-gray-300">Eventos | workshops | Aulas e muito mais sobre o universo Python</span>
41+
<span className="text-gray-300">Eventos | workshops | e muito mais sobre o universo Python</span>
5742
</AnimatedShinyText>
5843
</div>
5944
</BlurFade>
@@ -81,10 +66,12 @@ function App() {
8166
de voluntários. Nossa missão é democratizar o acesso ao
8267
conhecimento.
8368
</p>
84-
<Button className="flex items-center gap-3 text-lg text-black font-semibold px-6 py-7 rounded-2xl bg-[#ffd86b] hover:bg-[#ffd86b]/90">
85-
<RiInstagramFill className="size-8" />
86-
Participe da Nossa Comunidade
87-
</Button>
69+
<a href="https://www.instagram.com/py013_baixadasantista/" target="_blank" rel="noopener noreferrer">
70+
<Button className="flex items-center gap-3 text-lg text-black font-semibold px-6 py-7 rounded-2xl bg-[#ffd86b] hover:bg-[#ffd86b]/90 hover:cursor-pointer">
71+
<RiInstagramFill className="size-8" />
72+
Participe da Nossa Comunidade
73+
</Button>
74+
</a>
8875
</div>
8976
</div>
9077
</div>
@@ -143,19 +130,19 @@ function App() {
143130

144131
<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
145132
<Card className="bg-[#ffd86b] text-black border-none">
146-
<CardContent className="text-center flex items-center justify-center gap-2">
133+
<CardContent className="text-center flex flex-col items-center justify-center gap-2">
147134
<p className="text-2xl font-bold">+<NumberTicker value={20} /></p>
148135
<p className="font-semibold">Cidades impactadas</p>
149136
</CardContent>
150137
</Card>
151138
<Card className="bg-[#ffd86b] text-black border-none">
152-
<CardContent className="text-center flex items-center justify-center gap-2">
139+
<CardContent className="text-center flex flex-col items-center justify-center gap-2">
153140
<p className="text-2xl font-bold">+<NumberTicker value={1800} /></p>
154141
<p className="font-semibold">Seguidores nas nossas redes</p>
155142
</CardContent>
156143
</Card>
157144
<Card className="bg-[#ffd86b] text-black border-none">
158-
<CardContent className="text-center flex items-center justify-center gap-2">
145+
<CardContent className="text-center flex flex-col items-center justify-center gap-2">
159146
<p className="text-2xl font-bold">+<NumberTicker value={40} /></p>
160147
<p className="font-semibold">Eventos realizados</p>
161148
</CardContent>
@@ -171,15 +158,21 @@ function App() {
171158
<h2 className="text-4xl font-bold mb-12 text-white">Onde Estamos</h2>
172159
<div className="grid grid-cols-2 md:grid-cols-3 gap-6">
173160
<div className="social-button flex flex-col items-center">
174-
<RiInstagramFill className="size-24 mb-2" />
161+
<a href="https://www.instagram.com/py013_baixadasantista/" target="_blank" rel="noopener noreferrer">
162+
<RiInstagramFill className="size-24 mb-2" />
163+
</a>
175164
<span className="font-semibold">Instagram</span>
176165
</div>
177166
<div className="social-button flex flex-col items-center">
178-
<IcBaselineDiscord className="size-24 mb-2" />
167+
<a href="https://discord.gg/NnrjunGjHm" target="_blank" rel="noopener noreferrer">
168+
<IcBaselineDiscord className="size-24 mb-2" />
169+
</a>
179170
<span className="font-semibold">Discord</span>
180171
</div>
181172
<div className="social-button flex flex-col items-center">
182-
<RiLinkedinFill className="size-24 mb-2" />
173+
<a href="https://www.linkedin.com/company/py013/" target="_blank" rel="noopener noreferrer">
174+
<RiLinkedinFill className="size-24 mb-2" />
175+
</a>
183176
<span className="font-semibold">LinkedIn</span>
184177
</div>
185178
</div>
@@ -268,13 +261,23 @@ function App() {
268261

269262
<footer className="bg-[#3690D9] py-8 px-4">
270263
<div className="max-w-6xl mx-auto flex flex-col md:flex-row justify-between items-center">
271-
<div className="text-white mb-4 md:mb-0">@2025 Py013</div>
264+
<div className="text-white mb-4 md:mb-0">@2026 Py013 - Todos os direitos reservados</div>
272265
<div className="flex space-x-4">
273-
<RiLinkedinFill className="w-6 h-6 text-white" />
274-
<RiInstagramFill className="w-6 h-6 text-white" />
275-
<IcBaselineDiscord className="w-6 h-6 text-white" />
276-
<RiGithubFill className="w-6 h-6 text-white" />
277-
<RiMailFill className="w-6 h-6 text-white" />
266+
<a href="https://www.linkedin.com/company/py013/" target="_blank" rel="noopener noreferrer">
267+
<RiLinkedinFill className="w-6 h-6 text-white" />
268+
</a>
269+
<a href="https://www.instagram.com/py013_baixadasantista/" target="_blank" rel="noopener noreferrer">
270+
<RiInstagramFill className="w-6 h-6 text-white" />
271+
</a>
272+
<a href="https://discord.gg/NnrjunGjHm" target="_blank" rel="noopener noreferrer">
273+
<IcBaselineDiscord className="w-6 h-6 text-white" />
274+
</a>
275+
<a href="https://github.com/Py013/" target="_blank" rel="noopener noreferrer">
276+
<RiGithubFill className="w-6 h-6 text-white" />
277+
</a>
278+
<a href="mailto:[email protected]" target="_blank" rel="noopener noreferrer">
279+
<RiMailFill className="w-6 h-6 text-white" />
280+
</a>
278281
</div>
279282
</div>
280283
</footer>

‎frontend/src/Navbar.tsx‎

Lines changed: 16 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -18,8 +18,8 @@ import { IcBaselineDiscord } from './components/IcBaselineDiscord';
1818
import { RiGithubFill } from './components/RiGithubFill';
1919
import { RiLinkedinFill } from './components/RiLinkedinFill';
2020
import { RiMailFill } from './components/RiMailFill';
21+
import { RiInstagramFill } from './components/RiInstagramFill';
2122

22-
// Hamburger icon component
2323
const HamburgerIcon = ({ className, ...props }: React.SVGAttributes<SVGElement>) => (
2424
<svg
2525
className={cn('pointer-events-none', className)}
@@ -49,7 +49,6 @@ const HamburgerIcon = ({ className, ...props }: React.SVGAttributes<SVGElement>)
4949
</svg>
5050
);
5151

52-
// Types
5352
export interface NavbarNavLink {
5453
href: string;
5554
label: string;
@@ -101,7 +100,6 @@ const Navbar = React.forwardRef<HTMLElement, NavbarProps>(
101100
};
102101
}, []);
103102

104-
// Combine refs
105103
const combinedRef = React.useCallback((node: HTMLElement | null) => {
106104
containerRef.current = node;
107105
if (typeof ref === 'function') {
@@ -129,9 +127,7 @@ const Navbar = React.forwardRef<HTMLElement, NavbarProps>(
129127
{...props}
130128
>
131129
<div className="container mx-auto flex h-16 max-w-screen-2xl items-center justify-between gap-4">
132-
{/* Left side */}
133130
<div className="flex items-center gap-2">
134-
{/* Mobile menu trigger */}
135131
{isMobile && (
136132
<Popover>
137133
<PopoverTrigger asChild>
@@ -166,7 +162,6 @@ const Navbar = React.forwardRef<HTMLElement, NavbarProps>(
166162
</PopoverContent>
167163
</Popover>
168164
)}
169-
{/* Main nav */}
170165
<div className="flex items-center gap-6">
171166
<button
172167
onClick={() => handleLinkClick(logoHref)}
@@ -176,7 +171,6 @@ const Navbar = React.forwardRef<HTMLElement, NavbarProps>(
176171
{logo}
177172
</div>
178173
</button>
179-
{/* Navigation menu */}
180174
{!isMobile && (
181175
<NavigationMenu className="flex">
182176
<NavigationMenuList className="gap-1">
@@ -200,12 +194,22 @@ const Navbar = React.forwardRef<HTMLElement, NavbarProps>(
200194
)}
201195
</div>
202196
</div>
203-
{/* Right side - Social media icons */}
204197
<div className="flex items-center gap-4">
205-
<RiGithubFill className="w-6 h-6 text-white hover:text-[#FDD835] transition-colors cursor-pointer" />
206-
<IcBaselineDiscord className="w-6 h-6 text-white hover:text-[#FDD835] transition-colors cursor-pointer" />
207-
<RiMailFill className="w-6 h-6 text-white hover:text-[#FDD835] transition-colors cursor-pointer" />
208-
<RiLinkedinFill className="w-6 h-6 text-white hover:text-[#FDD835] transition-colors cursor-pointer" />
198+
<a href="https://www.instagram.com/py013_baixadasantista/" target="_blank" rel="noopener noreferrer">
199+
<RiInstagramFill className="w-6 h-6 text-white hover:text-[#FDD835] transition-colors cursor-pointer" />
200+
</a>
201+
<a href="https://github.com/Py013/" target="_blank" rel="noopener noreferrer">
202+
<RiGithubFill className="w-6 h-6 text-white hover:text-[#FDD835] transition-colors cursor-pointer" />
203+
</a>
204+
<a href="https://discord.gg/NnrjunGjHm" target="_blank" rel="noopener noreferrer">
205+
<IcBaselineDiscord className="w-6 h-6 text-white hover:text-[#FDD835] transition-colors cursor-pointer" />
206+
</a>
207+
<a href="mailto:[email protected]" target="_blank" rel="noopener noreferrer">
208+
<RiMailFill className="w-6 h-6 text-white hover:text-[#FDD835] transition-colors cursor-pointer" />
209+
</a>
210+
<a href="https://www.linkedin.com/company/py013/" target="_blank" rel="noopener noreferrer">
211+
<RiLinkedinFill className="w-6 h-6 text-white hover:text-[#FDD835] transition-colors cursor-pointer" />
212+
</a>
209213
</div>
210214
</div>
211215
</header>

0 commit comments

Comments
 (0)