The Prompt BakeryTemplates and prompts

Download kit · Florist and gift shop

Petal & Stem

A fresh online shop for flowers, plants and gifts, with delivery by area.

  • LookCream, leaf green and terracotta, with drawn flowers
  • LanguagesEnglish and Arabic

Learn to build this

Want to understand it, not only copy it? The free course shows how this kind of website is made, one small step at a time.

  • What a web page is made of
  • How the pieces connect
  • How to change it safely

Start the free courseOpen the demo

Download it

Two ways to get exactly this website. Choose one.

A. Download the zip

What is inside

  • A shop you can filter, with sizes and add-ons (vase, chocolates, card)
  • Cart, delivery fee by area, delivery date and time window
  • Checkout ends in an order code and a WhatsApp message
  • A weekly flower subscription block

The look: Cream, leaf green and terracotta, with drawn flowers

Download the zip

Zip file, 37 KB · Free

Unzip it, open index.html in your browser. Everything you change is in config.js.

B. Let your AI tool build it, exactly the same

This prompt describes every section, every word, every colour and every behaviour of this template. Paste it into an AI coding tool and it builds the same website.

About 4319 words

Where to paste it

  • ClaudePaste it in a new chat. For files, use Claude Code and run it in an empty folder.
  • ChatGPTPaste it in a new chat and ask for every file in separate code blocks.
  • GeminiPaste it in a new chat and ask for every file in separate code blocks.
  • CursorOpen an empty folder, paste it in the agent chat and let it create the files.

What to do after the AI answers

  1. Save every file it gives you in one folder, with the same names.
  2. Open index.html in your browser and compare it with the preview here.
  3. If something is different, tell the AI exactly what, in one short sentence.

Make it yours

Put your own name, area, phone and colours in. The preview and the prompt in step 2 change as you type.

Everything you change is in one file, config.js.

  1. Open config.js in any text editor.
  2. Change the brand name, colours, WhatsApp number, prices and texts. Change both the English and the Arabic.
  3. Save, refresh the page, and check both languages.

Or ask your AI tool: "Change the brand to ... and the colours to ...".

Replace the photos

  • Use your own photos. They look far better than the drawings.
  • About 1600 pixels wide and 150 KB each. Compress them first.
  • Keep the main subject near the middle: the frame crops the edges.
  • Write a short description for each photo (the alt text), in English and Arabic.

Launch it

Three jobs, in this order. Each one has a short guide.

Good to know

What it includes

  • A shop you can filter, with sizes and add-ons (vase, chocolates, card)
  • Cart, delivery fee by area, delivery date and time window
  • Checkout ends in an order code and a WhatsApp message
  • A weekly flower subscription block

What it does not do

  • Orders and bookings go out as a WhatsApp message and stay in the visitor's browser only. There is no inbox or calendar until you add a database.
  • The pictures are drawings. Real photos make it look much better.
  • The Arabic text was written without a review by a native reader. Have one check it before you show a client.

More like this