Skip to content
Ubelloch Store | Docs

What is included

When you purchase a template from the store, you get everything you need to quickly build and customize a high-quality website. Below is a detailed breakdown of what’s included in each template package.

1. Full Source Code

  • HTML, CSS, and JavaScript: Clean, well-organized, and commented code for easy understanding and customization.
  • Astro Framework: The core framework that powers your template, offering a fast and modern web development experience.
  • React Components: Reusable components (when applicable) to help you extend functionality and save time.

2. Tailwind CSS Setup

  • A fully configured Tailwind CSS environment, optimized for rapid styling.
  • Access to:
    • Pre-designed utility classes for styling.
    • A customized theme for seamless branding changes.
    • Tailwind’s configuration file (tailwind.config.js) for advanced customization.

3. Responsive Design

  • All templates are mobile-friendly and optimized for various screen sizes:
    • Desktop: Fully responsive layouts for large screens.
    • Tablet: Adaptive designs for medium-sized devices.
    • Mobile: Optimized views for smaller screens.

4. Pre-Built Pages

  • Professionally designed, ready-to-use pages such as:
    • Homepage: A visually appealing landing page with a clear structure.
    • About: Space to describe your business or project.
    • Services: A page to showcase offerings or features.
    • Contact: A fully functional contact form with a map (when applicable).
    • Additional pages may include blogs, portfolios, or pricing sections, depending on the template.

5. Reusable Components

  • Templates come with pre-built components you can use across pages:
    • Navbar: A customizable navigation menu.
    • Footer: A consistent footer design with room for links and contact details.
    • Hero Section: A bold introductory section for key messages.
    • Buttons and Forms: Stylish buttons and form elements for interaction.
    • Cards: Versatile cards for showcasing content like services, products, or team members.

6. SEO Optimization

  • Pre-configured meta tags for better search engine visibility.
  • Structured markup for key pages to enhance discoverability.
  • Accessibility features to improve user experience for all audiences.

7. Performance Optimizations

  • Optimized for Speed:
    • Minified CSS and JavaScript files.
    • Image optimizations using modern formats like WebP.
  • Lazy Loading: Components and images load only when needed, improving performance.

8. Cross-Browser Compatibility

  • Fully tested across major browsers:
    • Google Chrome
    • Mozilla Firefox
    • Safari
    • Microsoft Edge
  • Ensures consistent performance and appearance for all users.

9. Documentation

  • Detailed instructions for:
    • Installing and setting up the template.
    • Customizing the design and content.
    • Deploying your website to platforms like Vercel or Netlify.
  • Easy-to-follow examples with screenshots and code snippets.

10. Support

  • Access to basic technical support to help you with installation and minor issues.
  • A contact channel for reporting bugs or requesting assistance.

Everything included in the template is designed to help you launch a professional and fully functional website with minimal effort, while still providing plenty of flexibility for customization.