DEV Community

Mustafa
Mustafa

Posted on

I built a modern plumber business website using an AI agent workflow (Google Antigravity) looking for feedback

I built a modern plumber business website using an AI agent workflow (Google Antigravity) looking for feedback
Hi everyone,

I’ve been learning full-stack development and recently built a complete practice project: a modern plumbing business website using an AI agent workflow (Google Antigravity).

Repo Link: https://github.com/mustafaayoob/flowright-plumbing

This wasn’t just a “generate a website” experiment I followed a structured, enterprise-style process:

What I focused on

  • Clean architecture (separated components, data, layout)

  • Reusable UI sections (Hero, Services, Testimonials, FAQ, Contact)

  • Accessibility basics (labels, contrast, keyboard nav)

  • Responsive design (mobile-first)

  • Subtle 3D motion (hover tilt, soft animations — nothing heavy)

  • Fake business data only (no real company info)

Tech approach

  • Component-based structure (similar to Next.js app router)

  • Sections built as reusable components

  • Content moved into structured data files

  • Basic testing added for UI and interactions

What I learned

  • Planning before coding makes a huge difference

  • AI works much better when you define roles, rules, and workflows

  • Small, review-based iterations generating everything at once

  • Subtle motion improves UX when done carefully

What I’d love feedback on

  • Does the architecture approach make sense for scaling?

  • Am I over-engineering for a small business site?

  • Any improvements for performance or accessibility?

  • Better ways to structure components/data?

Happy to share code or screenshots if helpful.

Thanks!

Top comments (0)