Skip to content

feat(AUD-8): Modernize Landing Page UI and Styling#2

Merged
ar022 merged 5 commits into
developmentfrom
amitraikwar/AUD-8/modernize-landing-page
Jun 12, 2026
Merged

feat(AUD-8): Modernize Landing Page UI and Styling#2
ar022 merged 5 commits into
developmentfrom
amitraikwar/AUD-8/modernize-landing-page

Conversation

@ar022

@ar022 ar022 commented Jun 12, 2026

Copy link
Copy Markdown
Contributor

Description of changes

Rebuild the AudioMesh landing page using dedicated modules and interactive features, supported by modern theme configuration and shared layout components.

Requirement

  • Implement high-fidelity responsive styling on landing page using custom glassmorphism.
  • Integrate interactive Node Configurator and dynamic Canvas-based Live Mesh Visualizer.
  • Incorporate diagnostics log terminal emulator.

Implementation

  • Created shared GlassBox and ElectricBorder common UI components.
  • Modularized LandingPage screen into sub-components (HeroSection, FeaturesSection, HowItWorksSection, MeshVisualizer, NodeConfigurator, DiagnosticsTerminal).
  • Updated theme variables to introduce terminal color schemas and new blue/purple scales.
  • Cleaned up page title element from NavigationBar header and refactored CopyrightFooter.
  • Updated snapshot test suites across the monorepo.

Ticket: https://ar1603.atlassian.net/browse/AUD-8
Author: amitraikwar

ar022 added 4 commits June 12, 2026 18:29
- Implement reusable GlassBox component with WebGL/SVG displacement filters and CSS fallback
- Implement ElectricBorder component for high-fidelity glowing border effects
- Export newly created components from the shared common components bundle
- Add robust checks for CSS backdrop-filter and window.matchMedia to prevent JSDOM test errors
…d translations

- Add new blue and purple scales to theme colors
- Introduce semantic terminal colors supporting light and dark modes
- Update localizations for English, Spanish, Hindi, Japanese, Russian, and Chinese
- Synchronize index.html and index.css templates for web, desktop, and mobile
- Provide updated favicon asset and update desktop DESIGN.md documentation
- Rebuild LandingPage structure with dedicated components: HeroSection, FeaturesSection, HowItWorksSection
- Add MeshVisualizer component rendering nodes dynamically on a HTML5 Canvas
- Add NodeConfigurator to adjust simulation settings (delay, distance, volume)
- Add DiagnosticsTerminal simulated console logs
- Upgrade main logo SVG paths and theme loading screen styles
…er and update tests

- Refactor NavigationBar layout removing page title text matching new responsive header styling
- Refactor CopyrightFooter to use translated legal and team section headers
- Remove outdated page title test cases from NavigationBar test suite and fix ESLint errors
- Update Jest snapshot files across packages to align with new layout structures
@ar022 ar022 self-assigned this Jun 12, 2026
- Update target FTP deployment server to ftp.audiomesh.amitraikwar.in
- Update FTP username credential identifier to match Hostinger configuration
@ar022
ar022 merged commit fdd8407 into development Jun 12, 2026
2 of 3 checks passed
@ar022
ar022 deleted the amitraikwar/AUD-8/modernize-landing-page branch June 12, 2026 13:15
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant