Easy testing
effeicency of models
Prompt
You are a senior front-end designer and developer. Build a premium AI Marketing website as a SINGLE self-contained HTML5 file with embedded CSS and vanilla JavaScript only. No React, no libraries, no external frameworks. The result must look like a real high-end SaaS landing page, not a template. Goal: Create a modern AI marketing agency website that feels intelligent, trustworthy, minimal, and conversion-focused. The design should be visually polished, mobile responsive, fast, and ready to use. Visual Direction: - Minimalistic, premium, futuristic, and elegant - Inspired by modern Taiwanese tech branding: clean structure, calm confidence, subtle innovation, refined spacing - Use a restrained color system with strong contrast and tasteful accents - Suggested palette: - Background: #0B1220 or pure white with alternating soft sections - Primary: deep navy / graphite - Accent 1: electric blue - Accent 2: cyan / teal - Neutral text: slate / gray tones - Add subtle gradients, glassmorphism, and soft glow effects sparingly - Use a modern font like Inter, Poppins, or Manrope from Google Fonts - Keep the layout spacious, sharp, and highly readable - Avoid clutter, random icons, and cheap-looking effects Important Design Rules: - Make it feel like a premium AI SaaS / agency homepage - Strong hero section with clear headline, subheadline, and CTA - Use smooth hover states, scroll animations, and subtle motion - Add polished card designs, soft shadows, rounded corners, and modern separators - The whole site must feel cohesive and carefully art-directed - Every section should have a clear purpose and conversion focus Website Sections to Include: 1. Sticky navigation bar - Logo - Menu links - CTA button - Smooth scrolling 2. Hero section - Powerful headline about AI marketing growth - Short benefit-driven description - Two CTA buttons: primary and secondary - A premium visual element such as animated gradient blobs, AI network lines, or abstract dashboard-style illustration - Show trust signals or stats below the CTA 3. Services section - 4 to 6 clean service cards - Examples: AI content strategy, lead generation, social media automation, SEO optimization, ad performance, analytics - Each card should have a modern icon, title, and short description 4. Why choose us / features section - Show clear AI benefits like automation, personalization, analytics, speed, and ROI - Make this section visually strong and easy to scan 5. Process section - 3 to 4 steps explaining how the AI marketing system works - Use a timeline, numbered cards, or connected flow 6. Results / stats section - Show performance metrics such as growth rate, conversion lift, time saved, or campaign efficiency - Present these in a stylish, dashboard-like way 7. Testimonials section - Add 2 to 3 realistic testimonial cards - Include name, role, company, and short feedback - Make them look credible and modern 8. Pricing section - Three pricing tiers: Starter, Growth, Enterprise - Highlight the best plan - Include feature lists and CTA buttons 9. Contact section - Clean contact form with name, email, company, message - Add a short closing pitch next to it 10. Footer - Minimal footer with links and copyright - Keep it elegant and compact Technical Requirements: - Use semantic HTML5 - Use clean, maintainable CSS - Use vanilla JavaScript for small interactions only - Make it fully responsive for mobile, tablet, and desktop - Use smooth scroll behavior - Add scroll reveal animations if possible - Include subtle loading or entrance animations - Ensure accessibility: contrast, readable text, buttons, focus states - Optimize for performance - Do not use lorem ipsum - Write real, polished marketing copy - Do not leave any section empty - Keep code clean and well organized with comments Output Requirements: - Return only the final complete HTML file - Do not explain the code - Do not split into multiple files - Do not include placeholders - The final design should feel like a high-budget AI marketing website used by a modern startup
A system prompt was added to support web rendering
