PROMPT
System Instructions / Persona:
Act as an expert front-end web developer and UI/UX designer. Your task is to write clean, responsive, and modern HTML and CSS (using Tailwind CSS via CDN) for a premium product landing page. The code should be fully functional in a single file so it can be previewed immediately.
Product Overview:
The product is called "The Murjour". It is a premium, AI-powered voice transcription device. It features a sleek, minimalist design heavily inspired by Apple products, crafted from brushed aluminum. It has a high-resolution, edge-to-edge touchscreen and exactly one tactile button on the front with a subtle green glowing ring. Its core value proposition is flawless, instant, offline-capable voice-to-text transcription.
Design & Style Guidelines:
- Aesthetic: Ultra-minimalist, sophisticated, tech-forward, and breathable. Use ample whitespace.
- Color Palette: Monochromatic base (whites, light grays, dark slate text) with a vibrant, glowing neon green accent (#10B981 or similar) to mirror the device's physical button.
- Typography: Use a modern sans-serif font like Inter or SF Pro (via Google Fonts).
- Animations: Include subtle hover effects on buttons and smooth scroll behavior.
Page Structure & Content Requirements:
1. Navigation Bar
- Left side: "Murjour" logo text in a bold, sleek font.
- Right side: Links for "Features", "Tech Specs", and a solid green "Pre-order" button.
2. Hero Section
- Headline: "Capture Every Word. Beautifully."
- Subheadline: "Meet The Murjour. The world's most elegant, single-button voice transcription device. Your meetings, thoughts, and lectures, instantly transformed into flawless text."
- Call to Action: Two buttons side-by-side: "Pre-order Now" (primary, green) and "Watch the Film" (secondary, outline).
- Visual: Leave a large, distinct placeholder
<div> or an Unsplash placeholder image space where the product photo will go. Make it prominent and centered.
3. Features Section (3-Column Grid)
- Feature 1: "One Press to Record." (Description: A single, glowing button is all it takes to capture high-fidelity audio and transcribe it in real-time.)
- Feature 2: "Retina-Class Display." (Description: Review your transcripts instantly on a stunning, edge-to-edge glass screen that reads like paper.)