Revers Studio

Appearance

Revers Studio - Portfolio Template for Minecraft Server Configurators ​

This project is a professional portfolio template for people who offer Minecraft server configuration services. It's designed so that configurators can showcase their services, packages, features, and facilitate contact with potential clients, both through forms and Discord.

🌟 What Can You Show with This Template? ​

  • Configuration Packages: Present your server configuration services and prices.
  • Features and Services: Showcase everything you can configure: mods, plugins, worlds, permissions, optimization, etc.
  • Direct Contact: Integrated form and Discord contact button.
  • Modern and Adaptable Design: Professional, responsive interface that's easy to customize.
  • Technical Support: Section to highlight your accompaniment and advisory services.

🚀 How to Use This Template? ​

  1. Customize Information: Change texts, images, and links to adapt them to your brand and services.
  2. Add Your Packages and Services: Modify package and feature files to show your options.
  3. Configure Contact Form: Use your own FormPress ID or any other service.
  4. Share Your Discord: Update the Discord link so clients can easily contact you.
  5. Deploy Your Portfolio: Upload the site to your favorite hosting or use services like Vercel, Netlify, etc.

📂 Project Structure ​

text
/
├── public/                # Public files (favicon, images, etc.)
├── src/
│   ├── components/        # Reusable components (Navbar, Hero, etc.)
│   ├── layouts/           # Design templates (Main Layout)
│   ├── pages/             # Website pages (Home, Packages, Contact, etc.)
│   └── styles/            # Global and custom styles
├── .vscode/               # Visual Studio Code configuration
├── .astro/                # Files generated by Astro
├── package.json           # Project dependencies and scripts
└── tailwind.config.mjs    # Tailwind CSS configuration

🛠️ Technologies Used ​

  • Astro: Modern framework for fast websites.
  • Tailwind CSS: CSS utilities for agile and responsive design.
  • AOS: Scroll animations.
  • Inter Font: Modern and readable typography.

🧑‍💻 Installation and Usage ​

  1. Install dependencies:

    bash
    npm install
# or
yarn install

  2. Start the development server:

    bash
    npm run dev
# or
yarn dev

  3. Access the project in your browser at http://localhost:4321.

📬 Configure Contact Form ​

This template uses FormPress for the contact form. You can change the ID in src/pages/contacto.astro:

html
<form action="https://formpress.dev/submit/YOUR-FORM-ID" method="POST"></form>

📞 Contact ​

Include your Discord and other contact methods in the corresponding sections so clients can easily communicate with you.

💬 Support ​

Developed with 💙 by Revers Studio