ai-deeplang / app-showcase

A customizable Astro theme to showcase your mobile app.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Mobile App Showcase Astro Theme

pb-rounded

This theme is a fully responsive and customizable landing page for showcasing mobile apps. Built with Astro, it utilizes simple HTML and CSS for design and layout, ensuring simplicity and speed. Ideal for developers and designers looking for a lightweight starting point to promote their app.

Features

  • No Dependencies: Apart from Astro, this theme does not use any external dependencies.
  • Fully Customizable: Customize every element of the theme including fonts, images, and text by simple edits.
  • Responsive Design: Ensures your app looks stunning on both desktop and mobile devices.

Usage

To begin using this theme for your mobile app landing page, we recommend taking advantage of the GitHub "Use this template" feature, located above the Clone button. This will allow you to create a separate repository where you can customize the theme as you wish.

Getting Started

  1. Create a new repository by clicking "Use this template".
  2. Navigate to the project directory and install dependencies with npm install.
  3. Start the development server with npm start.

Customization Guide

Content

Edit the frontmatter section at the top of /src/pages/index.html to update the website content, including text and images.

Styles

All CSS is located in /src/styles/main.css. Modify this file to change the look and feel of the site.

Images

Replace images by uploading new ones to the /public/images folder and update the references in the frontmatter of index.html.

Fonts

Add new font files to /public/fonts and reference them in /src/styles/main.css to change fonts. For easy integration of Google Fonts into your project, check out Hermes.

Project Structure

  • /src/pages/index.html: The main HTML file for your landing page.
  • /src/styles/main.css: CSS file for styling your landing page.
  • /public/images: Directory for storing images.
  • /public/fonts: Directory for storing fonts.

Deployment

This theme can be deployed on any static site hosting service that supports Astro. Follow the hosting provider's instructions for deploying an Astro project.

To view a live version of this site, see https://partybanner.app.

About

A customizable Astro theme to showcase your mobile app.


Languages

Language:CSS 49.3%Language:Astro 48.0%Language:JavaScript 2.7%