A Y Decore Homepage - Copy this Html, Tailwind Component to your project
Advanced Prompt for PureCode AI: I need advanced, high-performance code to build a professional-grade website for AY Decore, a company specializing in comprehensive painting and polishing services. The site should be aesthetically refined and optimized for seamless functionality across all devices. Key requirements include: Homepage: A visually striking design with a hero section that highlights AY Decore’s painting and polishing services for newly constructed buildings. Use smooth animations, micro-interactions, and high-resolution images to enhance user engagement. Call-to-action (CTA) buttons (e.g., “Get a Quote” or “Contact Us”) must be prominent and strategically placed for conversion optimization. Service Pages: Dedicated pages for residential and commercial services, each including detailed descriptions, scope of work, and high-quality before-and-after visuals. Interactive elements (e.g., a dynamic color selector or finish previewer) that allow users to visualize painting and polish options in real-time. Portfolio Section: A responsive, filterable gallery to showcase completed projects, allowing users to explore past work based on project type (residential/commercial) or style. High-speed loading and smooth transitions for a superior user experience, even with a large volume of images. About Us Page: A narrative-driven section that emphasizes the company’s history, expertise, and client-centric values, using subtle animations or scrolling effects to present content dynamically. Contact Us Page: A robust, multi-functional contact form with validation, integrated Google Maps for office location, and click-to-call/email features. Include an API integration with a CRM for real-time capture of customer inquiries. Technical and SEO Specifications: Fully responsive design with adaptive layouts for desktop, tablet, and mobile, ensuring flawless performance on all screen sizes. SEO-optimized code architecture, schema markup, and metadata to drive organic traffic growth. Fast-loading pages, utilizing lazy loading for images and asynchronous script loading to ensure high Lighthouse scores for performance, accessibility, and SEO. Security and Scalability: Implement secure practices, including SSL/TLS encryption, and protection against common web vulnerabilities (e.g., SQL injection, XSS). Code should be modular and scalable, designed with future enhancements and expansions in mind. Ensure the website is built with a modern tech stack, using best practices in responsive design, performance optimization, and web security. The code should be clean, well-documented, and easy to maintain or expand upon.