HTML · React
G
GSAP
Build a construction & builders website for free: hero section, features section, stats section and card designs with copy-ready HTML, CSS & React code, plus an AI website prompt covering completed projects gallery, services list and quote request form.
Paste it into Cursor, Claude Code, Lovable, v0 or any AI website builder, then swap in your business name, city and details.
Build a complete, responsive construction company website called "Your Business Name". Goal: prove quality with past work and get quote requests. Visual style: Brutalist. Use CSS custom properties for colours, spacing and radii; consistent rounded corners; clear typographic hierarchy with a bold display font for headlines. Sections (in order): 1. Navbar 2. Hero 3. Services 4. Projects 5. Stats 6. Process 7. Testimonials 8. Quote form 9. Footer Must include: completed projects gallery; services list; quote request form; years of experience and project stats; client testimonials. Animation: use GSAP for motion — timeline-driven motion, scrolltrigger and buttery easing for loaders and page reveals. Include a loading/intro animation, staggered entrance reveals and hover micro-interactions. Respect prefers-reduced-motion. Deliver: semantic HTML/CSS/JS and an equivalent React component version, mobile-first responsive layout (360px → 1440px), accessible focus states and ARIA labels, optimised images and realistic placeholder copy. Add local SEO basics: a page title and meta description with the business name and city, and LocalBusiness structured data. Free section designs and animation code to start from: https://orucode.online/designs
Leaf Creationism, the studio behind ORU CODE, designs and builds websites for businesses in Kerala and across India.
Talk to Leaf Creationism