From 11d6b6342d4ae23c3bf22b3271db7909d16f36a5 Mon Sep 17 00:00:00 2001 From: Le-frances13 <100540487+Le-frances13@users.noreply.github.com> Date: Thu, 23 Jul 2026 12:48:12 +0200 Subject: [PATCH 01/16] feat; Contact us and team Page --- frontend/src/App.tsx | 23 ++- frontend/src/pages/Info Pages/Contact-us.tsx | 135 +++++++++++++ frontend/src/pages/Info Pages/OurTeam.tsx | 190 +++++++++++++++++++ 3 files changed, 342 insertions(+), 6 deletions(-) create mode 100644 frontend/src/pages/Info Pages/Contact-us.tsx create mode 100644 frontend/src/pages/Info Pages/OurTeam.tsx diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index d2f127b..ff89b76 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -1,10 +1,15 @@ import { BrowserRouter, Routes, Route } from 'react-router-dom'; -import SessionPage from './pages/Session'; -import LoginPage from './pages/Login_page'; import Home from './pages/Home'; -import CreateCommittee from './pages/CreateCommittee'; -import UserDash from './pages/UserDashboard'; import Pricing from './pages/Info Pages/Pricing'; +import OurTeam from './pages/Info Pages/OurTeam'; +import ContactUs from './pages/Info Pages/Contact-us'; +import LoginPage from './pages/Login_page'; +import UserDash from './pages/UserDashboard'; +import DashboardSection from './pages/DashboardSection'; +import CreateCommittee from './pages/CreateCommittee'; +import SessionPage from './pages/Session'; + + function App() { // We'll use react-router in order to develop our SPA @@ -13,10 +18,16 @@ function App() { } /> } /> - } /> + } /> + } /> } /> + }> + } /> + } /> + } /> + } /> - } /> + } /> diff --git a/frontend/src/pages/Info Pages/Contact-us.tsx b/frontend/src/pages/Info Pages/Contact-us.tsx new file mode 100644 index 0000000..872eccb --- /dev/null +++ b/frontend/src/pages/Info Pages/Contact-us.tsx @@ -0,0 +1,135 @@ +import Navbar from "@/components/homepage/navbar" +import Footer from "@/components/homepage/footer" +import { Button } from "@/components/ui/button" +import { Input } from "@/components/ui/input" +import { Label } from "@/components/ui/label" +import { + Select, + SelectContent, + SelectItem, + SelectTrigger, + SelectValue, +} from "@/components/ui/select" +import { Textarea } from "@/components/ui/textarea" + +import { FileQuestionMark, Headset, Mail, Megaphone, Newspaper, Phone, Send } from 'lucide-react'; + +const waveIcons = [Phone, Headset, Mail, Send, Megaphone, Newspaper, FileQuestionMark] +const waveTrack = Array.from({ length: 5 }, () => waveIcons).flat() +const waveRows = Array.from({ length: 7 }, (_, index) => ({ + direction: index % 2 === 0 ? "up" : "down", + duration: 13 + index * 0.35, +})) + + + +export default function ContactUs() { + return ( +
+ +
+
+ {waveRows.map((row, index) => ( +
+
+ {waveTrack.map((Icon, iconIndex) => ( + + ))} +
+
+ ))} +
+
+

Contate-nos

+
+ +
+
+
+

Entre em contato

+

+ Envie sua mensagem para a equipe de suporte +

+

+ Use o formulário abaixo para escolher o motivo do contato, informar seus dados e descrever sua mensagem. + A equipe de suporte receberá tudo depois que você enviar. +

+
+ +
event.preventDefault()}> +
+
+ + +
+ +
+
+ + +
+
+ + +
+
+ +
+
+ + +
+
+ + +
+
+ +
+ +