Petal & Press Florist — Florist & Flower Shop Website (7 Pages)

7 pages, each a complete, self-contained HTML page — a pressed-flower scrapbook design for a neighborhood florist: washi-taped photo prints on deckled cream paper with SVG pressed flowers, gift-tag product cards and tag-shaped buttons, Gilda Display headings over Sen, in cream, blush, petal pink, sage and kraft with a deep berry accent. 1. Home (index.html) — scrapbook hero with drifting pressed flowers and the live same-day cutoff, stems ribbon, shop-by-occasion gift tags, market bouquet, count-up stats, pressed specimen cards, services, delivery steps, customer notes. 2. Shop Flowers (shop.html) — twelve gift-tag bouquet cards filterable by occasion and color with Small/Medium/Large prices, build-a-bouquet with a live preview and estimate, shop FAQ. 3. Weddings & Events (weddings.html) — numbers, a five-step wedding flowers timeline, three sample packages, gallery, consultation form, FAQ (FAQPage markup). 4. Flower Subscriptions (subscriptions.html) — weekly, biweekly and monthly tiers, seasonal stems tabs, how it works, business flowers, FAQ (FAQPage markup). 5. Sympathy & Occasions (sympathy.html) — sympathy pieces, delivery to funeral homes, card wording ideas, occasion tabs, reminder service. 6. Delivery & Care (delivery.html) — live cutoff, delivery zone map and fee table, care tips, pet safety note, vase-life meters, FAQ (FAQPage markup). 7. Order & Contact (contact.html) — the order form, live cutoff, studio hours, visit section, FAQ, reviews. ANIMATION. Pressed flowers drift gently into place when each page opens, washi tape "sticks" on as cards and prints scroll in, petals fall slowly behind every call-to-action band, the bouquet preview rustles as it changes, stats count up (they read the number you type), the wedding timeline fills as you scroll, vase-life meters grow and the stems ribbon scrolls. Everything is visible without JavaScript, and visitors who ask for reduced motion see a still page with no falling petals. SAME-DAY CUTOFF. Every element with the class pp-cutoff shows a live message — "Order in the next 2h 14m for same-day delivery" before the cutoff, or "Next delivery: Tuesday" after it and on closed days. Settings live in its attributes: data-cutoff (hour on a 24-hour clock, 13 = 1pm), data-closed (comma-separated days with no delivery, 0 = Sunday … 6 = Saturday) and an optional data-tz (for example America/New_York) to count down in your shop's time zone instead of the visitor's own clock. It refreshes every 30 seconds. It does not know about holidays — add a note to the strip when you close. Without JavaScript it shows the fixed text "Order by 1pm, Monday to Saturday, for same-day delivery". SHOP FILTER. Each gift-tag card has data-occasion (birthday, love, thanks, getwell, just, sympathy) and data-colour (blush, warm, red, jewel), space-separated. The filter chips match them by data-group and data-value; to add a category, add a chip and use the same word on the cards. BUILD-A-BOUQUET. It works in the browser. Each option's price is in its data-price attribute (size base price plus extras), and each palette's flower colors are in data-c1 to data-c4 and data-g (greenery) — the small swatch dots show the same colors. The result is clearly labeled as an estimate; set your own prices and keep that label. FONTS. Gilda Display and Sen load from Google Fonts via @font-face in each page's style block, with Georgia and system sans-serif fallbacks. SEO. Each page opens with a labeled block (title, meta description, canonical link, Open Graph tags and JSON-LD — Florist with opening hours on the home page, plus CollectionPage, FAQPage and ContactPage). Copy it into your real <head> when you deploy, and update the domain, address, hours, rating and areas served. FORMS. The order form and the wedding consultation form post nowhere — connect them to your order system, email or form service before publishing. Each says so in a visible note. EDITING. Change colors and fonts site-wide in the editor's Theme panel; edit the header or footer once and use "Apply to all pages"; sections can be moved, duplicated, hidden or deleted; use the Tablet and Mobile views for device-specific tweaks. CLAIMS & SAMPLE CONTENT. The shop name, address, phone, email, prices, sizes, package contents, delivery zones and fees, cutoff times, statistics, rating and reviews are fictional placeholders — replace them with your own. Vase-life figures are general guidance. The pet note is general safety information, not veterinary advice; keep it, and add the poison-control number you recommend. IMAGES. All photography is real Unsplash stock, self-hosted under /content-images, showing flowers only. One photo shows hands holding a bouquet; no photo shows a face. The pressed flowers, icons, bouquet preview and delivery map are inline SVG drawn for this template.