Northshore Rapid Plumbing local emergency service site

# Client brief: Northshore Rapid Plumbing You are designing and building a single-page website for a real local service business. The brief below gives you the business facts, the goal, the audience, the sections the site must have, and the exact content to use. It gives you no visual direction on purpose. Every design decision - layout, type, colour, imagery, motion, tone - is yours to make. Read the whole brief, form a point of view on how this business should present itself, and build it. ## The business Northshore Rapid Plumbing is a licensed emergency plumbing and gasfitting business based in Chatswood, on Sydney's Lower North Shore, in New South Wales. It has run since 2009. It handles burst pipes, blocked drains, dead hot water systems, gas leaks, and the other problems that make a person stop what they are doing and look for a plumber right now. It runs a 24 hour, 7 day emergency line and aims to be on site within 60 minutes across the Lower North Shore. ## What the site is for The one job of this site is to turn a visitor into a phone call or a booking. Most people who reach it are on a phone, at home, with a problem happening in front of them - a pipe leaking, no hot water, a drain backing up - and they want to reach someone fast and trust that the person will turn up, do the work, and charge a fair, known price. Getting the visitor to call the number or send a booking enquiry is the point of every section. ## Who it is for Homeowners and renters on Sydney's Lower North Shore with an urgent or near-urgent plumbing problem, plus a smaller number of people booking non-urgent work (a dripping tap, a hot water replacement, a backflow test). Assume most arrive on a mobile phone. ## How people will use it This is a phone-first site. Its primary canvas is a mobile screen: assume a person holding a phone in one hand while water is on the floor. The phone number must be reach- able from anywhere on the page without hunting for it, and a person must be able to start a call or a booking in one tap. The design must read and work excellently at 360px wide, and it must remain complete and usable on a tablet and a desktop as well. These are requirements about how the site must function on a phone, not instructions about how it should look. One firm rule: any motion must respect a visitor's reduced-motion preference. When reduced motion is requested, the whole site must still be completely readable and every section reachable as a calm, static page, with no information conveyed only through movement. ## What the site must contain (all of these sections) - a hero that names the service and the suburb and carries a prominent call-now and book action, - the services offered, named, each with a short description and the indicative price where one is given, - why choose us / trust: the licence, the years in business, the guarantees, and the insurance, - reviews from named customers with star ratings, - the team, the named plumbers, - hours, location, and how to find and park, - a booking enquiry form, - contact details, with the phone number prominent throughout the page. ## Content to use Use the content below substantially as written, in Australian English. You may write your own section headings and short connective microcopy (button labels, captions, form labels), but the facts, figures, names, prices, and details are fixed. Do not invent extra services, drop any listed, or change the prices, the reviews, the team, the hours, the address, or the phone number. ### The pitch (use in or near the hero) Emergency plumber in Chatswood and across Sydney's Lower North Shore. Licensed, on site within 60 minutes, upfront fixed pricing agreed before any work starts. Open 24 hours, 7 days. Phone number, to appear prominently and repeatedly across the page: (02) 8095 4471. ### Services offered Present all eight. Each has a name, a short description, and an indicative starting price. - Burst and leaking pipes. Emergency isolation and repair of burst, split, and leaking pipes, indoors and out. From $180. - Blocked drains. CCTV camera inspection and high-pressure water jetting to clear blocked stormwater and sewer drains, including tree-root blockages. From $220. - Hot water systems. Repair or same-day replacement of gas, electric, and heat-pump hot water systems. Repairs from $150. New systems from $1,290 installed. - Blocked and leaking toilets. Unblock, re-seal, or replace a failed or overflowing toilet. From $160. - Tap and mixer repairs. Fix dripping taps and worn washers, or fit a new mixer. From $120. - Gas fitting. Locate and repair gas leaks, connect gas appliances, and issue compliance certificates. From $190. - Roof and gutter leaks. Locate and repair storm, downpipe, and gutter leaks. From $200. - Backflow testing. Annual backflow prevention testing and certification. From $165. There is no call-out fee when a repair is booked, and every job is quoted upfront before any work begins. ### Why choose us - Licensed NSW plumber and gasfitter, licence number 285194C. - Serving the Lower North Shore since 2009. - On site within 60 minutes for emergencies across Chatswood, Willoughby, Lane Cove, Artarmon, North Sydney, Naremburn, and Northbridge. - Upfront fixed pricing agreed before work starts. No hidden charges. - Fully insured, with $20 million public liability cover. - Lifetime workmanship guarantee on installations. ### Reviews Present these five named reviews with their star ratings. - Sarah Whitmore, Chatswood. 5 stars. "Burst pipe under the kitchen at 11pm and someone was here within the hour. Fixed it, showed me the price first, no surprises. Saved our floorboards." - David Nguyen, Lane Cove. 5 stars. "Hot water died on a Sunday. New unit installed the same day. Fair price, and they explained the options without pushing the dearest one." - Priya Menon, Artarmon. 5 stars. "A blocked drain that two other plumbers could not clear. They ran a camera, found tree roots, and jetted it out. Thorough and honest." - Tom Fletcher, Willoughby. 4 stars. "Quick to arrive and tidy work on a leaking toilet. It took one extra visit for a part, but they kept me posted the whole way." - Angela Brooks, North Sydney. 5 stars. "A gas leak scare, and they talked me through shutting it off on the phone before they arrived. Calm, licensed, and they sorted the compliance certificate too." ### The team Present these three named plumbers. - Mark Sullivan, founder and master plumber. Licensed plumber and gasfitter with 22 years in the trade. Started Northshore Rapid Plumbing in 2009 and still runs the emergency roster himself. - Jess Tanaka, licensed plumber and drainage specialist. Nine years in the trade. Leads the CCTV drain diagnostics and pipe relining work. - Ryan O'Dell, licensed plumber and gasfitter. Seven years in the trade. Handles hot water and gas appliance installs. ### Hours, location, and parking - Emergency line, open 24 hours, 7 days: (02) 8095 4471. - Office and bookings: Monday to Friday 7am to 5pm, Saturday 8am to 2pm. Sunday is emergency calls only. - Address: 12 Victoria Avenue, Chatswood NSW 2067. - Finding us and parking: a two-minute walk from Chatswood station. Metered street parking on Victoria Avenue, and free two-hour parking in the Westfield car park off Anderson Street. - Service area: Chatswood, Willoughby, Lane Cove, Artarmon, North Sydney, Naremburn, Northbridge, and the wider Lower North Shore. ### Booking enquiry form The site needs a booking enquiry form. It must collect: the visitor's name, phone number, email, preferred time, and which service they need (from the eight services above), plus a short field to describe the problem. Make clear near the form that for an emergency the fastest path is to call (02) 8095 4471 rather than wait on a form reply. ### Contact - Phone, 24 hours, 7 days: (02) 8095 4471. - Email: help@northshorerapid.com.au. - Address: 12 Victoria Avenue, Chatswood NSW 2067. ## Output contract (React, single page) Build one single-page site. Output exactly two files: - `App.tsx` - a default-exported React component. Define any subcomponents in this same file. This is the whole page. - `theme.css` - a Tailwind v4 `@theme` token block, your `font-family` choices from the shared font menu below, and any custom CSS you need. The only imports allowed in `App.tsx` are `react`, `framer-motion`, `lucide-react` (never the Sparkles icon), and, for 3D, `three`, `@react-three/fiber`, and `@react-three/drei`. No other packages, no network requests, and no external assets: all imagery must be inline SVG, CSS, drawn in code on a canvas, or rendered with WebGL. The fonts are bundled offline, so use only the shared menu: Archivo (including Archivo Expanded), Instrument Sans, Space Grotesk, Work Sans, IBM Plex Sans, IBM Plex Mono, JetBrains Mono, Fraunces, Instrument Serif, Playfair Display, Lora, Caveat. Make it responsive across mobile, tablet, and desktop. The page must also remain fully readable and usable if WebGL is unavailable: never leave a visitor with a blank screen or a missing section because a 3D canvas failed to start.