https://github.com/abletetor/afripul-group-site
This website serves as the digital gateway to AfRipul Group, showcasing our services, past projects, partnerships, and thought leadership through insightful blogs. With modern, and user-friendly design, it offers visitors an engaging experience, allowing them to explore our capabilities, achievements, and the impact we create in the tech industry.
https://github.com/abletetor/afripul-group-site
framer-motion react-router reactjs slider-component
Last synced: 2 months ago
JSON representation
This website serves as the digital gateway to AfRipul Group, showcasing our services, past projects, partnerships, and thought leadership through insightful blogs. With modern, and user-friendly design, it offers visitors an engaging experience, allowing them to explore our capabilities, achievements, and the impact we create in the tech industry.
- Host: GitHub
- URL: https://github.com/abletetor/afripul-group-site
- Owner: Abletetor
- Created: 2025-03-03T14:44:22.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-03-03T15:55:44.000Z (over 1 year ago)
- Last Synced: 2025-03-03T16:41:34.230Z (over 1 year ago)
- Topics: framer-motion, react-router, reactjs, slider-component
- Language: JavaScript
- Homepage: https://afripul-group.netlify.app
- Size: 3.42 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
**AfRipul Group Website Documentation**
**Project Overview - AfRipul Group Website**
At **AfRipul Group**, we are dedicated to delivering **innovative, high-quality tech solutions** that empower businesses and individuals to thrive in the digital era. As a **trusted partner in technology**, we specialize in **software engineering, embedded systems, and digital transformation**, ensuring that our clients stay ahead in an ever-evolving tech landscape.
This website serves as the **digital gateway to AfRipul Group**, showcasing our services, past projects, partnerships, and thought leadership through insightful blogs. With a sleek, modern, and user-friendly design, it offers visitors an engaging experience, allowing them to explore our capabilities, achievements, and the impact we create in the tech industry.
**Project Structure**
#**Pages Included**
- **Home**: Features an engaging hero section, company introduction, and testimonials.
- **About**: Provides insights into the company, its mission, and values.
- **Service**: Showcases various services with detailed descriptions and interactive UI elements.
- **Our Works**: Displays completed projects and case studies.
- **Product**: Lists products with descriptions and images.
- **Partnership**: Highlights collaborations and business partnerships.
- **Blog**: Features articles, insights, and updates.
- **React.js (Vite)**: Fast and efficient development environment for building the website.
- **Swiper.js**: Used for the testimonials slider.
- **Framer Motion**: Used to create smooth animations and transitions.
- **React Icons**: Provides modern and sleek icons.
- **CSS Modules**: Used for styling the components, ensuring a structured approach.
**Technologies Used**
- React.js (Vite) – Fast and optimized development environment
- React Router – Navigation and page routing
- React Icons – Icons for a modern UI
- Swiper.js - For testimonial section with autoplay and pagination
- Framer Motion – For animations and smooth transitions
- Normal CSS – For styling and responsiveness
**Key Features**
**1. Responsive and Modern UI**
- Fully responsive layout ensuring seamless experience across devices.
- Dark-themed UI with interactive cards and elements.
**2. Animations with Framer Motion**
- Smooth transitions and entrance animations for different components.
- Hover and scroll effects to enhance user engagement.
**3. Interactive Testimonials using Swiper.js**
- Swipeable testimonial section with autoplay and pagination.
**4. Organized Component Structure**
- Reusable UI components.
- Normal CSS for maintainability.
**Setup Instructions**
**1. Clone the Repository**
```bash
git clone
cd project-folder
```
**2. Install Dependencies**
```bash
npm install
```
**3. Run the Project**
```bash
npm run dev
```
**4. Build for Production**
```bash
npm run build