> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tariqdev.xyz/llms.txt
> Use this file to discover all available pages before exploring further.

# Sonata Introduction

> Discover everything you need to get started with Sonata, a premium hosting website theme for modern providers.

# Welcome to Sonata Docs

<img src="https://mintcdn.com/zaqua/5ucxSnztTTkNuEEJ/images/sonatathumb.png?fit=max&auto=format&n=5ucxSnztTTkNuEEJ&q=85&s=034d39e7481061e854602696cc9d79ad" alt="Sonata theme preview" width="2160" height="1080" data-path="images/sonatathumb.png" />

## Built for hosting providers

**Sonata** is a premium website theme crafted for game hosting, web hosting, app hosting, VPS, domains, and private node providers. It focuses on polished product pages, tactile UI depth, fast customization, and real hosting workflows.

Designed by **Hiddenmy** and **TariqIsHuman**, Sonata gives hosting brands a complete storefront without forcing developers to start from a blank Next.js project.

<Info>
  Whether you are launching a new hosting brand or replacing an older website, Sonata is built to feel premium, responsive, and practical from day one.
</Info>

This documentation covers installation, configuration, customization, product data, integrations, deployment, licensing, FAQ, and troubleshooting.

***

## Documentation Sections

<CardGroup cols={2}>
  <Card title="Get Started" icon="rocket" href="./get-started">
    Install dependencies, run Sonata locally, configure environment variables, and prepare your first setup.
  </Card>

  <Card title="General Configuration" icon="sliders" href="./general">
    Learn the most important files for brand, SEO, billing, navigation, and project structure.
  </Card>

  <Card title="Colors and Theme" icon="palette" href="./colors">
    Customize accent colors, light mode, dark mode, depth tokens, buttons, cards, and border beam effects.
  </Card>

  <Card title="Product Data" icon="boxes" href="./product-data">
    Edit game hosting, web hosting, app hosting, VPS, domain, and private node products.
  </Card>

  <Card title="Deployment" icon="cloud-upload" href="./deployment">
    Deploy Sonata to Vercel, Railway, Render, or your own VPS.
  </Card>

  <Card title="Troubleshooting" icon="life-ring" href="./troubleshoot">
    Fix common install, build, API, styling, deployment, and licensing issues.
  </Card>
</CardGroup>

***

## What Sonata Includes

* Game hosting pages with plans, stock badges, locations, software options, and billing cycles.
* Web hosting page with pricing cycles, apps, features, stats, and FAQ.
* App hosting, VPS, and private node catalogs.
* Domain pricing and RDAP lookup.
* Status and uptime pages.
* Support and MDX documentation pages.
* Config-driven brand, SEO, billing, and social links.
* Light and dark mode design tokens.
* Tactile button and card depth styling.
* Commercial license and anti-piracy markers.

## Who Sonata Is For

Sonata is useful for:

* Game server hosting providers.
* Minecraft and modded server hosts.
* Web hosting companies.
* VPS and private node sellers.
* Hosting startups.
* Individuals, companies, or organizations building their own hosting storefront.

***

## Why Choose Sonata?

* Hosting-specific page structure.
* Config-driven branding and product data.
* Game hosting flow with locations, software, billing cycles, and stock badges.
* Product catalogs for app hosting, VPS, domains, web hosting, and private nodes.
* Light and dark mode support.
* Tactile 3D/neomorphic design language.
* Built on Next.js, TypeScript, Tailwind CSS, and Motion.
* Commercial license for one licensed individual, company, or organization.

***

## Availability

Sonata is intended for distribution through authorized marketplaces and direct authorized sales channels.

If you obtained Sonata from an unofficial source, leaked archive, nulled release, public repository, or redistributed copy, you may not have a valid license.

***

## License and Usage

Sonata is not an open-source starter kit.

You may:

* Use and modify Sonata for your own services.
* Use Sonata for one licensed individual, company, or organization.
* Modify branding, layout, colors, product data, integrations, and content for your own hosting website.
* Deploy your licensed website to production.

You may not:

* Use Sonata to build websites for clients.
* Sell finished websites or apps made with Sonata.
* Resell, redistribute, leak, or publicly share Sonata.
* Sell a modified copy as another theme, template, starter kit, UI kit, or source-code product.
* Remove or tamper with license markers, download identifiers, or anti-piracy placeholders.

By using Sonata, you agree to the `LICENSE` file included with the product.

***

## Main Technologies

| Layer           | Technology         |
| --------------- | ------------------ |
| Framework       | Next.js App Router |
| Language        | TypeScript         |
| Styling         | Tailwind CSS       |
| Animation       | Motion             |
| Icons           | Lucide React       |
| Content         | MDX                |
| Data fetching   | SWR                |
| Package manager | pnpm               |

***

## Need Help?

If you run into issues:

* Read the [Troubleshooting](./troubleshoot) page.
* Check your environment variables.
* Check your deployment logs.
* Contact the authorized seller or support channel where you purchased Sonata.

> Created by Hiddenmy and TariqIsHuman.