⚽ Prokick

A modern, single-page React web application built for a global team of football (soccer) recruiters. The team's mission is to discover young talent around the world and connect them with top-tier clubs and academies.

• Live Demo

• GitHub Repo

---

📸 Screenshots

• [Prokick Screenshots]

(https://prokick.netlify.app/screenshots/prokickLaptop.png) (https://prokick.netlify.app/screenshots/prokick2Layout.png) (https://prokick.netlify.app/screenshots/prokick2LayoutIpad.png) (https://prokick.netlify.app/screenshots/prokick2LayoutIphone.png)

---

🔧 Features

This sleek and responsive site highlights the Prokick team's mission, work process, testimonials from successful talents, and a contact section for potential recruits or partners.

• Features two header layout styles
• Includes animated SVGs powered by Framer
• Showcases 3D-perspective rotation animations using Framer

---

🛠️ Tech Stack

• Framework: React
• Language: TypeScript
• Styling: Tailwind CSS
• Animations: Framer Motion
• Hooks Used: useEffect, useState, useRef
• Deployment: Netlify

---

🧠 Challenges I Faced

• SVG Animations: Creating smooth, custom SVG animations was a new and challenging experience.

• 3D Perspective & Rotation: Implementing realistic perspective and rotation animations using Framer Motion pushed the limits of visual interactivity.

---

📁 Project Structure

src/
├── components/      # UI elements and reusable components
├── App.tsx          # Main app component
├── main.tsx         # Entry point

---

🚀 Getting Started

To run the project locally:

git clone https://github.com/ousiruon/prokick.git
cd Prokick
npm install
npm run dev

This project does not require any .env variables as it is frontend-only and static.

---

📬 Contact

Made with passion by OusiRuon — feel free to connect!