feat: adding mentoring view

frontend/src/app/(mentoring)/mentoring.model.ts

@@ -0,0 +1,7 @@
+import { IMentoringAgendaService } from '@/services/MentoringAgenda/IMentoringAgendaService.model'
+import { useForm } from 'react-hook-form'
+
+export function useMentoringModel(service: IMentoringAgendaService) {
+	const {} = useForm()
+	return {}
+}

frontend/src/app/(mentoring)/mentoring.view.tsx

@@ -1,3 +1,80 @@
 export function MentoringView() {
-	return <div></div>
+	return (
+		<main className="flex items-center justify-center h-screen">
+			<div className="w-full max-w-xs">
+				<header className="flex justify-center items-center space-x-4 w-full text-center pb-4">
+					<img src="static/imgs/faladev.jpg" alt="" height="50" width="200" />
+				</header>
+				<form className="mt-5 bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4">
+					<div className="mb-4">
+						<label className="block text-gray-700 text-sm font-bold mb-2" htmlFor="name">
+							Nome
+						</label>
+						<input
+							className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
+							id="name"
+							type="text"
+							name="name"
+							required
+						/>
+					</div>
+					<div className="mb-4">
+						<label className="block text-gray-700 text-sm font-bold mb-2" htmlFor="email">
+							E-mail
+						</label>
+						<input
+							className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
+							id="email"
+							type="email"
+							name="email"
+							required
+						/>
+					</div>
+					<div className="mb-4">
+						<label className="block text-gray-700 text-sm font-bold mb-2" htmlFor="phone">
+							Telefone
+						</label>
+						<input
+							className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
+							id="phone"
+							type="text"
+							name="phone"
+							required
+						/>
+					</div>
+					<div className="flex items-center justify-center">
+						<button
+							className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline"
+							type="submit"
+						>
+							Quero participar
+						</button>
+					</div>
+				</form>
+				<hr className="mb-10" />
+				<footer className="flex justify-center items-center space-x-4 w-full text-center pb-4">
+					<a href="https://www.instagram.com/faladev.tech/" target="_blank" className="flex items-center space-x-2">
+						<img src="static/imgs/instagram.svg" alt="Instagram FalaDev" style={{ height: '20px' }} />
+						<span className="text-xs">@faladev.tech</span>
+					</a>
+					<a href="https://www.youtube.com/@FalaDev" target="_blank" className="flex items-center space-x-2">
+						<img src="static/imgs/youtube.svg" alt="YouTube FalaDev" style={{ height: '30px' }} />
+						<span className="text-xs">@FalaDev</span>
+					</a>
+					<a
+						href="https://chat.whatsapp.com/BZpPgPOH9F091JLiIvRMpd"
+						target="_blank"
+						className="flex items-center space-x-2"
+					>
+						<img src="static/imgs/whatsapp.svg" alt="WhatsApp FalaDev" style={{ height: '30px' }} />
+						<span className="text-xs">@FalaDev</span>
+					</a>
+				</footer>
+				<p className="text-xs text-center">
+					Essa é uma mentoria gratuita para quem está entrando na área de tecnologia, migrando de área ou buscando
+					crescimento profissional.
+				</p>
+			</div>
+		</main>
+	)
 }

frontend/src/app/(mentoring)/page.tsx

@@ -1,3 +1,5 @@
+import { MentoringView } from './mentoring.view'
+
 export default function Home() {
-	return <main className="flex min-h-screen flex-col items-center justify-between p-24"></main>
+	return <MentoringView />
 }

frontend/src/services/MentoringAgenda/IMentoringAgendaService.model.ts

@@ -0,0 +1,3 @@
+export interface IMentoringAgendaService {
+	SignUpMentoring: () => void
+}

frontend/src/services/MentoringAgenda/MentoringAgenda.service.ts

@@ -1,11 +1,9 @@
 import { apiBFF } from '../apiBFF'
-
-interface IMentoringAgendaService {
-	SignUpMentoring: () => void
-}
+import { IMentoringAgendaService } from './IMentoringAgendaService.model'
 
 export class MentoringAgendaService implements IMentoringAgendaService {
 	async SignUpMentoring() {
 		const { data } = await apiBFF.post('/')
+		return data
 	}
 }