Synnergy Circle Games Website Redesign

About This Project

This is a modern redesign of the Synnergy Circle Games website, originally created for Kyrodev (Leonardo Prado Cosenza). The previous WordPress site was redesigned into a fast, responsive, and user-friendly Next.js application.

Key Features

• 🎮 Dynamic game portfolio with status indicators (Released/Demo/Coming Soon)
• 🌓 Dark/Light mode support
• 🔍 Real-time game search functionality
• 📱 Fully responsive design
• ⚡ Fast loading and optimized performance
• 🎨 Modern UI with smooth animations

Technical Stack

• Framework: Next.js 14
• Styling: Tailwind CSS
• Icons: Font Awesome
• Animations: Custom CSS animations
• Image Optimization: Next.js Image component
• TypeScript: For type safety and better development experience

Project Structure

synergy/
├── app/
│   ├── data/
│   │   └── projects.ts    # Game portfolio data
│   ├── layout.tsx         # Main layout component
│   └── page.tsx          # Main page component
├── public/               # Static assets (images, icons)
└── tailwind.config.ts   # Tailwind configuration

Features

1. Game Portfolio

   • Easy-to-update game listing
   • Support for multiple platforms (Steam, Xbox, Nintendo)
   • Status indicators for game development stage
   • Search functionality for games

2. Modern Design

   • Clean and professional layout
   • Smooth animations and transitions
   • Consistent branding
   • Improved user experience

3. Social Integration

   • Direct links to social media
   • Steam store integration
   • Ko-fi support button
   • Discord community link

Why This Redesign?

The original WordPress site had limitations in terms of performance, user experience, and maintainability. This Next.js version offers:

• Better Performance: Faster loading times and smoother interactions
• Easier Maintenance: Structured code and simple content updates
• Modern Features: Real-time search, dark mode, and responsive design
• Improved SEO: Better meta tags and semantic HTML
• Better User Experience: Intuitive navigation and clean design

Development

To run this project locally:

# Clone the repository
git clone [repository-url]

# Install dependencies
npm install

# Run the development server
npm run dev

Credits

Developed by Klee for Synnergy Circle Games.

License

This project is proprietary and belongs to Synnergy Circle Games. All rights reserved.