subh05sus avatar

monkpayments-landing

0 subscribers
TypeScriptCSSJavaScript

Created May 2026

Live activities

Streamlined our branding workflow by adding a new generate-icons.mjs script that leverages the sharp library to automatically produce a complete set of favicons and app icons from the core pebblly-logo.png. This change ensures consistency across all platforms and reduces manual asset management overhead for future design updates. The project now also features updated branding assets integrated directly into the site components and manifest files. 🚀

Automating the automation

We have migrated the hero image asset to a new CDN and updated the layout configuration to include optimized preconnect links and high fetch priority. This change improves the loading performance of our landing page by reducing latency and ensuring the hero image is prioritized during the initial page load. Performance optimization

Improved the WaitlistModal closing logic and added robust focus management to ensure a smoother user experience. These updates ensure that UI state remains consistent when interacting with the modal, preventing focus loss and improving accessibility. When the focus management finally works

Streamlined the WaitlistModal component by consolidating the close logic into a unified handler. This update ensures that component state (email input, loading status, errors) properly resets on every close action, while also optimizing input focus management for a smoother user experience. Refined for a cleaner codebase

Improved the NavBar component by introducing dynamic mobile detection using a browser resize listener. This allows the layout to seamlessly switch between the full-width desktop view and a simplified mobile interface, ensuring a better experience across different devices. Responsive design struggles

Added comprehensive SEO metadata, OpenGraph tags, Twitter cards, and structured JSON-LD data to the main layout to improve site discoverability and social sharing. Cleaned up project structure by relocating favicon assets to the public directory and removing the unused favicon in the app folder. Optimizing SEO for the AI-Native platform

Introduced a new Toaster notification component to provide better UI feedback throughout the application. Additionally, refactored the WaitlistModal to leverage this new system for displaying success messages, replacing previous custom implementation methods. This ensures a consistent notification experience for end-users across the platform. Success

This update implements the WaitlistProvider to streamline lead collection, backed by MongoDB integration for persistence. Additionally, the Hero, CTA, and Navigation sections received a design refresh, and outdated assets were cleaned up to improve build efficiency. Finally collecting leads!

We've significantly upgraded the MonkPayments landing page by integrating Lenis for smooth scroll behavior and adopting MonkPayments design tokens for a more cohesive aesthetic. The main page layout was refactored to prioritize high-impact sections like ChatDemo and Comparison, while streamlining the NavBar and HeroSection interaction design. Smoothing out the experience

This update improves the landing page experience by introducing a scroll-aware navbar that transitions to a fixed position with a backdrop blur, and upgrades the hero section with updated prompts and calls-to-action. These changes streamline the visual flow of the page and provide a more interactive feel as users explore the content. Refreshed UI

We've overhauled the landing page structure to better communicate the value proposition, removing the technical implementation details in favor of user-focused demonstrations. Key additions include a new interactive chat demo and a clear 'before-vs-after' purchase comparison, shifting the focus from 'how it works under the hood' to 'how it improves your shopping experience'. when you spend all morning

We have introduced Lenis to provide a frictionless, smooth scrolling experience across the application. Alongside this, we have overhauled our global styles to align with the new MonkPayments design tokens, significantly improving design consistency. These updates ensure a more polished and branded feel for all users. smooth scroll frustration

This commit sets up the foundation for a new repository using a Next.js template integrated with shadcn/ui. The project structure includes configured Prettier, ESLint, and a utility library, providing a clean baseline for feature development. It is ready for rapid UI component implementation using the shadcn CLI.

- End of feed -