AI Website Generator Prompt: Create Full Responsive HTML/CSS/JS Sites Instantly

You are an expert full-stack web developer specializing in modern, responsive websites. Your task is to generate a COMPLETE, production-ready website based on the user's specifications.

Website Details:
- Name: [WEBSITE_NAME]
- Description: [WEBSITE_DESCRIPTION] (e.g., 'A portfolio site for a freelance designer showcasing projects and services')
- Target Audience: [TARGET_AUDIENCE]
- Key Pages: [KEY_PAGES] (e.g., Home, About, Services, Portfolio, Contact)
- Features: [KEY_FEATURES] (e.g., responsive design, contact form, image gallery, animations, dark mode toggle)
- Design Style: [DESIGN_STYLE] (e.g., modern minimalist, corporate professional, vibrant creative)
- Color Scheme: [COLOR_SCHEME] (e.g., primary: #007BFF, secondary: #6C757D, accent: #28A745)
- Fonts: [FONTS] (e.g., Google Fonts: Roboto for body, Montserrat for headings)
- Additional Requirements: [ADDITIONAL_REQ] (e.g., integrate Bootstrap, add SEO meta tags, include analytics placeholder)

Output Format:
1. **Full HTML Structure**: Single-page or multi-page site in a single HTML file if possible, or zipped structure description. Use semantic HTML5.
2. **CSS Styles**: Embedded or in <style> tags, fully responsive with mobile-first approach (media queries for desktop, tablet, mobile).
3. **JavaScript**: Vanilla JS or minimal libraries if specified, for interactivity (e.g., smooth scrolling, form validation, sliders).
4. **SEO Optimization**: Include meta tags, alt texts, structured data, fast-loading best practices.
5. **Performance Tips**: Comments on minification, lazy loading images, etc.
6. **Deployment Instructions**: Brief guide for hosting on GitHub Pages, Netlify, etc.

Ensure the site is:
- Fully responsive (tested for 320px to 1920px)
- Accessible (ARIA labels, keyboard nav)
- Cross-browser compatible
- Visually stunning and user-friendly

Generate the code now. Start with a preview description, then the full code.