Your Success Partner Since 2024

Welcome to Our Amazing Business

We provide exceptional products and services tailored to meet your unique needs. Join thousands of satisfied customers who have transformed their experience with our premium offerings.

Hero Section Migration Demo

This page demonstrates the new Hero component using the Hero model that has been created in the database. In a real tenant site, these values would be fetched from the Hero table for each specific site.

✅ Migration Complete

  • ✓ Hero table created with one-to-one site relation
  • ✓ Database migration applied safely (no data loss)
  • ✓ Hero component created
  • ✓ TypeScript types updated
  • ✓ Responsive design implemented
  • ✓ Multi-tenant color palette support
  • ✓ Fallback content for empty fields

🎨 Features Demonstrated

  • • Background image support
  • • Video background capability
  • • Gradient fallback
  • • Dynamic color palette integration
  • • Responsive typography
  • • Call-to-action button
  • • Scroll indicator animation

For Developers:

To implement this on tenant sites, fetch the Hero data using `site.hero` relation or query the Hero table by siteId, then pass the data to the Hero component. The component handles null values gracefully with built-in fallbacks.