From 11f3b2bbf998bbf7b848cf7d7845aad4e7eeab12 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 13 Mar 2026 12:50:30 +0000 Subject: [PATCH] Update src/app/products/page.tsx --- src/app/products/page.tsx | 124 +++++++++----------------------------- 1 file changed, 27 insertions(+), 97 deletions(-) diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx index b6325ca..6822ff8 100644 --- a/src/app/products/page.tsx +++ b/src/app/products/page.tsx @@ -43,27 +43,17 @@ export default function ProductsPage() { description="We carry the plumbing parts that big-box stores don't. From rare faucet stems to backflow devices, find everything you need to solve your plumbing problem." buttons={[ { - text: "Call for Availability", - href: "tel:(804)358-8815", - }, + text: "Call for Availability", href: "tel:(804)358-8815"}, { - text: "Ask an Expert", - href: "/contact", - }, + text: "Ask an Expert", href: "/contact"}, ]} slides={[ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rw2e32", - imageAlt: "faucet stems cartridges collection display", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rw2e32", imageAlt: "faucet stems cartridges collection display"}, { - imageSrc: "http://img.b2bpic.net/free-photo/antique-shower-bathtub_1203-2103.jpg", - imageAlt: "valve collection display organized", - }, + imageSrc: "http://img.b2bpic.net/free-photo/antique-shower-bathtub_1203-2103.jpg", imageAlt: "valve collection display organized"}, { - imageSrc: "http://img.b2bpic.net/free-photo/modern-faucet-water-aerator-satin-finish_169016-69352.jpg", - imageAlt: "backflow prevention display devices", - }, + imageSrc: "http://img.b2bpic.net/free-photo/modern-faucet-water-aerator-satin-finish_169016-69352.jpg", imageAlt: "backflow prevention display devices"}, ]} autoplayDelay={4000} showDimOverlay={false} @@ -82,47 +72,17 @@ export default function ProductsPage() { gridVariant="three-columns-all-equal-width" products={[ { - id: "faucet-stems", - name: "Faucet Stems & Cartridges", - price: "Extensive Selection", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-laboratory-samples-arrangement_23-2151134958.jpg", - imageAlt: "faucet stems category collection", - }, + id: "faucet-stems", name: "Faucet Stems & Cartridges", price: "Extensive Selection", imageSrc: "http://img.b2bpic.net/free-photo/top-view-laboratory-samples-arrangement_23-2151134958.jpg", imageAlt: "faucet stems category collection"}, { - id: "valve-stems", - name: "Valve Stems & Handles", - price: "All Types & Brands", - imageSrc: "http://img.b2bpic.net/free-photo/classical-background-house-bath-interior_1203-5614.jpg", - imageAlt: "valve stem handle collection", - }, + id: "valve-stems", name: "Valve Stems & Handles", price: "All Types & Brands", imageSrc: "http://img.b2bpic.net/free-photo/classical-background-house-bath-interior_1203-5614.jpg", imageAlt: "valve stem handle collection"}, { - id: "decorative-fixtures", - name: "Decorative Fixtures", - price: "Premium Brands", - imageSrc: "http://img.b2bpic.net/free-photo/counter-basin-window-luxury-decor_1203-4975.jpg", - imageAlt: "decorative brass faucet fixtures", - }, + id: "decorative-fixtures", name: "Decorative Fixtures", price: "Premium Brands", imageSrc: "http://img.b2bpic.net/free-photo/counter-basin-window-luxury-decor_1203-4975.jpg", imageAlt: "decorative brass faucet fixtures"}, { - id: "toilet-parts", - name: "Toilet Components", - price: "Tank Tops & Seats", - imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721526.jpg", - imageAlt: "toilet tank seat components", - }, + id: "toilet-parts", name: "Toilet Components", price: "Tank Tops & Seats", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721526.jpg", imageAlt: "toilet tank seat components"}, { - id: "backflow-devices", - name: "Backflow Prevention", - price: "Certified & Approved", - imageSrc: "http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room_169016-53594.jpg", - imageAlt: "backflow prevention certified", - }, + id: "backflow-devices", name: "Backflow Prevention", price: "Certified & Approved", imageSrc: "http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room_169016-53594.jpg", imageAlt: "backflow prevention certified"}, { - id: "repair-kits", - name: "Repair Parts & Kits", - price: "For All Major Brands", - imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55822.jpg", - imageAlt: "plumbing repair kit comprehensive", - }, + id: "repair-kits", name: "Repair Parts & Kits", price: "For All Major Brands", imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55822.jpg", imageAlt: "plumbing repair kit comprehensive"}, ]} ariaLabel="Product grid section" /> @@ -140,42 +100,24 @@ export default function ProductsPage() { features={[ { id: 1, - title: "Largest Selection of Stems & Handles", - description: "We carry the widest selection of faucet stems and valve handles in the Richmond area. Rare, vintage, and hard-to-find models in stock.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/new-modern-steel-faucet-kitchen_181624-40902.jpg", - imageAlt: "wide variety faucet stems", - }, + title: "Largest Selection of Stems & Handles", description: "We carry the widest selection of faucet stems and valve handles in the Richmond area. Rare, vintage, and hard-to-find models in stock.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/new-modern-steel-faucet-kitchen_181624-40902.jpg", imageAlt: "wide variety faucet stems"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990680.jpg", - imageAlt: "organized stem display shelf", - }, + imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990680.jpg", imageAlt: "organized stem display shelf"}, }, { id: 2, - title: "Hard-to-Find Specialty Parts", - description: "Backflow devices, decorative fixtures, toilet components, and repair kits for every major brand. We stock what others don't.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/woman-cuts-vegetables-cutting-board_169016-43828.jpg", - imageAlt: "specialty plumbing components", - }, + title: "Hard-to-Find Specialty Parts", description: "Backflow devices, decorative fixtures, toilet components, and repair kits for every major brand. We stock what others don't.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/woman-cuts-vegetables-cutting-board_169016-43828.jpg", imageAlt: "specialty plumbing components"}, phoneTwo: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wbvy65", - imageAlt: "certified backflow devices", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wbvy65", imageAlt: "certified backflow devices"}, }, { id: 3, - title: "Expert Authentication & Matching", - description: "Bring your part and our experts will identify it with precision. We understand brand variations and obscure part numbers.", - phoneOne: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hfpby2", - imageAlt: "expert comparing parts match", - }, + title: "Expert Authentication & Matching", description: "Bring your part and our experts will identify it with precision. We understand brand variations and obscure part numbers.", phoneOne: { + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hfpby2", imageAlt: "expert comparing parts match"}, phoneTwo: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=887xz6", - imageAlt: "identifying plumbing part detail", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=887xz6", imageAlt: "identifying plumbing part detail"}, }, ]} ariaLabel="Product highlights section" @@ -190,29 +132,21 @@ export default function ProductsPage() { useInvertedBackground={false} inputs={[ { - name: "name", - type: "text", - placeholder: "Your Name", - required: true, + name: "name", type: "text", placeholder: "Your Name", required: true, }, { - name: "phone", - type: "tel", - placeholder: "(804) 358-8815", - required: true, + name: "phone", type: "tel", placeholder: "(804) 358-8815", required: true, }, ]} textarea={{ - name: "part_details", - placeholder: "Describe the part you're looking for or your plumbing problem in detail.", - rows: 4, + name: "part_details", placeholder: "Describe the part you're looking for or your plumbing problem in detail.", rows: 4, required: true, }} buttonText="Search Our Inventory" mediaPosition="right" mediaAnimation="blur-reveal" - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=igjxqh", - imageAlt: "customer browsing hardware store" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=igjxqh" + imageAlt="customer browsing hardware store" ariaLabel="Contact section on products page" /> @@ -222,13 +156,9 @@ export default function ProductsPage() { -- 2.49.1