/* INITIAL PROMPT TO CLAUDE */ Purpose: Create a landing page that demonstrates what's possible when you build with AI assistance. This isn't just a demo—it's a meta-demo. The page itself proves the point. Layout: - Dual-panel design (50/50 split on desktop, stacked on mobile) - Left panel: Shows this entire prompt as syntax-highlighted code - Right panel: Clean bio card with branding Design Requirements: - Colors: Use Brand DNA palette → Cyan: #16F2DC → Navy: #090A0D → Pale: #E5FCFA - Typography: Instrument Serif for headlines, Inter for body - Spacing: 8pt grid system (multiples of 8px) Content for Bio Card: - Business name: "A Dragonfly Approach" - Logo: Teal dragonfly (to be embedded) - Tagline: "AI-powered systems for business clarity" - Quote: "I used to wonder if I'd ever stop learning and start building. Then I found the right systems." — Attributed to Daniele, founder - CTA: "Learn More" button (placeholder link) Footer Badge: Display: "Built in 15 Minutes. Cost: $0. Complexity: Low." Interactive Features: - Independent collapse/expand toggles for each panel - Smooth transitions (0.3s ease) - Both panels visible by default - Expand buttons appear when panels are collapsed Technical Notes: - Single HTML file (no external dependencies except fonts) - Mobile-first responsive design - Logo embedded as base64 data URI /* This prompt creates its own evidence. */