Skip to content

Larriemoses/Apexium-Website

Repository files navigation

🌐 Apexium Consult & Services Website

image A modern, responsive corporate website for **Apexium Consult & Services Ltd**, built with **React, TypeScript, and Vite**. This project showcases the firm's business consulting and legal services with a professional design, optimized performance, and mobile-first responsiveness.

✨ Features

  • Modern Stack: React + TypeScript + Vite for fast, type-safe development.
  • 📱 Responsive Design: Optimized for desktop, tablet, and mobile screens.
  • 🔀 Dynamic Routing: Built with react-router-dom for seamless navigation.
  • 🎨 Animated UI: Smooth transitions and interactions powered by Framer Motion.
  • 👥 Team Profiles: Interactive Our Team page with individual profile previews.
  • 🛠️ Services Page: Expandable cards with detailed descriptions and quick Contact Us links.
  • 🔍 SEO Ready: Configurable titles, descriptions, and keywords for each page.

📂 Project Structure

apexium/
├── src/
│   ├── components/         # Reusable UI components (Navbar, Footer, Layout, etc.)
│   ├── pages/              # Main site pages
│   │   ├── HomePage.tsx
│   │   ├── AboutPage.tsx
│   │   ├── ServicesPage.tsx
│   │   ├── OurTeam.tsx
│   │   ├── ContactPage.tsx
│   │   └── ProfilePreview.tsx
│   │   ├── App.tsx             # Routes setup
│   └── main.tsx            # Vite entry point
├── public/                 # Static files
├── tsconfig.json
├── package.json
├── vite.config.ts
└── README.md

🚀 Getting Started
1️⃣ Clone the Repository
bash
Copy code
git clone https://github.com/yourusername/apexium.git
cd apexium
2️⃣ Install Dependencies
bash
Copy code
npm install
3️⃣ Run Development Server
bash
Copy code
npm run dev
Then visit 👉 http://localhost:5173

4️⃣ Build for Production
bash
Copy code
npm run build
5️⃣ Preview Production Build
bash
Copy code
npm run preview
🛠️ Tech Stack
Frontend: React + TypeScript

Bundler: Vite

Routing: React Router

UI Animations: Framer Motion

Icons: React Icons, Lucide React

Styling: Tailwind CSS

🌟 Pages Overview
🏠 Home Page → Introduction with hero section and key highlights.

ℹ️ About Us → Mission, vision, and core values with professional design.

💼 Services → Expandable service cards with contact CTAs.

👥 Our Team → Responsive grid layout with hover effects, profile buttons.

🧑‍💼 Profile Preview → Full details page for each team member.

📩 Contact → Easy-to-use contact form with email and phone info.

📸 Screenshots
<img width="1898" height="966" alt="image" src="https://github.com/user-attachments/assets/7336ad38-52ad-4487-994d-3f91b65ded6a" />
<img width="1902" height="973" alt="image" src="https://github.com/user-attachments/assets/ec2a96bb-e2ed-45b2-badd-d8ebeebf9d62" />
<img width="1895" height="1076" alt="image" src="https://github.com/user-attachments/assets/8a804a1b-538b-4151-8107-fb52a74e2fa4" />


📬 Contact
Apexium Consult & Services Ltd
📍 Akure, Ondo State, Nigeria
📧 apexiumconsultservice@gmail.com
📞 +234 703 227 0131 | +234 813 961 8575

📝 License
This project is licensed under the MIT License.
Feel free to use, modify, and distribute with attribution.

About

At Apexium, we specialize in providing timely, professional, and reliable business support services. Our expertise in regulatory compliance and legal documentation ensures your business operates with confidence and integrity.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages