Skip to content

Release v1.0.0

Latest
Latest

Choose a tag to compare

View all tags
@mbs047 mbs047 released this 09 Aug 17:11
· 1 commit to main since this release
v1.0.0
c908902
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

Staging Empty State Page — Release v1.0.0

🚀 First public release of the responsive, bilingual (English & Arabic) empty state page for staging domains, built with Tailwind CSS and Alpine.js.

What's New in v1.0.0

  • Bilingual Support: English and Arabic with automatic RTL/LTR switching.
  • Theme Toggle: Light/Dark mode toggle with smooth transitions.
  • Persistent Preferences: User's language and theme saved in browser storage.
  • WhatsApp CTA: Direct link to contact via WhatsApp with customizable number.
  • Responsive Layout: Optimized for mobile, tablet, laptop, desktop, and TV screens.
  • Polished Animations: Floating gradients, twinkling accents, and a fun emoji confetti effect.
  • Demo Images: Added Light, Light (Arabic), Dark, and Dark (Arabic) mode previews.

Usage

  1. Clone the repository:
git clone https://github.com/mbs047/staging-empty-state.git
  1. Open the page:
    • Launch index.html directly in your browser, or
    • Integrate into your Laravel/Livewire or any other web project.
  2. Customize:
    • WhatsApp number: Edit whatsappNumber in the app() function.
    • Branding and colors: Adjust Tailwind classes and gradients.
    • Default language: Change the default in the lang variable inside app().

File Structure

index.html      # Main HTML file
/images/        # Screenshots and preview images

Demo

Light Mode

Light Mode

Light Mode — Arabic

Light Mode Arabic

Dark Mode

Dark Mode

Dark Mode — Arabic

Dark Mode Arabic

Author

Mohammed Baobaid

License

MIT License — a permissive license that allows others to use, modify, and distribute your code with attribution, while protecting you from liability.

Assets 2
Loading