<!-- This file includes ready-to-use web layouts for Emerald Vision Clinic:

1. Shopify Homepage Layout
2. Carrd One-Page HTML (Basic Static Version)
3. Notion Export-Style Content You can copy sections into the relevant platform or adapt for other builders. -->

<!-- 1. SHOPIFY HOMEPAGE LAYOUT --> <section id="shopify-home"> <header style="background-color:#FAFAFA; padding: 3rem 1rem; text-align: center;"> <h1 style="font-family: 'Playfair Display', serif; font-size: 3rem; color:#046C4E;">Vision. Elegance. Clarity.</h1> <p style="font-family: 'Open Sans', sans-serif; color:#3E3E3E; font-size: 1.2rem;">Premium Eyewear & Personalized Eye Care in North York</p> <div style="margin-top: 2rem;"> <a href="#" style="padding: 0.75rem 1.5rem; background:#046C4E; color:white; text-decoration:none; border-radius:4px; margin-right:1rem;">Book Appointment</a> <a href="#" style="padding: 0.75rem 1.5rem; border:1px solid #046C4E; color:#046C4E; text-decoration:none; border-radius:4px;">Shop Eyewear</a> </div> </header> <section style="padding:2rem 1rem; background:white;"> <h2 style="font-family: 'Playfair Display'; color:#3E3E3E;">Our Services</h2> <ul style="list-style:none; padding:0;"> <li>✔ Comprehensive Eye Exams</li> <li>✔ Contact Lens Fitting</li> <li>✔ Designer Eyewear</li> <li>✔ Eye Health Management</li> </ul> </section> </section>