Please create a mobile app based on below name and description.
The app should be designed with mobile-first principles, optimized for responsive for mobile devices.
Name: QuickMock
Description: QuickMock: Create professional artwork mockups effortlessly. Upload photos & videos, choose from tons of customizable templates, and enjoy fast rendering. Perfect for artists, designers & businesses.
I've created QuickMock, a professional mobile-first mockup creation app with the following features:
The app uses a purple and blue gradient theme to convey creativity and professionalism, perfect for the target audience of artists, designers, and businesses. The interface is designed to be intuitive and efficient for creating mockups on mobile devices.
Now I have a clear picture of the current app and design direction. Let me build a beautiful, gallery-quality artwork mockup app with warm neutral tones, elegant typography, and rich background scenes.
Now I have everything I need. Let me build the complete artwork mockup app with a warm gallery aesthetic and rich, beautiful mockup scenes.
Now let me build the full artwork mockup app with beautiful gallery scenes:
The MockupCardMini approach using require is messy — let me fix that by extracting the scene renderer cleanly:
Now update mockup-card.tsx to use the shared scene component, and fix page.tsx to use it too:
Now fix page.tsx to remove the broken MockupCardMini and use MockupScene directly:
Now let's also update the tailwind config to register the custom fonts:
The QuickMock app has been fully rebuilt with a rich gallery-quality design. Here's what's included:
9 unique artwork mockup scenes — all hand-crafted with atmospheric SVG art inside realistic frames:
The design uses Cormorant Garamond (display/headings) + Inter (body), warm parchment neutrals, and a rich dark charcoal primary — evoking a premium gallery aesthetic throughout.