All Recipes - # Project Overview: recipesfastfood.com **Objective:** Create a modern, fast, and appetizing WordPress-style recipe website targeting the US market. The focus is on quick, comfort-food style meals and restaurant copycats. ## 1. Global UI/UX Guidelines * **Vibe & Tone:** Appetizing, energetic, accessible, and clean. * **Color Palette:** Primary brand colors should use warm, food-friendly tones (e.g., Tomato Red, Warm Orange, Mustard Yellow) for accents and buttons. The background should be clean white/off-white (#FFFFFF or #F8F9FA) to make food photography pop. * **Typography:** Bold, modern Sans-serif for headings (e.g., Poppins or Montserrat) and highly legible Sans-serif for body text (e.g., Inter or Roboto). * **Responsiveness:** Must be strictly mobile-first. Most users will view recipes on their phones while cooking. ## 2. Site Structure & Navigation * **Header:** * Logo (Text: "Recipes Fast Food") aligned to the left. * Navigation Links: Copycat Recipes, Air Fryer, 15-Minute Meals, Burgers, Chicken, About. * Prominent Search Bar (crucial for recipe discovery). * **Footer:** * Copyright © recipesfastfood.com * Links: Privacy Policy, Terms of Service, Contact (mockups for now). * Newsletter signup form ("Get quick & easy recipes in your inbox!"). ## 3. Page Specifications ### A. Homepage (Index) * **Hero Section:** A large, eye-catching featured recipe (e.g., "The Ultimate Copycat Burger") with a high-quality mouth-watering image and a "Get Recipe" CTA button. * **Category Grid:** Visual links (image + text) linking to the 5 main categories (Copycat Recipes, Air Fryer, 15-Minute Meals, Burgers, Chicken). * **Latest Recipes Section:** A grid layout of the newest recipe cards. ### B. Category Pages (Dynamic Template) * **Header:** Category Title (e.g., "Air Fryer Recipes") with a short descriptive subtitle. * **Grid Layout:** Display recipe cards belonging to this specific category. ### C. The Recipe Card Component (Used in grids) * High-quality thumbnail image (aspect ratio 4:3 or 1:1). * Recipe Title. * Short metadata tags: Prep Time (e.g., "15 mins"), Category Tag. ### D. Single Recipe Page (The most important page) * **Header:** Large Recipe Title and Hero Image. * **Metadata Bar:** Prep Time, Cook Time, Total Time, Yield (Servings). * **Action Buttons:** "Print Recipe", "Pin to Pinterest". * **Ingredients Section:** Bulleted list. Must use US measurements (cups, tbsp, tsp, oz). Provide a checkbox UI next to each ingredient so users can check them off. * **Instructions Section:** Numbered list for step-by-step directions. * **Nutrition Facts Panel:** A standard US-style nutrition label box at the bottom. ### E. About Page * A friendly, welcoming section with an image placeholder. * Text placeholder explaining the mission: "Bringing your favorite fast food and quick meals straight to your home kitchen, faster and cheaper."

All Recipes

Delicious croissant sandwich ready to eat

Quick Way to Grow Your Croissant Sandwich Game with 5 Essential Tips

⏱ Prep: 10 min 🔥 Cook: 5 min

Delicious breakfast sandwich ready to eat

Quick Way to Grow Your Breakfast Sandwich Game with 7 Essential Ingredients

⏱ Prep: 5 min 🔥 Cook: 5 min

Delicious bagel with cream cheese ready to eat

15-Minute Meals

The Quick Way to Grow Your Morning Routine with 5-Minute Bagel with Cream Cheese

⏱ Prep: 2 min

Delicious bagel with cream cheese ready to eat

15-Minute Meals

The Quick Way to Grow Your Morning Routine with 5-Minute Bagel with Cream Cheese

⏱ Prep: 2 min

Delicious bagel with cream cheese ready to eat

15-Minute Meals

⏱ Prep: 2 min 🔥 Cook: 1 min

Delicious bruschetta breakfast ready to eat

Quick Way to Grow Your Morning: 5 Bruschetta Breakfast Ideas

⏱ Prep: 5 min 🔥 Cook: 5 min

Delicious honey toast ready to eat

Copycat Recipes

Quick Way to Make 5-Ingredient Honey Toast

⏱ Prep: 2 min 🔥 Cook: 2 min

Delicious peanut butter toast ready to eat

Copycat Recipes

⏱ Prep: 2 min 🔥 Cook: 2 min

Delicious cinnamon toast ready to eat

Quick Way to Make 5-Ingredient Cinnamon Toast

⏱ Prep: 5 min 🔥 Cook: 2 min

Delicious peanut butter toast ready to eat

⏱ Prep: 2 min 🔥 Cook: 2 min

Delicious avocado toast ready to eat

Copycat Recipes

Quick Way to Grow Your Own Avocados for Delicious Avocado Toast in 5 Steps

Hello world!