Copy a prompt. Build an app.

Build a professional landing page for a [your business type] business called [your business name].

Include these sections in order:
1. Hero: Bold headline (max 8 words), one-sentence value proposition, a primary CTA button, and a trust line below it ("Trusted by 50+ local businesses" or similar).
2. Features: A 3-column grid showing key benefits with simple icons and short descriptions.
3. How It Works: 3 numbered steps explaining the customer journey.
4. Pricing: Two pricing tiers side by side — a free/basic option and a premium option. Highlight the premium as "Most Popular."
5. FAQ: An accordion with 5 common questions.
6. Footer: Company name, quick links, and social media links.

Design constraints:
- Clean, modern design with generous whitespace
- Mobile-first responsive layout
- Color scheme: [your brand color] as the accent, white background, dark text
- Buttons with 3px border radius, no pill shapes
- Use shadcn/ui components and Tailwind CSS

Build an appointment booking app for a [barber shop / salon / consulting firm / personal trainer].

Business name: [your business name]

Include:
1. A header with the business name and a short tagline.
2. A service selection step: Show 4-6 services with name, duration, and price. User selects one.
3. A date picker: Show a weekly calendar. Highlight available dates. Gray out past dates.
4. A time slot grid: Show available 30-minute or 1-hour slots for the selected date. Available slots are clickable, booked slots are grayed out.
5. A booking form: Name, email, phone number fields with validation.
6. A confirmation screen: Show the selected service, date, time, and customer details with a "Confirm Booking" button.
7. A success message after confirmation with appointment details and an "Add to Calendar" option.

Design constraints:
- Mobile-first — most users will book from their phone
- Large touch targets (minimum 44px height for buttons)
- Warm, professional color scheme
- Clean typography, easy to scan

Build a SaaS analytics dashboard for a [project management tool / email marketing platform / subscription service].

Layout:
- Sidebar navigation on the left with links: Dashboard, Analytics, Customers, Settings. Include a logo at the top and a user avatar at the bottom.
- Top bar with a search input and notification bell icon.

Main content area:
1. Four metric cards at the top in a row: Total Users (with +12% badge), Monthly Revenue (with dollar amount and trend arrow), Active Sessions (live count), and Churn Rate (with percentage).
2. Below that, two charts side by side: A line chart showing revenue over the last 6 months, and a bar chart showing new signups per month.
3. Below the charts, a "Recent Activity" table with columns: User, Action, Date, Status. Show 5 sample rows with realistic data.

Design constraints:
- Light theme with a white sidebar and subtle gray borders
- Professional, dashboard-grade typography
- Charts should use a single accent color with lighter variants
- Responsive: sidebar collapses to icons on tablet, hides on mobile with a hamburger toggle

Build an e-commerce product page for an online store selling [clothing / electronics / handmade goods].

Include:
1. Product image gallery: A large main image with 4 thumbnail images below. Clicking a thumbnail swaps the main image.
2. Product info section (right side on desktop, below images on mobile):
   - Product title, star rating (4.5/5 with review count), price with a crossed-out original price for sale items.
   - Size selector with options (S, M, L, XL) shown as clickable chips.
   - Color selector with circular color swatches.
   - Quantity selector (minus/plus buttons).
   - "Add to Cart" button — full width, prominent. Show a loading spinner on click, then switch to a checkmark with "Added!" text.
3. Product description with tabs: Description, Reviews (3 sample reviews with ratings), and Shipping Info.
4. "You Might Also Like" section: A horizontal row of 4 product cards with image, name, and price.

Design constraints:
- Premium, clean aesthetic — think Apple or Aesop
- Mobile-first with sticky "Add to Cart" bar on mobile scroll
- Fast, no heavy animations
- Use next/image for all product images

Build a customer relationship management (CRM) dashboard.

Include:
1. A top bar with the app name, a search field to search customers by name or email, and an "Add Customer" button.
2. Summary stats bar: 4 cards showing Total Customers, New This Month, Active Deals (total value), and Follow-ups Due Today.
3. Customer table with columns: Name, Email, Company, Status (Active/Inactive shown as colored badges), Last Contact (relative date like "3 days ago"), Deal Value. Make the table sortable by clicking column headers.
4. Clicking a customer row opens a slide-over panel on the right showing:
   - Customer details (name, email, phone, company)
   - A notes section where you can add timestamped notes
   - Interaction history (list of past emails, calls, meetings with dates)
   - Status toggle (Active/Inactive)
5. The "Add Customer" button opens a modal form with fields: Name, Email, Phone, Company, Initial Notes.

Design constraints:
- Professional, clean layout — inspired by tools like HubSpot or Pipedrive
- Table rows should have hover highlights
- Mobile: table becomes a card list view
- Use realistic sample data (10 customers with diverse names and companies)

Build an invoice generator app.

Include:
1. A two-column layout on desktop (form on left, live preview on right). Stack vertically on mobile.
2. Invoice form (left side):
   - Your business name, address, email, phone
   - Client name, address, email
   - Invoice number (auto-generated as INV-001, INV-002, etc.)
   - Issue date (default today) and due date (default 30 days from today)
   - Line items table: Each row has Description, Quantity, Unit Price, and a calculated Total. Include an "Add Item" button to add rows and a delete icon on each row.
   - Tax rate input (default 0%)
   - Notes field for payment instructions
3. Live preview (right side): A clean, professional invoice rendering that updates in real-time as the form is filled. Show: business info, client info, invoice number, dates, itemized table, subtotal, tax, and grand total.
4. Action buttons below: "Download PDF" and "Send via Email" (just show a confirmation toast on click).

Design constraints:
- Clean, professional design — the invoice preview should look print-ready
- Numbers should be right-aligned and use proper currency formatting
- Totals should recalculate automatically when items change
- Mobile: show a tab toggle between "Edit" and "Preview" instead of side-by-side

Build an online menu and ordering page for a restaurant called [restaurant name].

Include:
1. A header with the restaurant name, a short description ("Authentic [cuisine type] in [city]"), and operating hours.
2. Category tabs: Appetizers, Mains, Desserts, Drinks. Clicking a tab filters the menu. Tabs should scroll horizontally on mobile.
3. Menu items displayed as cards in a grid (2 columns on mobile, 3 on desktop). Each card shows: item name, short description (one line), price, and an "Add to Order" button.
4. A floating order summary bar at the bottom of the screen showing: number of items, total price, and a "View Order" button. This bar should only appear when at least one item is added.
5. Clicking "View Order" opens a slide-up drawer showing: list of ordered items with quantities (with plus/minus to adjust), item totals, a subtotal, and a "Place Order" button.
6. After placing an order, show a confirmation screen with an estimated wait time and order number.

Design constraints:
- Warm, appetizing color scheme — dark background with warm accent colors, or clean white with food-inspired accents
- Large, readable text for menu items and prices
- Touch-friendly: large tap targets, swipeable categories
- Include 12-15 realistic menu items across the categories with appetizing descriptions

Build a pre-launch waitlist page for a product called [product name].

The page should be a single full-screen section with:
1. A bold headline: "[Product name] is coming soon" or a benefit-driven headline like "Never [pain point] again."
2. A one-sentence description of what the product does.
3. An email capture form: One email input field with a "Join the Waitlist" button next to it (inline on desktop, stacked on mobile).
4. After submitting, replace the form with a success message: "You're on the list! We'll notify you when we launch." and show their position number ("You're #[number] on the waitlist").
5. Below the form: 3 small feature preview cards in a row with icons and one-line descriptions of key features.
6. A subtle footer line: "We respect your privacy. Unsubscribe anytime."

Design constraints:
- Full viewport height — no scrolling needed
- Centered layout, maximum 600px content width
- Single accent color on white background
- Minimal and elegant — let the product speak for itself
- No images needed, just clean typography and spacing

Build a customer support ticket management system.

Include:
1. A sidebar with navigation: All Tickets, Open, In Progress, Resolved. Show ticket counts next to each status.
2. Main area: A ticket list showing each ticket as a row with: Ticket ID (auto-numbered), Subject, Customer Name, Priority (High/Medium/Low as colored badges — red/yellow/green), Status, and Created date.
3. Clicking a ticket opens a detail view showing: full ticket info, customer message, an internal notes area where team members can add comments, a status dropdown to update status, and a priority selector.
4. A "New Ticket" button that opens a form: Customer Name, Email, Subject, Priority selector, and Description textarea.
5. A search bar at the top to search tickets by subject or customer name.
6. A quick stats bar: Total Tickets, Open, Avg Response Time, Resolved This Week.

Design constraints:
- Clean, functional design — this is an internal tool, prioritize clarity over beauty
- Color-code priorities consistently: Red for High, Yellow for Medium, Green for Low
- Mobile: collapse sidebar into a hamburger, tickets become cards instead of table rows
- Include 8-10 realistic sample tickets with varied statuses and priorities

Build a daily habit tracker app.

Include:
1. A header showing today's date and a motivational greeting ("Good morning! 4 habits to complete today").
2. A habit list showing 5 default habits: Exercise, Read, Meditate, Drink Water, Journal. Each habit shows: name, an icon, a checkbox to mark complete, and the current streak count ("5 day streak").
3. Checking a habit off should show a subtle celebration animation (checkmark scales up, streak number increments).
4. A weekly overview bar at the top: 7 circles for each day of the week (Mon-Sun). Filled circles mean all habits completed, half-filled means some completed, empty means none.
5. An "Add Habit" button that opens a simple form: Habit name, icon selection (pick from 8 common icons), and target frequency (Daily, Weekdays, Weekends).
6. A stats section at the bottom: Total streak days, Completion rate this week (percentage), and Longest streak ever.

Design constraints:
- Calm, minimal design — soft colors, rounded shapes
- Mobile-first — this is primarily a phone app
- Touch-friendly checkboxes (large, satisfying to tap)
- Light background with a single calming accent color (sage green or soft blue)
- Animations should be subtle and feel rewarding, not distracting

Build a fitness class booking app for a gym or yoga studio called [studio name].

Include:
1. A header with the studio name and a short tagline.
2. A class schedule view: Show classes for the current week in a list grouped by day. Each class shows: class name (Yoga, HIIT, Spin, etc.), instructor name, time, duration, and spots remaining.
3. Clicking a class opens a booking form: Name, email, and a "Book This Class" button. If no spots remain, show "Class Full" and a "Join Waitlist" button.
4. After booking, show a confirmation with class details, date, time, and an "Add to Calendar" link.
5. A simple class filter at the top: All Classes, Yoga, HIIT, Spin, Strength.

Design: Clean, energetic but not overwhelming. Mobile-first with large touch targets.

Build a real estate property listing page for a home at [address].

Include:
1. A full-width image gallery at the top with 5 placeholder images. Main image is large, with thumbnails below.
2. Property details section: Price ($[price]), bedrooms, bathrooms, square footage, year built, lot size. Show as icon + number chips.
3. Description: A 2-paragraph description of the property and neighborhood.
4. Features list: Two columns of bullet points (hardwood floors, central AC, updated kitchen, etc.).
5. A "Schedule a Viewing" contact form: Name, email, phone, preferred date, message. Submit button.
6. An embedded map placeholder showing the property location.
7. Agent info card at the bottom: Agent name, photo placeholder, phone, email.

Design: Premium, clean. White background. High-end real estate feel.

Build an event ticketing page for an event called [event name] on [date] at [venue].

Include:
1. Event hero: Event name, date, time, venue, and a short description.
2. Ticket tiers displayed as cards: General ($[price]), VIP ($[price]), Early Bird ($[price]). Each shows what's included.
3. A quantity selector for each tier and an "Add to Cart" button.
4. An order summary sidebar (or bottom bar on mobile): Selected tickets, quantities, subtotal, fees, and total. "Checkout" button.
5. Event details section: Full description, schedule/agenda, speaker or performer info.
6. FAQ accordion: 4 questions (refund policy, age limit, parking, what to bring).

Design: Bold, exciting. Dark background with vibrant accent color. Festival/event energy.

Build a personal finance tracker dashboard.

Include:
1. A top summary row: Total Balance, Income This Month, Expenses This Month, and Savings Rate (percentage).
2. A transaction list showing recent entries: Date, description, category (Food, Transport, Bills, Entertainment), amount (green for income, red for expense). Include an "Add Transaction" button.
3. "Add Transaction" opens a form: Type (Income/Expense), amount, category dropdown, description, date.
4. A monthly spending breakdown: Pie or donut chart showing spending by category.
5. A budget section: Set monthly budgets per category. Show a progress bar for each (e.g., Food: $340 / $500). Color the bar red when over budget.
6. Simple date filter: This Month, Last Month, Last 3 Months.

Design: Clean, financial. Light theme. Numbers should be clearly readable with proper formatting.

Build a job board for [industry] jobs.

Include:
1. A search bar at the top with filters: Job Type (Full-time, Part-time, Contract, Remote), Location, and a keyword search.
2. Job listing cards in a list view. Each card shows: Job title, company name, location (or "Remote"), salary range, job type badge, and "Posted 2 days ago" timestamp.
3. Clicking a job opens a detail page with: Full job description, requirements list, benefits list, company info, and an "Apply Now" button.
4. "Apply Now" opens a form: Name, email, LinkedIn URL, resume upload field, cover letter textarea.
5. A "Post a Job" button in the header for employers, linking to a job submission form.
6. Include 8 sample job listings with realistic titles and companies.

Design: Clean, professional. Two-column on desktop (filters left, listings right). Cards on mobile.

Build a survey creation and response tool.

Include:
1. A survey builder page: Title field, description field, and a list of questions. Each question has: question text, type selector (Multiple Choice, Short Answer, Rating 1-5, Yes/No), and options (for multiple choice). Include "Add Question" and "Remove Question" buttons.
2. A survey preview showing how the survey will look to respondents.
3. A "Share Survey" button that generates a shareable link.
4. A survey response page (the link respondents visit): Shows the survey title, questions, and a "Submit" button.
5. A results dashboard: For each question, show response counts. Multiple choice shows a bar chart. Ratings show an average. Short answers show a list. Total responses count at the top.

Design: Clean, form-focused. Light theme. Questions should be large and easy to read.

Build a knowledge base / help center for [product or company name].

Include:
1. A hero with a large search bar: "How can we help?" Search should filter articles by title and content in real-time.
2. Category grid below the search: 6 categories with icons (Getting Started, Account & Billing, Features, Troubleshooting, API, Contact Us). Each links to a category page.
3. Category pages show a list of articles: Title, short excerpt, and reading time.
4. Article pages show: Title, last updated date, breadcrumb navigation, formatted content with headings and code blocks, and a "Was this helpful? Yes / No" feedback widget at the bottom.
5. A sidebar on article pages showing related articles.
6. Include 3-4 sample articles with realistic content per category.

Design: Clean, documentation-style. White background, readable typography, generous spacing.

Build a link-in-bio page for [your name or brand].

Include:
1. A centered layout, maximum 480px wide.
2. At the top: Profile photo placeholder (circle), name, and a short bio (one line).
3. A vertical stack of link buttons, each full-width with: Link title, optional subtitle, and an external link icon. Links should open in a new tab.
4. Include 6-8 sample links: Website, YouTube, Twitter/X, Newsletter, Latest Project, Book a Call, Shop, Podcast.
5. Social media icon row at the bottom: Twitter, Instagram, YouTube, TikTok, LinkedIn.
6. A subtle footer: "Made with Say It Build It."

Design: Minimal, centered, mobile-first. One accent color. Rounded buttons with subtle hover effects. Full viewport height.

Build a Kanban-style project management board.

Include:
1. Three columns: To Do, In Progress, Done. Each column has a header with the column name and task count.
2. Task cards in each column showing: Task title, short description (one line), priority badge (High/Medium/Low), assignee avatar placeholder, and due date.
3. An "Add Task" button at the top of each column that opens a form: Title, description, priority selector, assignee name, and due date.
4. Drag-and-drop functionality to move tasks between columns (or click-to-move buttons as fallback).
5. A header with the project name, a search field to filter tasks, and filter buttons for priority levels.
6. Include 4-5 sample tasks spread across columns with realistic project data.

Design: Clean, productivity-focused. Light theme. Cards should be compact but readable. Inspired by Trello or Linear.

Build a newsletter signup page for a newsletter called [newsletter name] about [topic].

Include:
1. A full-viewport centered layout with the newsletter name as a large headline.
2. A one-sentence description: "Weekly insights on [topic]. Read by [type of people]."
3. An email input with a "Subscribe" button (inline on desktop, stacked on mobile).
4. After subscribing, show: "Welcome aboard! Check your inbox for a confirmation."
5. Below the form: 3 small preview cards showing past newsletter topics with title and one-line summary, to prove the newsletter has real value.
6. A simple footer: "We send one email per week. No spam. Unsubscribe anytime."

Design: Minimal, editorial. Single accent color. Large typography. Full viewport height. No distractions.