The Cake House
Marketing and ordering site for a home bakery in Suwasra run by two sisters, with a 5-theme switcher named after cake flavours and per-item WhatsApp ordering with a pre-filled message for every cake on the menu.
Overview
The Cake House is a marketing and ordering site for a home bakery in Suwasra, Madhya Pradesh, run by sisters Sakshi and Simmi, who craft custom birthday, theme, and celebration cakes to order. The site covers Home, About, Menu, Gallery, and How to Order, with a 5-theme switcher named after cake flavours (Vanilla Bliss, Chocolate, Strawberry, Pistachio, Rose Gold) persisted to localStorage under a tch-theme key. The menu is organised into four categories (Birthday Cakes, Custom Theme Cakes, Cupcakes & Pastries, Eggless Specials), with each item listing a starting price and its own Order button that opens WhatsApp with a message pre-filled with that specific cake's name.
Why it was built
A client project for a home bakery with no prior web presence, needing a simple site that could show the menu and pricing clearly and route every order straight into a WhatsApp conversation, since that's how the business actually takes orders.
5 Flavour-Named Themes
Vanilla Bliss, Chocolate, Strawberry, Pistachio, and Rose Gold are the five switchable themes, chosen and named to match the bakery's own product rather than generic theme labels, persisted to localStorage and re-applied on load via a small inline script before hydration.
Per-Item WhatsApp Ordering
Every menu item has its own Order button building a wa.me link with a message pre-filled with that item's exact name (e.g. "I'd like to order the 'Anniversary Cakes' from The Cake House"), so the sisters know exactly what was ordered before the conversation even starts.
4-Category Priced Menu
Birthday Cakes, Custom Theme Cakes, Cupcakes & Pastries, and Eggless Specials each list starting prices per item (e.g. Chocolate Truffle from ₹499/0.5kg), with eggless noted as available on request across the regular menu too.
Tech Breakdown
A handful of static content and menu pages with no backend data needs, deployed on Vercel with no server-side order processing.
The 5-theme system reads and writes a single tch-theme key, applied via data-theme on the document root before paint so returning visitors don't see a flash of the default theme.
Every Order button builds its own pre-filled WhatsApp message rather than linking to one generic number, so the bakery doesn't have to ask 'which cake?' on every inbound message.
- 1
Keeping five named themes (matched to real flavours, not just colour swatches) visually distinct while sharing one component tree across five pages required consistent CSS variable usage throughout.
- 2
Generating a correctly URL-encoded, item-specific WhatsApp message for every menu item meant the order link had to be built per-item from the menu data rather than hardcoded once in the footer.
The site is complete and deployed. A logical next step would be seasonal menu items or limited-time offers, since the menu structure already supports adding new items without any layout changes.
See it live
Check out the deployed site.