AI Website Generation Prompt ( Phase 1 )

Create a complete high-converting 5-page business website using modern HTML, CSS, and JavaScript. The website should feel premium, visually impressive, fast-loading, conversion-focused, and superior to typical competitor websites in the same industry.

The design direction should be modern, elegant, responsive, and strategically structured for user engagement and lead generation. Focus heavily on visual hierarchy, spacing, typography, smooth UI interactions, and a polished user experience.

Business Information:

• Business Name: [BUSINESS NAME]
• Industry / Niche: [BUSINESS TYPE]
• Services Offered: [SERVICES]
• Target Audience: [TARGET CUSTOMERS]
• Website Goal: [LEAD GENERATION / BOOKINGS / SALES / SHOWCASE]

SEO Focus:

• Primary Keywords: [KEYWORD 1], [KEYWORD 2], [KEYWORD 3]

Build These Pages:

1. Home Page

• Strong hero section with compelling headline, supporting text, CTA button, and modern visual layout
• Trust indicators or credibility strip
• Key benefits/features section
• Services overview
• Testimonials or social proof
• Brief company introduction
• Final conversion CTA section

2. About Page

• Brand story and mission
• Company values and vision
• What makes the business unique
• Team or expertise section
• CTA section

3. Services Page

• Professionally designed service grid/cards
• Detailed service descriptions
• Process or workflow section
• FAQ section
• Conversion-focused CTA

4. Portfolio / Listings / Projects Page

• Modern card-based layout
• Filter or category navigation
• High-quality royalty-free placeholder images
• Hover effects and interactive UI
• Clear CTA buttons for each item

5. Contact Page

• Functional contact form
• Name, Email, Phone, and Message fields
• Business contact details
• Embedded map section
• Social media links
• Clear CTA

Website Structure Requirements:

• Sticky responsive header
• Logo area
• Navigation menu
• Mobile-friendly menu design
• CTA button in header
• Professional footer with:
  • Quick links
  • Contact information
  • Social links
  • Copyright text

Design & Development Requirements:

• Fully mobile responsive
• Modern UI/UX with premium aesthetics
• Use clean semantic HTML structure
• SEO-ready layout and metadata
• Optimized headings hierarchy (H1-H6)
• Proper image alt attributes
• Smooth animations and hover effects
• Fast-loading optimized structure
• Consistent spacing, typography, and color palette
• Use modern fonts and a visually balanced design system
• Include high-quality royalty-free placeholder images relevant to the niche
• Ensure all buttons, navigation links, and interactions function correctly

Output Requirements:

• Generate the entire website as a structured multi-page project
• Organize code cleanly and professionally
• Ensure the design is production-ready and visually polished
• Prioritize conversion optimization and user experience
• Make the overall design unique, modern, and highly competitive

WordPress Elementor Website Conversion Prompt For Claude Desktop ( Phase 2 )

Convert the generated HTML website into a fully functional WordPress website using Elementor and the Novamira plugin.

Requirements:

• Create all pages shown in the HTML website
• Create and assign a proper WordPress navigation menu
• Set the correct homepage
• Maintain the original design quality, spacing, responsiveness, typography, and visual hierarchy from the HTML version
• Ensure the final WordPress website looks polished, modern, and production-ready

Elementor Requirements:

• Use Elementor containers only
• Do NOT use Inner Sections
• Do NOT use HTML widgets unless absolutely necessary
• Use native Elementor widgets whenever possible
• Atomic Elements are disabled, so do not use any Atomic widgets or features
• Keep the structure clean, lightweight, and editable

Novamira Workflow:

• Use the Novamira plugin to help accurately recreate the design structure inside Elementor
• Preserve responsiveness across desktop, tablet, and mobile
• Match spacing, layouts, hover effects, and visual styling as closely as possible
• Build reusable and organized sections/templates where appropriate

Header & Footer Instructions:

**If Elementor Pro is installed:

• Create a fully custom header and footer using Elementor Theme Builder
• Save both header and footer templates to the Elementor library
• Build a premium mega menu using Elementor elements
• Include modern dropdown layouts, blurbs, icons, and media/video support inside the mega menu
• Design the mega menu to feel modern, interactive, and visually impressive
• Create a popup template for lead capture or registration
• Save the popup template in the Elementor library without assigning display conditions**

If Elementor Pro is NOT installed:

• Use XPRO for building the custom header and footer
• Use XPRO elements instead of Elementor Pro widgets
• Save reusable header and footer templates inside the XPRO library
• Maintain consistent styling with the rest of the website

Forms:

• Use WPForms for all contact forms
• Create and style the forms to match the website design
• Ensure forms are responsive and visually polished

Optimization Requirements:

• Ensure the website is fully responsive
• Keep the structure SEO-friendly
• Optimize spacing and alignment across all breakpoints
• Use clean naming conventions for templates and sections
• Avoid unnecessary wrappers or deeply nested containers
• Ensure fast-loading and maintainable page structure

Final Goal:
Recreate the HTML website inside WordPress with Elementor as accurately and professionally as possible while keeping everything fully editable, responsive, reusable, and optimized for real-world production use. Push the converted wordpress website to : https://yourdomain

Hosting Recommendation

Hosting guide :  Check now

Plugins/Tools Needs To Be Installed ( 100% Free )

1. Elementor
2. WP forms
3. Xpro theme builder for elementor
4. Xpro Elementor Addons
5. Novamira MCP Plugin
6. Node.js