Update src/app/styles/base.css

Merge version_3 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,49 +57,28 @@ 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: "http://img.b2bpic.net/free-photo/woman-calling-plumber-fox-bathroom-problems_23-2150990699.jpg?_wi=1",          imageAlt: "luxury plumbing services professional home"},
+          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: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990709.jpg",          imageAlt: "luxury plumbing services professional home"},
+          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: "http://img.b2bpic.net/free-photo/portrait-glad-young-afro-american-woman-smiles-broadly-has-joyful-expression-wears-casual-blue-turtleneck-turns-head-aside-notices-funny-scene-monochrome-shot-happy-emotions-concept_273609-43284.jpg?_wi=1",          imageAlt: "luxury plumbing services professional home"},
-        {
-          name: "Emma T.",          handle: "@emmat",          testimonial: "Professional, clean, and extremely quick.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14386.jpg?_wi=1",          imageAlt: "luxury plumbing services professional home"},
-        {
-          name: "David W.",          handle: "@davidw",          testimonial: "He educated me on my system - great service.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-curly-hair-isolated_273609-48328.jpg?_wi=1",          imageAlt: "luxury plumbing services professional home"},
+          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="http://img.b2bpic.net/free-photo/woman-calling-plumber-fox-bathroom-problems_23-2150990699.jpg?_wi=2"
+      imageSrc="https://img.b2bpic.net/free-photo/professional-plumber-working-at-home-sink_23-2148421388.jpg?w=800"
       mediaAnimation="slide-up"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/man-rinsing-dish-sponge-running-water-daily-home-hygiene_169016-69431.jpg",          alt: "Man rinsing dish sponge under running water"},
-        {
-          src: "http://img.b2bpic.net/free-photo/candy-girl-kitchen_1150-9993.jpg",          alt: "Candy girl in the kitchen"},
-        {
-          src: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990726.jpg",          alt: "Female plumber working to fix problems"},
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-couple-drink-red-wine-kitchen_1157-30458.jpg",          alt: "Beautiful couple drink red wine"},
-        {
-          src: "http://img.b2bpic.net/free-photo/elegant-bathtub-with-bath-elements_23-2148147452.jpg",          alt: "Elegant bathtub with bath elements"},
+        { 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"},
-        {
-          type: "text",          text: "24/7 Emergency Response"},
-        {
-          type: "text",          text: "Serving Your Neighborhood"},
-        {
-          type: "text",          text: "Transparent Pricing"},
-        {
-          type: "text",          text: "Trusted by Homeowners"},
+        { type: "text", text: "Licensed & Insured" },
+        { type: "text", text: "24/7 Emergency Response" },
+        { type: "text", text: "Transparent Pricing" }
       ]}
     />
   </div>
@@ -130,53 +109,21 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Leak Repair",          description: "Rapid response for all leaks.",          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/woman-calling-plumber-fox-bathroom-problems_23-2150990699.jpg?_wi=3",            imageAlt: "master plumber smiling professional portrait"},
+          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"},
-            {
-              icon: CheckCircle,
-              text: "Pressure testing"},
+            { icon: Droplets, text: "Emergency patches" },
+            { icon: Wrench, text: "Pipe replacement" }
           ],
           reverse: false,
         },
         {
-          title: "Water Heater Maintenance",          description: "Keep your water running hot.",          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/portrait-glad-young-afro-american-woman-smiles-broadly-has-joyful-expression-wears-casual-blue-turtleneck-turns-head-aside-notices-funny-scene-monochrome-shot-happy-emotions-concept_273609-43284.jpg?_wi=2",            imageAlt: "master plumber smiling professional portrait"},
+          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 inspection"},
-            {
-              icon: Settings,
-              text: "Thermostat tuning"},
+            { icon: Flame, text: "Tank flushing" },
+            { icon: Zap, text: "Element check" }
           ],
           reverse: true,
-        },
-        {
-          title: "Drain Cleaning",          description: "Professional clog removal service.",          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14386.jpg?_wi=2",            imageAlt: "master plumber smiling professional portrait"},
-          items: [
-            {
-              icon: Filter,
-              text: "Root removal"},
-            {
-              icon: ArrowDown,
-              text: "Drain scoping"},
-            {
-              icon: CheckCircle,
-              text: "Flow restoration"},
-          ],
-          reverse: false,
-        },
+        }
       ]}
       title="Expert Services"
       description="Comprehensive plumbing maintenance and repair services tailored for your home."
@@ -187,16 +134,9 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",          name: "Alex R.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-glad-young-afro-american-woman-smiles-broadly-has-joyful-expression-wears-casual-blue-turtleneck-turns-head-aside-notices-funny-scene-monochrome-shot-happy-emotions-concept_273609-43284.jpg?_wi=3"},
-        {
-          id: "2",          name: "Sarah K.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14386.jpg?_wi=3"},
-        {
-          id: "3",          name: "Michael B.",          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-curly-hair-isolated_273609-48328.jpg?_wi=2"},
-        {
-          id: "4",          name: "Emma T.",          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-white-blazer-looks-nervous_114579-15696.jpg"},
-        {
-          id: "5",          name: "David W.",          imageSrc: "http://img.b2bpic.net/free-photo/image-carefree-africanamerican-girl-white-tshirt-showing-tongue-smiling-winking-happy-stan_1258-128116.jpg"},
+        { 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"
@@ -210,18 +150,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",          value: "1",          title: "Speed",          items: [
-            "Arrives within 60 mins",            "Fully stocked van"],
-        },
-        {
-          id: "m2",          value: "2",          title: "Fairness",          items: [
-            "Transparent pricing",            "No hidden fees"],
-        },
-        {
-          id: "m3",          value: "3",          title: "Education",          items: [
-            "System walkthrough",            "Preventive tips"],
-        },
+        { id: "m1", value: "1", title: "Speed", items: ["Arrives within 60 mins", "Fully stocked van"] },
+        { id: "m2", value: "2", title: "Fairness", items: ["Transparent pricing", "No hidden fees"] }
       ]}
       title="Why Choose Julian Plumbing?"
       description="Expertise, transparency, and speed."
@@ -231,52 +161,34 @@ export default function LandingPage() {
   <div id="emergency-banner" data-section="emergency-banner">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient"}}
+      background={{ variant: "sparkles-gradient" }}
       tag="EMERGENCY"
       title="Need Urgent Plumbing Help?"
       description="Don't wait. Julian is available 24/7 for all emergency situations."
-      buttons={[
-        {
-          text: "Call Now: 555-0123",          href: "tel:5550123"},
-      ]}
+      buttons={[{ text: "Call Now: 555-0123", href: "tel:5550123" }]}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient"}}
+      background={{ variant: "radial-gradient" }}
       tag="CONTACT"
       title="Book Your Service Today"
       description="Fill out the form or give us a call. We look forward to serving you."
-      buttons={[
-        {
-          text: "Schedule Appointment",          href: "#"},
-      ]}
+      buttons={[{ text: "Schedule Appointment", href: "#" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterMedia
-      imageSrc="http://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={[
         {
           title: "Links",          items: [
-            {
-              label: "Services",              href: "#services"},
-            {
-              label: "About",              href: "#about"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms",              href: "#"},
+            { label: "Services", href: "#services" },
+            { label: "About", href: "#about" }
           ],
         },
       ]}
@@ -285,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;
 }