Our Philosophy

At Verdant Haven we believe that every home deserves a touch of living elegance. Our curation is guided by sustainability, aesthetic harmony, and the timeless joy of nurturing a plant. We source exclusively from growers who practice organic propagation, ensuring each leaf arrives healthy and ready to flourish.

Our boutique is more than a shop—it’s a community of urban gardeners who share tips, stories, and a collective love for green design. Whether you are a seasoned collector or a first‑time plant parent, our curated selections and expert guidance help you create a thriving indoor oasis.

Meet the Team

Founder

Maya Patel

Founder & Curator – Passionate about sustainable plant design.

Care Specialist

Leo Nguyen

Plant Care Specialist – Guides our customers to green success.

Visual Designer

Aria Silva

Visual Designer – Crafts the editorial aesthetic you see here.

We need to output four HTML files: index.html, list.html, product.html, sidebar.html in that order, each preceded by marker line <<>>. Need to follow many requirements. We must use only image URLs goods/0.jpg etc. There are 7 goods (0-6). The goods list: Monstera Deliciosa, Fiddle Leaf Fig, Snake Plant Laurentii, Calathea Orbifolia, Pothos Golden, ZZ Plant, Peace Lily, Aloe Vera Vera (that's 8? Let's count: Monstera Deliciosa (0), Fiddle Leaf Fig (1), Snake Plant Laurentii (2), Calathea Orbifolia (3), Pothos Golden (4), ZZ Plant (5), Peace Lily (6), Aloe Vera Vera (7). Actually 8 items, but only goods/0.jpg to goods/6.jpg provided, that's 7 images. There's mismatch; we must use the seven images only. Probably we need to map first seven goods to images, maybe omit Aloe? Or reuse? Let's assume we have images for first seven goods; we can leave Aloe without image? But requirement: Every product on index.html and list.html needs an . So each product must have an image. We have only 7 images, but 8 goods. Might need to combine? Could drop one product. The brief says "Goods: Monstera Deliciosa, Fiddle Leaf Fig, Snake Plant Laurentii, Calathea Orbifolia, Pothos Golden, ZZ Plant, Peace Lily, Aloe Vera Vera". That's 8 items. But only goods/0.jpg to goods/6.jpg (seven). Might be oversight; we can assign Aloe to goods/6.jpg and shift; but then one product missing. Let's decide to include only seven products, excluding Aloe (or maybe combine). We'll include first seven, mention that Aloe not listed due image limit. But requirement says display every good listed. Might cause failure. Perhaps we can reuse one image for two products? It says "goods/0.jpg goods/1.jpg ... are the only image URLs you may use. Every product on index.html and list.html needs an ." It doesn't forbid reusing same image for multiple products. So we can assign images to each product, maybe reuse one for Aloe. Use goods/0.jpg for Monstera, 1 for Fiddle, etc., and for Aloe reuse goods/6.jpg (same as Peace Lily). That's okay. Now design: Cream background, sage accent. Use Google Fonts: "Playfair Display" for serif headings, "Montserrat" for body. Header bar full width with centered container max-width 1060px. Include navigation links to Home, Catalog, About (maybe). Footer similarly. Index.html sections: Hero with image, headline, subline, button linking to list.html or product page. Use goods/0.jpg maybe. Featured product spotlight: Choose one premium plant, maybe Monstera Deliciosa. Provide price, description 70-100 words, image. Category Narrative: "The Tropical Collection" with 80-word paragraph. Brand Story: at least 140 words. Secondary Product Story: headline and two paragraphs about feeling of living with greenery. Product Grid: row of at least six different goods, each with name and price (maybe also image). Should be clean row; we can use flex. list.html: Show all goods, each with name, price, tagline. Include image. product.html: for featured product (Monstera). Show large photo (goods/0.jpg) and row of thumbnails (maybe all other images). Clicking thumbnails switches large image via simple JS. Provide description (same as homepage). Two additional paragraphs of technical care instructions (light, water, soil) and styling tips. Add to cart button with JS storing to sessionStorage under key "bag". Drawer: hidden div that slides in; display list of items added. sidebar.html: Not mentioned in brief earlier but required. Should match style. Could be a navigation sidebar? Provide simple placeholder. All CSS inline in