diff --git a/src/app/page.tsx b/src/app/page.tsx index d942281..da9f510 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -31,7 +31,7 @@ export default function MoodyPlumbing() { borderRadius="soft" contentWidth="mediumLarge" sizing="largeSmall" - background="noiseDiagonalGradient" + background="circleGradient" cardStyle="glass-depth" primaryButtonStyle="radial-glow" secondaryButtonStyle="solid" @@ -48,7 +48,8 @@ export default function MoodyPlumbing() { { name: "Contact", id: "contact" }, ]} button={{ - text: "Call Now", href: "tel:+1-773-XXX-XXXX"}} + text: "Call Now", href: "tel:+1-773-XXX-XXXX" + }} /> @@ -64,7 +65,7 @@ export default function MoodyPlumbing() { { text: "Request a Quote", href: "#contact" }, ]} buttonAnimation="slide-up" - background={{ variant: "noiseDiagonalGradient" }} + background={{ variant: "plain" }} dashboard={{ title: "Moody Plumbing Trust Metrics", logoIcon: CheckCircle, imageSrc: @@ -79,14 +80,17 @@ export default function MoodyPlumbing() { ], stats: [ { - title: "5-Star Rating", values: ["5.0", "5.0", "5.0"], - description: "Consistent customer reviews"}, + title: "5-Star Rating", values: [5.0, 5.0, 5.0], + description: "Consistent customer reviews" + }, { - title: "Licensed & Insured", values: ["100%", "100%", "100%"], - valueSuffix: "", description: "Professional standards met"}, + title: "Licensed & Insured", values: [100, 100, 100], + valueSuffix: "%", description: "Professional standards met" + }, { - title: "Fast Service", values: ["Same", "Day", "Available"], - description: "Emergency response ready"}, + title: "Fast Service", values: [24, 7, 365], + valueSuffix: "/", description: "Emergency response ready" + }, ], chartTitle: "Service Quality Metrics", chartData: [ { value: 95 }, @@ -100,7 +104,8 @@ export default function MoodyPlumbing() { { icon: Zap, title: "Fast & efficient work", status: "Always" }, { icon: Sparkles, - title: "Master craftsmanship", status: "Every job"}, + title: "Master craftsmanship", status: "Every job" + }, ], }} /> @@ -122,22 +127,26 @@ export default function MoodyPlumbing() { id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Joe is the magician of plumbing. He completely re-plumbed my 1915 house and worked so fast. Even my dad, who's a remodeling fanatic, watched in awe. The quality is amazing and the work is so fast.", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/short-haired-woman-looking-into-camera-isolated-background-active-emotional-lady-black-jacket-makes-funny-face-white-backdrop_197531-18512.jpg", imageAlt: "professional woman homeowner portrait"}, + "http://img.b2bpic.net/free-photo/short-haired-woman-looking-into-camera-isolated-background-active-emotional-lady-black-jacket-makes-funny-face-white-backdrop_197531-18512.jpg", imageAlt: "professional woman homeowner portrait" + }, { id: "2", name: "Anna Chen", handle: "@annachen", testimonial: "Honest, professional, and reliable. They did all the plumbing for our second story addition and the inspector even complimented their work. That's when you know it's quality.", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/smiling-pretty-curly-haired-lady-showing-thumb-up-park_1262-20821.jpg", imageAlt: "professional woman portrait headshot"}, + "http://img.b2bpic.net/free-photo/smiling-pretty-curly-haired-lady-showing-thumb-up-park_1262-20821.jpg", imageAlt: "professional woman portrait headshot" + }, { id: "3", name: "Tigui Thompson", handle: "@tiguithompson", testimonial: "Such a positive experience. Joe is honest, easy to work with, and has reasonable prices. No surprises, no upselling—just quality work done right.", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg", imageAlt: "professional person portrait headshot"}, + "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg", imageAlt: "professional person portrait headshot" + }, { id: "4", name: "Building Inspector", handle: "@inspector", testimonial: "In my 20 years of home inspections, Moody Plumbing's work consistently meets the highest standards. Their attention to detail and code compliance is exceptional.", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/man-black-suit-leaning-wall_23-2148401440.jpg", imageAlt: "professional home inspector portrait"}, + "http://img.b2bpic.net/free-photo/man-black-suit-leaning-wall_23-2148401440.jpg", imageAlt: "professional home inspector portrait" + }, ]} /> @@ -153,11 +162,13 @@ export default function MoodyPlumbing() { useInvertedBackground={true} negativeCard={{ items: [ - "Costly emergency calls", "Unreliable contractors", "Poor workmanship", "Hidden fees and surprises"], + "Costly emergency calls", "Unreliable contractors", "Poor workmanship", "Hidden fees and surprises" + ], }} positiveCard={{ items: [ - "Honest, transparent pricing", "Licensed & experienced professionals", "Master-level craftsmanship", "Complete system solutions"], + "Honest, transparent pricing", "Licensed & experienced professionals", "Master-level craftsmanship", "Complete system solutions" + ], }} animationType="slide-up" buttons={[{ text: "View All Services", href: "#contact" }]} @@ -176,10 +187,11 @@ export default function MoodyPlumbing() { { value: "100%", title: "5-Star Reviews" }, { value: "20+", title: "Years Experience" }, ]} - imageSrc="http://img.b2bpic.net/free-photo/white-toilet-top-view-modern-bathroom-minimalist-interior_169016-69532.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/white-toilet-top-view-modern-bathroom-minimalist-interior_169016-69532.jpg" imageAlt="Professional plumbing installation" useInvertedBackground={false} mediaAnimation="slide-up" + metricsAnimation="slide-up" /> @@ -192,18 +204,21 @@ export default function MoodyPlumbing() { tagAnimation="slide-up" textboxLayout="default" useInvertedBackground={false} - gridVariant="three-columns-all-equal-width" + gridVariant="uniform-all-items-equal" animationType="slide-up" products={[ { id: "1", name: "Residential Plumbing", price: "Fair Pricing", variant: "Repairs & Installations", imageSrc: - "http://img.b2bpic.net/free-photo/white-toilet-top-view-modern-bathroom-minimalist-interior_169016-69532.jpg?_wi=2", imageAlt: "Residential plumbing"}, + "http://img.b2bpic.net/free-photo/white-toilet-top-view-modern-bathroom-minimalist-interior_169016-69532.jpg", imageAlt: "Residential plumbing" + }, { id: "2", name: "Full Re-Piping", price: "Expert Service", variant: "For Older Homes", imageSrc: - "http://img.b2bpic.net/free-photo/low-angle-shot-two-pipes-as-they-go-up-building-window_181624-16532.jpg", imageAlt: "Complete re-piping service"}, + "http://img.b2bpic.net/free-photo/low-angle-shot-two-pipes-as-they-go-up-building-window_181624-16532.jpg", imageAlt: "Complete re-piping service" + }, { id: "3", name: "Remodel Plumbing", price: "Master Work", variant: "Additions & Updates", imageSrc: - "http://img.b2bpic.net/free-photo/full-shot-people-working-with-drills_23-2149328109.jpg", imageAlt: "Plumbing for renovations"}, + "http://img.b2bpic.net/free-photo/full-shot-people-working-with-drills_23-2149328109.jpg", imageAlt: "Plumbing for renovations" + }, ]} /> @@ -214,7 +229,7 @@ export default function MoodyPlumbing() { description="From diagnosis to completion—transparent, professional service every time." textboxLayout="default" useInvertedBackground={true} - gridVariant="three-columns-all-equal-width" + gridVariant="uniform-all-items-equal" animationType="slide-up" metrics={[ {