SubZilla Landing Page

A high-performance, modern landing page for the SubZilla application. Built with React, TypeScript, and Tailwind CSS.

This project showcases the features of SubZilla, a privacy-focused subscription tracker, using rich animations, a responsive design, and full internationalization support (English & Turkish).

✨ Features

• 🎨 Modern Aesthetics: Clean, glassmorphic design with smooth gradients and layout.
• 🌒 Dark Mode: Fully supported dark and light themes with seamless switching.
• ⚡ High Performance: Built with Vite for lightning-fast development and production builds.
• 🎭 Rich Animations: Interactive elements powered by Framer Motion.
• 🌐 Internationalization: Built-in support for multiple languages (currently English & Turkish).
• 📱 Responsive Design: Perfectly optimized for desktops, tablets, and mobile devices.

🛠️ Tech Stack

This project is built using the following technologies:

• Core: React 19
• Language: TypeScript
• Build Tool: Vite
• Styling: Tailwind CSS
• Animations: Framer Motion
• Icons: Lucide React

🚀 Getting Started

Follow these instructions to set up the project on your local machine.

Prerequisites

• Node.js (v18 or higher)
• npm or yarn

Installation

1. Clone the repository

   git clone <repository-url>
   cd Subzilla-Landing

2. Install dependencies

   npm install
   # or
   yarn install

3. Run the development server

   npm run dev
   # or
   yarn dev

   The application will be available at http://localhost:5173.

Building for Production

To create a production-ready build:

npm run build
# or
yarn build

The output will be in the dist directory.

📂 Project Structure

Subzilla-Landing/
├── src/
│   ├── components/        # UI Components (Hero, Features, Navbar, etc.)
│   ├── BackgroundEffects/ # Background animation components
│   ├── App.tsx           # Main application entry
│   ├── LanguageContext.tsx # Context for i18n
│   ├── config.ts         # Configuration (URLs, App Name)
│   └── index.css         # Global styles and Tailwind imports
├── public/               # Static assets
├── .gitignore
├── package.json
├── tailwind.config.js
├── tsconfig.json
└── vite.config.ts

🤝 Contributing

Contributions are welcome! If you'd like to improve the landing page:

1. Fork the repository.
2. Create a new branch (git checkout -b feature/AmazingFeature).
3. Commit your changes (git commit -m 'Add some AmazingFeature').
4. Push to the branch (git push origin feature/AmazingFeature).
5. Open a Pull Request.

🌟 Support SubZilla

If you like this project or the SubZilla app, please consider starring the main repository!

📄 License

Distributed under the MIT License. See LICENSE for more information.