Plumbing website design - v0 by VercelPlumbing website design - v0 by Vercel
Create a blank project called "whattheflushplumbingservices".
7d ago
whattheflushplumbingservices blank chat created. Start coding or ask v0 to help build something.
7d ago
reference old website https://whattheflushplumbingservices.com/
config.yaml
7d ago
Now I have a good understanding of the old website and the config requirements. Let me create a comprehensive, modern plumbing website with all the specified sections. I'll start by updating the globals.css with the blue color palette, then create all the components and the main page.
Now let me create all the components for the website:
Now let me create the main page that brings all the components together:
I've built a complete, modern website for What The Flush Plumbing Services based on the specifications and the original Calgary plumbing website. The site includes:
Sticky Header with logo, navigation, and "Book Now" CTA that changes appearance on scroll
Hero Section with a full-width background, gradient overlay, animated stats card, and emergency call button
Services Section with 6 service cards featuring images, icons, and hover effects
About Section with split layout, company story, and feature checklist
Why Choose Us section with 6 benefit cards on a dark background with pattern
Booking Form with interactive fields, floating labels, and success confirmation
Reviews Section displaying 6 customer testimonials with star ratings
Gallery with masonry-style grid and lightbox functionality
Contact Section with contact info cards, Google Maps embed, and contact form
Footer with business info, quick links, services, and social media
Chatbot Widget with quick replies for booking, pricing, and emergency help
7d ago
0px
You can send messages while the preview loads
Code editing is not availableDuplicate this chat to use a more powerful code editor.