Screen Role: Above-the-fold mobile landing page with touch-first upload trigger and quick camera/photo-library actions.
Design Intent: A pixel-perfect mobile app UI mockup of a file converter smartphone screen at 390x844 resolution (iPhone 15 Pro) in bright Light Mode (Mobile Fold 1 of 5). Crisp white background (#FFFFFF) with an iOS status bar (9:41, battery, Wi-Fi) at the top. Top app header with compact brand logo "OpenFileConverter", a vector shield SVG, and hamburger menu. Mobile hero text: bold slate headline (#0F172A) "Convert Files Instantly On Your Phone" with subtitle "Private, client-side, zero data uploaded." Central mobile card in white with dashed light-indigo border (#C7D2FE) and rounded-2xl corners: large vector upload icon, primary indigo button "Select Files from Device", secondary outline button "Take Photo / Scan Document". Below: horizontal scrollable pills for popular mobile conversions: "HEIC to JPG", "WEBP to PNG", "PDF to Word", "MP4 to MP3". Bottom floating pill: "Privacy First: Runs 100% in mobile browser memory". 48px touch targets, clean modern typography, zero emojis.
Component Architecture: Django Cotton components (<c-file_converter.* />) with Tailwind tokens matching Labb.io design language.
/file-converter/m/
Template: file_converter/screens/screen_7.html