Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -10,7 +10,7 @@ import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonia
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import { ArrowDown, CheckCircle, Clock, Droplets, Filter, Flame, Settings, Shield, Star, Wrench, Zap } from "lucide-react";
+import { Clock, Droplets, Flame, Shield, Star, Wrench, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -57,23 +57,23 @@ export default function LandingPage() {
       testimonials={[
         {
           name: "Alex R.",          handle: "@alexr",          testimonial: "Julian arrived in under an hour and fixed the leak perfectly. True professional.",          rating: 5,
-          imageSrc: "https://img.b2bpic.net/free-photo/real-pro-plumber-working-at-home_23-2148421345.jpg?w=400",          imageAlt: "professional plumber at work"},
+          imageSrc: "https://img.b2bpic.net/free-photo/plumber-tightening-pipe-fitting_23-2148421499.jpg?w=400",          imageAlt: "plumber tightening pipe"},
         {
           name: "Sarah K.",          handle: "@sarahk",          testimonial: "Transparent pricing and excellent work. Will call him again.",          rating: 5,
-          imageSrc: "https://img.b2bpic.net/free-photo/plumber-inspecting-pipes-in-basement_23-2148421322.jpg?w=400",          imageAlt: "plumber checking home pipes"},
+          imageSrc: "https://img.b2bpic.net/free-photo/close-up-of-pipe-wrenches-and-tools_23-2148421355.jpg?w=400",          imageAlt: "plumbing tools"},
         {
           name: "Michael B.",          handle: "@michaelb",          testimonial: "The best plumbing service I've ever experienced in the city.",          rating: 5,
-          imageSrc: "https://img.b2bpic.net/free-photo/man-repairing-sink-in-kitchen_23-2148421456.jpg?w=400",          imageAlt: "plumber fixing kitchen sink"},
+          imageSrc: "https://img.b2bpic.net/free-photo/plumber-fixing-kitchen-sink_23-2148421466.jpg?w=400",          imageAlt: "repairing sink"},
       ]}
       buttons={[
         {
           text: "Book Emergency Service",          href: "#contact"},
       ]}
-      imageSrc="https://img.b2bpic.net/free-photo/professional-plumber-with-tools_23-2148421367.jpg?w=800"
+      imageSrc="https://img.b2bpic.net/free-photo/professional-plumber-working-at-home-sink_23-2148421388.jpg?w=800"
       mediaAnimation="slide-up"
       avatars={[
-        { src: "https://img.b2bpic.net/free-photo/close-up-of-wrenches-and-tools_23-2148421411.jpg", alt: "professional tools" },
-        { src: "https://img.b2bpic.net/free-photo/plumbing-parts-on-bench_23-2148421422.jpg", alt: "plumbing equipment" }
+        { src: "https://img.b2bpic.net/free-photo/wrench-and-pliers-close-up_23-2148421422.jpg", alt: "tools" },
+        { src: "https://img.b2bpic.net/free-photo/copper-pipe-fittings_23-2148421415.jpg", alt: "plumbing parts" }
       ]}
       marqueeItems={[
         { type: "text", text: "Licensed & Insured" },
@@ -109,7 +109,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Leak Repair",          description: "Rapid response for all leaks.",          media: { imageSrc: "https://img.b2bpic.net/free-photo/leaky-faucet-repair_23-2148421488.jpg?w=600", imageAlt: "repairing leaky faucet" },
+          title: "Leak Repair",          description: "Rapid response for all leaks.",          media: { imageSrc: "https://img.b2bpic.net/free-photo/leaky-faucet-repair-tools_23-2148421490.jpg?w=600", imageAlt: "repairing leaky faucet" },
           items: [
             { icon: Droplets, text: "Emergency patches" },
             { icon: Wrench, text: "Pipe replacement" }
@@ -117,7 +117,7 @@ export default function LandingPage() {
           reverse: false,
         },
         {
-          title: "Water Heater",          description: "Keep your water running hot.",          media: { imageSrc: "https://img.b2bpic.net/free-photo/water-heater-maintenance_23-2148421500.jpg?w=600", imageAlt: "water heater service" },
+          title: "Water Heater",          description: "Keep your water running hot.",          media: { imageSrc: "https://img.b2bpic.net/free-photo/plumber-checking-water-heater-tank_23-2148421505.jpg?w=600", imageAlt: "water heater service" },
           items: [
             { icon: Flame, text: "Tank flushing" },
             { icon: Zap, text: "Element check" }
@@ -134,9 +134,9 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={false}
       testimonials={[
-        { id: "1", name: "Alex R.", imageSrc: "https://img.b2bpic.net/free-photo/customer-1_23-2148421555.jpg?w=200" },
-        { id: "2", name: "Sarah K.", imageSrc: "https://img.b2bpic.net/free-photo/customer-2_23-2148421566.jpg?w=200" },
-        { id: "3", name: "Michael B.", imageSrc: "https://img.b2bpic.net/free-photo/customer-3_23-2148421577.jpg?w=200" }
+        { id: "1", name: "Alex R.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-of-plumber-tools_23-2148421385.jpg?w=200" },
+        { id: "2", name: "Sarah K.", imageSrc: "https://img.b2bpic.net/free-photo/plumber-wrench-tool-details_23-2148421395.jpg?w=200" },
+        { id: "3", name: "Michael B.", imageSrc: "https://img.b2bpic.net/free-photo/pipe-fittings-on-workspace_23-2148421420.jpg?w=200" }
       ]}
       cardTitle="What Our Clients Say"
       cardTag="TESTIMONIALS"
@@ -182,7 +182,7 @@ export default function LandingPage() {
 
   <div id="footer" data-section="footer">
       <FooterMedia
-      imageSrc="https://img.b2bpic.net/free-photo/close-up-wrenches_23-2147624705.jpg"
+      imageSrc="https://img.b2bpic.net/free-photo/close-up-set-of-plumbing-tools_23-2147624715.jpg"
       logoText="Julian Plumbing"
       columns={[
         {
@@ -197,4 +197,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-montserrat), sans-serif;
+  font-family: var(--font-inter), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-montserrat), sans-serif;
+  font-family: var(--font-dm-sans), sans-serif;
 }