diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 1050a01..5cbc98f 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -8,7 +8,7 @@ const inter = Inter({ subsets: ["latin"] }); export const metadata: Metadata = { title: "Pro Renton Plumbers | 24/7 Emergency Plumbing Services", description: - "Trusted local plumbers in Renton providing fast, reliable repairs and installations. Licensed, insured, 24/7 emergency service available."}; + "Trusted local plumbers in Renton providing fast, reliable repairs and installations. Licensed, insured, 24/7 emergency service available. Call (253) 235-2228."}; export default function RootLayout({ children, diff --git a/src/app/page.tsx b/src/app/page.tsx index b02d505..080b383 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -29,26 +29,21 @@ import { Clock, Award, Users, + Hammer, + Gauge, } from "lucide-react"; export default function HomePage() { const navItems = [ { name: "Home", id: "/" }, - { name: "Services", id: "/services" }, - { name: "About", id: "/about" }, - { name: "Contact", id: "/contact" }, + { name: "Services", id: "#services" }, + { name: "Reviews", id: "#testimonials" }, + { name: "Contact", id: "#contact" }, ]; - const navLinks = navItems.map((item) => { - if (item.id === "/") { - return { name: item.name, id: item.id }; - } - return { name: item.name, id: item.id }; - }); - return (
+ +
+
@@ -168,11 +200,11 @@ export default function HomePage() { title="Why Choose Pro Renton Plumbers" description="We're not just another plumbing company. We're your neighbors, committed to providing honest, reliable service backed by years of experience and hundreds of satisfied customers throughout Renton. Every job is backed by our satisfaction guarantee." metrics={[ - { value: "25+", title: "Years of Combined Experience" }, + { value: "25+", title: "Years Combined Experience" }, { value: "500+", title: "Happy Customers Served" }, { value: "100%", title: "Satisfaction Guarantee" }, ]} - imageSrc="http://img.b2bpic.net/free-photo/portrait-happy-auto-repairman-looking-camera-while-his-customers-are-standing-background_637285-7790.jpg" + imageSrc="https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?w=500&q=80" imageAlt="Professional plumbing team" useInvertedBackground={false} mediaAnimation="slide-up" @@ -183,7 +215,7 @@ export default function HomePage() {
-
+
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx index 9e90c19..0b989d7 100644 --- a/src/app/services/page.tsx +++ b/src/app/services/page.tsx @@ -17,19 +17,20 @@ import { Zap, Hammer, Shield, + Gauge, } from "lucide-react"; export default function ServicesPage() { const navItems = [ { name: "Home", id: "/" }, { name: "Services", id: "/services" }, - { name: "About", id: "/about" }, - { name: "Contact", id: "/contact" }, + { name: "Reviews", id: "/" }, + { name: "Contact", id: "/" }, ]; return (
@@ -52,34 +53,42 @@ export default function ServicesPage() {
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index feb4fd5..9a4aac2 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #ffffff; - --card: #f9f9f9; - --foreground: #0a1a2e; - --primary-cta: #d4a574; + --background: #f5faff; + --card: #f1f8ff; + --foreground: #001122; + --primary-cta: #15479c; --primary-cta-text: #fbfaff; - --secondary-cta: #f9f9f9; + --secondary-cta: #ffffff; --secondary-cta-text: #0f0022; - --accent: #c9a961; - --background-accent: #e8dcc8; + --accent: #ff7b05; + --background-accent: #ff8c42; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);