This commit introduces a complete redesign of the landing page, shifting from a static layout to a dynamic, configuration-driven interface with a new premium visual theme.
Key Changes:
- **Visual Redesign**: Implemented a new premium dark theme with a gold and dark blue color palette, updated typography using 'Playfair Display' and 'Inter' fonts, and enhanced visual effects like gradients,
shadows, and hover animations.
- **Dynamic Content**: The 'Services' and 'Other Links' sections are no longer hardcoded in HTML. They are now dynamically generated from a `siteConfig` JavaScript object, making the content easier to manage
and update.
- **On-Scroll Animations**: Added fade-in animations for cards and links as they enter the viewport, using the `IntersectionObserver` API for a more engaging user experience.
- **Language Switcher Enhancement**: The language switcher now re-renders the dynamic content to display the correct language without a page reload.
- **Code Refactoring**: Centralized page content into a single configuration object, improving maintainability and separating data from presentation.
This commit completely replaces the previous simple service dashboard with a full-featured, professional landing page for the 'Tootaio' brand. The new design is modern, responsive, and uses a card-based
layout. Key features include a language switcher for English/Chinese, user-friendly subdomain URLs instead of IP:port links, and a structured layout with a header, hero section, and footer.