DefyxVPN Website

Official website for DefyxVPN - Your Gateway to a Secure Internet. This repository contains the source code for the DefyxVPN marketing website, showcasing the features and benefits of our privacy-focused VPN service.

🌐 About DefyxVPN

DefyxVPN is a free, open-source VPN solution designed to provide secure internet access for everyone, everywhere. Built with privacy as the top priority, DefyxVPN offers multi-protocol support without requiring registration or storing any user data.

🎨 Website Features

• Modern UI/UX: Built with Next.js 16 and React 19 for a smooth user experience
• Responsive Design: Works seamlessly across all devices
• Performance Optimized: Fast loading times and smooth animations
• Accessible: Built with accessibility best practices in mind

🛠 Tech Stack

• Framework: Next.js 16 with App Router
• Language: TypeScript
• Styling: Tailwind CSS
• UI Components: Custom component library using Radix UI primitives
• Icons: Lucide React
• Forms: React Hook Form with Zod validation
• Charts: Recharts
• Notifications: Sonner
• Package Manager: PNPM

🏗 Development

Prerequisites

• Node.js
• PNPM

Installation

1. Clone the repository:

   git clone https://github.com/code3-dev/DefyxVPN-Website.git

2. Install dependencies:

   pnpm install

3. Run the development server:

   pnpm dev

4. Open http://localhost:3000 in your browser

Build for Production

pnpm build

Start Production Server

pnpm start

📁 Project Structure

.
├── app/                 # Next.js app router pages
├── components/          # React components
│   ├── ui/             # Reusable UI components
│   └── *.tsx           # Page components
├── hooks/              # Custom React hooks
├── lib/                # Utility functions
└── public/             # Static assets

🎨 Design System

The website uses a custom design system with:

• Consistent color palette (primary, accent, background, card colors)
• Responsive typography
• Smooth animations and transitions
• Component-based architecture for reusability

🚀 Deployment

This website is optimized for deployment on Vercel, taking advantage of Next.js features like automatic static optimization and serverless functions.

🤝 Contributing

We welcome contributions to improve the website:

1. Fork the repository
2. Create a feature branch
3. Commit your changes
4. Push to the branch
5. Open a pull request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.