Landing pages · React
Meal kit subscription
Warm sign-up page for a weekly meal kit with how it works, this week's recipes, three plans and customer reviews.
What you get
A subscription page for a meal kit: a hero with seasonal food, three steps to the first box, this week's recipes with cooking times, three plans, customer quotes, an FAQ and a final call to choose a plan. All content lives in src/site.ts.
Files
Exactly what is copied into a new project: 13 files, nothing generated.
Explorer 13
src/site.ts
import type { Site } from "./types"; /** Everything this site shows. Edit freely. */export const site: Site = { "brand": "Sunday Pot", "nav": [ { "label": "How it works", "href": "#how" }, { "label": "This week", "href": "#menu" }, { "label": "Plans", "href": "#plans" } ], "navCta": { "label": "Choose a plan", "href": "#plans" }, "sections": [ { "kind": "hero", "variant": "split", "eyebrow": "Weekly meal kits · Delivered Sunday", "title": "Three good dinners, everything measured, delivered on Sunday.", "text": "Seasonal recipes written by chefs who cook at home, with produce from farms within 150 miles. Most take 30 minutes. Skip or pause any week.", "primary": { "label": "Choose a plan", "href": "#plans" }, "secondary": { "label": "See this week's recipes", "href": "#menu" }, "visual": { "type": "tiles", "tones": [ "#9a3412", "#4d7c0f", "#78350f", "#44403c" ], "caption": "This week: miso-glazed aubergine" }, "note": "First box half price. Cancel online in two clicks." }, { "kind": "steps", "id": "how", "eyebrow": "How it works", "title": "From plan to plate", "items": [ { "title": "Pick your plan", "text": "Two or four people, three or four dinners a week. Change it any time before Wednesday midnight." }, { "title": "Choose your recipes", "text": "Twelve recipes each week, including at least four vegetarian. We'll pick for you if you forget." }, { "title": "Cook on your schedule", "text": "Everything arrives chilled on Sunday, packed in recyclable insulation that we collect next time." } ] }, { "kind": "menu", "id": "menu", "eyebrow": "Week of 2 November", "title": "A few of this week's twelve recipes", "text": "Cooking times include prep. Allergens are listed on every recipe card.", "groups": [ { "name": "Weeknight (under 30 min)", "items": [ { "name": "Miso-glazed aubergine", "text": "Sticky rice, quick pickled cucumber, sesame", "price": "25 min" }, { "name": "Lemon chicken orzo", "text": "Spinach, parmesan, toasted almonds", "price": "30 min" }, { "name": "Black bean tacos", "text": "Charred corn, lime crema, pickled onion", "price": "20 min" } ] }, { "name": "Slower (worth it)", "items": [ { "name": "Braised beef ragù", "text": "Pappardelle, gremolata", "price": "55 min" }, { "name": "Squash and sage risotto", "text": "Brown butter, crispy sage, pecorino", "price": "40 min" }, { "name": "Harissa salmon tray bake", "text": "New potatoes, fennel, yoghurt", "price": "35 min" } ] } ] }, { "kind": "pricing", "id": "plans", "eyebrow": "Plans", "title": "Pick a box size", "text": "Free delivery on every box. Prices are per week.", "plans": [ { "name": "For two", "price": "$69", "period": "/week", "text": "3 dinners for 2 people. $11.50 a serving.", "features": [ "Choose from 12 recipes", "Skip any week", "Free delivery" ], "cta": { "label": "Start with two", "href": "#signup" } }, { "name": "Family", "price": "$109", "period": "/week", "text": "3 dinners for 4 people. $9.08 a serving.", "features": [ "Choose from 12 recipes", "Kid-friendly swaps", "Skip any week", "Free delivery" ], "featured": true, "cta": { "label": "Start family box", "href": "#signup" } }, { "name": "Big week", "price": "$139", "period": "/week", "text": "4 dinners for 4 people. $8.69 a serving.", "features": [ "Everything in Family", "Weekend recipe included", "Priority delivery slot" ], "cta": { "label": "Start big week", "href": "#signup" } } ] }, { "kind": "quotes", "eyebrow": "Customers", "title": "Cooked in real kitchens", "items": [ { "quote": "We've stopped the Thursday takeaway. The tacos are better and the kids help.", "name": "Laura & Ben K.", "role": "Family box since 2025" }, { "quote": "Portions are honest and the recipes actually take the time they say.", "name": "Marco T.", "role": "For two, weekly" }, { "quote": "Skipping a week is genuinely one tap. That's why I've stayed.", "name": "Fiona G.", "role": "For two, most weeks" } ] }, { "kind": "faq", "id": "faq", "eyebrow": "FAQ", "title": "Questions about boxes", "items": [ { "q": "Where do you deliver?", "a": "Most of New England and New York State. Enter your zip code at checkout to check your delivery day." }, { "q": "How does the half-price first box work?", "a": "Your first box is 50% off any plan. After that you pay the weekly price, and you can cancel before your second box." }, { "q": "What about allergies?", "a": "Every recipe lists the 9 major allergens. We pack in a kitchen that handles nuts, so we can't guarantee nut-free." }, { "q": "What happens to the packaging?", "a": "Insulation and ice packs go back with the driver next week. Everything else is recyclable at home." } ] }, { "kind": "cta", "title": "Your first box is half price", "text": "Choose by Wednesday midnight for delivery this Sunday.", "primary": { "label": "Start my first box", "href": "#signup" }, "secondary": { "label": "Compare plans", "href": "#plans" } }, { "kind": "contact", "id": "signup", "eyebrow": "Get started", "title": "Start your first box", "text": "Tell us your plan and preferred first delivery Sunday. We'll send a link to choose recipes and pay, with 50% off the first box.", "fields": [ "name", "email", "date", "message" ], "button": "Start my subscription" } ], "footer": { "text": "Seasonal meal kits, delivered every Sunday.", "columns": [ { "title": "Boxes", "links": [ "Plans", "This week's recipes", "Gift a box" ] }, { "title": "Company", "links": [ "Our farms", "Careers", "Contact" ] }, { "title": "Help", "links": [ "Delivery areas", "Allergens", "Privacy" ] } ], "legal": "© Sunday Pot. Sample content: replace it in src/site.ts." }};Remix
Remix this template
Describe what to change and the agent starts from Meal kit subscription's files. The box is already started for you: finish “Start from Meal kit subscription and …”
Dependencies
Documented from the template's package.json. The runtime has a prebuilt dependency set for Vite + React + TypeScript, so installs are fast.
- react^19.1.0
- react-dom^19.1.0
- vite^6.3.0
- @vitejs/plugin-react^4.4.0
- tailwindcss^4.1.0
- @tailwindcss/vite^4.1.0
- typescript^5.8.0
How it runs
- Framework
- Vite + React + TypeScript
- Dev command
- npm run dev
- Build command
- npm run build
- Output directory
- dist
- Port
- 5173
- Entry route
- /
Projects run in an isolated sandbox with a live preview. Read the projects documentation for settings, snapshots and deployment.
Keep browsing
All templates
Budgeting app launch
Launch page for a household budgeting app with a live budget mock, pricing, beta reviews and an early-access form.
Design conference
Bold two-day design conference page with speakers, programme, venue, ticket tiers and an FAQ, ready for ticket sales.
30-day running plan
Friendly sign-up page for a free 30-day plan that takes beginners from walking to running 20 minutes without stopping.
Build on Meal kit subscription
Create a free account, start from this template, and ask the AI agent to turn it into your app.