Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -12,7 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Award, Shield, Star, ThumbsUp } from "lucide-react";
+import { Award, Shield, Star, ThumbsUp, Phone, MapPin, CheckCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -33,25 +33,15 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Reviews",
+          name: "Reviews",          id: "testimonials"},
-          id: "testimonials",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Coast to Coast Plumbing"
     />
@@ -63,64 +53,34 @@ export default function LandingPage() {
       description="Coast to Coast Plumbing provides 24/7 emergency service, flat rate pricing, and 17+ years of experience. Your trusted experts for all residential plumbing needs."
       testimonials={[
         {
-          name: "John D.",
+          name: "John D.",          handle: "@johnd",          testimonial: "They did a FANTASTIC job and I totally love my bathroom. Highly recommend!",          rating: 5,
-          handle: "@johnd",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-199927.jpg"},
-          testimonial: "They did a FANTASTIC job and I totally love my bathroom. Highly recommend!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-tender-young-smiling-woman-feeling-cozy-home-sitting-kitchen-chair-with-smartphone_1258-199927.jpg",
-        },
         {
-          name: "Maria S.",
+          name: "Maria S.",          handle: "@marias",          testimonial: "Fantastic, reasonable, and very hard working team. They get the job done right.",          rating: 5,
-          handle: "@marias",
+          imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1979.jpg"},
-          testimonial: "Fantastic, reasonable, and very hard working team. They get the job done right.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1979.jpg",
-        },
         {
-          name: "Robert B.",
+          name: "Robert B.",          handle: "@robertb",          testimonial: "Taron was professional and quickly resolved my issue. Best plumbers in LA.",          rating: 5,
-          handle: "@robertb",
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg"},
-          testimonial: "Taron was professional and quickly resolved my issue. Best plumbers in LA.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg",
-        },
         {
-          name: "Alice M.",
+          name: "Alice M.",          handle: "@alicem",          testimonial: "Fastest emergency response I have ever had. Truly reliable.",          rating: 5,
-          handle: "@alicem",
+          imageSrc: "http://img.b2bpic.net/free-photo/couple-changing-bulb-home_23-2147766978.jpg?_wi=1"},
-          testimonial: "Fastest emergency response I have ever had. Truly reliable.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-changing-bulb-home_23-2147766978.jpg?_wi=1",
-        },
         {
-          name: "Kevin L.",
+          name: "Kevin L.",          handle: "@kevinl",          testimonial: "Transparent pricing and excellent communication. Very happy.",          rating: 5,
-          handle: "@kevinl",
+          imageSrc: "http://img.b2bpic.net/free-photo/astonished-female-male-technicians-with-widely-opened-mouth_273609-8293.jpg?_wi=1"},
-          testimonial: "Transparent pricing and excellent communication. Very happy.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/astonished-female-male-technicians-with-widely-opened-mouth_273609-8293.jpg?_wi=1",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721538.jpg"
       imageAlt="professional plumber working on pipe"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/asian-plumber-blue-overalls-clearing-blockage-drain_1098-17773.jpg",
+          src: "http://img.b2bpic.net/free-photo/asian-plumber-blue-overalls-clearing-blockage-drain_1098-17773.jpg",          alt: "Asian plumber in blue overalls clearing blockage in drain"},
-          alt: "Asian plumber in blue overalls clearing blockage in drain",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-man-working-as-plumber_23-2151230004.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-man-working-as-plumber_23-2151230004.jpg",          alt: "Portrait of man working as plumber"},
-          alt: "Portrait of man working as plumber",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-53082.jpg",
+          src: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-53082.jpg",          alt: "A man installs a heating system in a house and checks the pipes with a wrench"},
-          alt: "A man installs a heating system in a house and checks the pipes with a wrench",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721542.jpg",
+          src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721542.jpg",          alt: "Plumbing professional doing his job"},
-          alt: "Plumbing professional doing his job",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/low-angle-man-working-as-plumber_23-2150746301.jpg",
+          src: "http://img.b2bpic.net/free-photo/low-angle-man-working-as-plumber_23-2150746301.jpg",          alt: "Low angle man working as plumber"},
-          alt: "Low angle man working as plumber",
-        },
       ]}
     />
   </div>
@@ -145,20 +105,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "24/7 Emergency Repairs",
+          title: "24/7 Emergency Repairs",          description: "Immediate response when you need it most, any time of day or night.",          imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334225.jpg"},
-          description: "Immediate response when you need it most, any time of day or night.",
-          imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334225.jpg",
-        },
         {
-          title: "Drain & Sewer Services",
+          title: "Drain & Sewer Services",          description: "Fast and effective drain unclogging and professional sewer repair.",          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721522.jpg"},
-          description: "Fast and effective drain unclogging and professional sewer repair.",
-          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721522.jpg",
-        },
         {
-          title: "Installation Experts",
+          title: "Installation Experts",          description: "Professional installation of water heaters, faucets, and garbage disposals.",          imageSrc: "http://img.b2bpic.net/free-photo/household-repair-middle-aged-man-inspecting-pipe-touching-hand-sink-stylish-modern-kitchen_259150-58265.jpg"},
-          description: "Professional installation of water heaters, faucets, and garbage disposals.",
-          imageSrc: "http://img.b2bpic.net/free-photo/household-repair-middle-aged-man-inspecting-pipe-touching-hand-sink-stylish-modern-kitchen_259150-58265.jpg",
-        },
       ]}
       title="Comprehensive Plumbing Solutions"
       description="From minor leaks to major sewer repairs, we handle it all with professional precision."
@@ -173,59 +124,23 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
+          id: "p1",          brand: "Brand",          name: "Water Heater Installation",          price: "Flat Rate",          rating: 5,
-          brand: "Brand",
+          reviewCount: "50+",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-touching-vintage-machine_23-2148180331.jpg"},
-          name: "Water Heater Installation",
-          price: "Flat Rate",
-          rating: 5,
-          reviewCount: "50+",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-touching-vintage-machine_23-2148180331.jpg",
-        },
         {
-          id: "p2",
+          id: "p2",          brand: "Brand",          name: "Garbage Disposal",          price: "Flat Rate",          rating: 5,
-          brand: "Brand",
+          reviewCount: "40+",          imageSrc: "http://img.b2bpic.net/free-photo/man-holding-wet-glass-by-faucet-towel-polishing-glass_169016-69583.jpg"},
-          name: "Garbage Disposal",
-          price: "Flat Rate",
-          rating: 5,
-          reviewCount: "40+",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-holding-wet-glass-by-faucet-towel-polishing-glass_169016-69583.jpg",
-        },
         {
-          id: "p3",
+          id: "p3",          brand: "Brand",          name: "Faucet Upgrades",          price: "Flat Rate",          rating: 5,
-          brand: "Brand",
+          reviewCount: "30+",          imageSrc: "http://img.b2bpic.net/free-photo/wrench-flexible-connector-dark-table_23-2147772298.jpg"},
-          name: "Faucet Upgrades",
-          price: "Flat Rate",
-          rating: 5,
-          reviewCount: "30+",
-          imageSrc: "http://img.b2bpic.net/free-photo/wrench-flexible-connector-dark-table_23-2147772298.jpg",
-        },
         {
-          id: "p4",
+          id: "p4",          brand: "Brand",          name: "Toilet Services",          price: "Flat Rate",          rating: 5,
-          brand: "Brand",
+          reviewCount: "20+",          imageSrc: "http://img.b2bpic.net/free-photo/bathroom-with-two-bars-fine-soap-near-washbasin-hygiene-care_169016-15611.jpg"},
-          name: "Toilet Services",
-          price: "Flat Rate",
-          rating: 5,
-          reviewCount: "20+",
-          imageSrc: "http://img.b2bpic.net/free-photo/bathroom-with-two-bars-fine-soap-near-washbasin-hygiene-care_169016-15611.jpg",
-        },
         {
-          id: "p5",
+          id: "p5",          brand: "Brand",          name: "Pipe Repair",          price: "Flat Rate",          rating: 5,
-          brand: "Brand",
+          reviewCount: "15+",          imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-132623.jpg"},
-          name: "Pipe Repair",
-          price: "Flat Rate",
-          rating: 5,
-          reviewCount: "15+",
-          imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-132623.jpg",
-        },
         {
-          id: "p6",
+          id: "p6",          brand: "Brand",          name: "Outdoor Systems",          price: "Flat Rate",          rating: 5,
-          brand: "Brand",
+          reviewCount: "10+",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-drinks-water-from-source-summer-city-park_1301-6707.jpg"},
-          name: "Outdoor Systems",
-          price: "Flat Rate",
-          rating: 5,
-          reviewCount: "10+",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-drinks-water-from-source-summer-city-park_1301-6707.jpg",
-        },
       ]}
       title="Our Services & Products"
       description="We specialize in high-quality installations and repairs for all home plumbing components."
@@ -240,45 +155,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Sarah J.",          role: "Homeowner",          company: "Los Angeles",          rating: 5,
-          name: "Sarah J.",
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-bathroom-with-toiletries_23-2148602994.jpg"},
-          role: "Homeowner",
-          company: "Los Angeles",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-bathroom-with-toiletries_23-2148602994.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Michael C.",          role: "Homeowner",          company: "Los Angeles",          rating: 5,
-          name: "Michael C.",
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-housewife-kitchen_1098-13159.jpg"},
-          role: "Homeowner",
-          company: "Los Angeles",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-housewife-kitchen_1098-13159.jpg",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Emily R.",          role: "Homeowner",          company: "Los Angeles",          rating: 5,
-          name: "Emily R.",
+          imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215074.jpg"},
-          role: "Homeowner",
-          company: "Los Angeles",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215074.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "David K.",          role: "Homeowner",          company: "Los Angeles",          rating: 5,
-          name: "David K.",
+          imageSrc: "http://img.b2bpic.net/free-photo/couple-changing-bulb-home_23-2147766978.jpg?_wi=2"},
-          role: "Homeowner",
-          company: "Los Angeles",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-changing-bulb-home_23-2147766978.jpg?_wi=2",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Laura M.",          role: "Homeowner",          company: "Los Angeles",          rating: 5,
-          name: "Laura M.",
+          imageSrc: "http://img.b2bpic.net/free-photo/astonished-female-male-technicians-with-widely-opened-mouth_273609-8293.jpg?_wi=2"},
-          role: "Homeowner",
-          company: "Los Angeles",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/astonished-female-male-technicians-with-widely-opened-mouth_273609-8293.jpg?_wi=2",
-        },
       ]}
       title="Trusted by Los Angeles Homeowners"
       description="With over 110 reviews, our customers trust us for professional and reliable service."
@@ -293,25 +183,13 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "17+",          title: "Years in Business",          description: "A decade and a half of expertise.",          icon: Award,
-          value: "17+",
-          title: "Years in Business",
-          description: "A decade and a half of expertise.",
-          icon: Award,
         },
         {
-          id: "m2",
+          id: "m2",          value: "110+",          title: "Verified Reviews",          description: "Highly rated by local residents.",          icon: Star,
-          value: "110+",
-          title: "Verified Reviews",
-          description: "Highly rated by local residents.",
-          icon: Star,
         },
         {
-          id: "m3",
+          id: "m3",          value: "4.9",          title: "Star Rating",          description: "Consistent quality service.",          icon: ThumbsUp,
-          value: "4.9",
-          title: "Star Rating",
-          description: "Consistent quality service.",
-          icon: ThumbsUp,
         },
       ]}
       title="Why Choose Us?"
@@ -325,20 +203,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "Do you offer emergency services?",          content: "Yes, we provide 24/7 emergency plumbing services to address your urgent issues."},
-          title: "Do you offer emergency services?",
-          content: "Yes, we provide 24/7 emergency plumbing services to address your urgent issues.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "Is your pricing transparent?",          content: "We provide clear, flat rate pricing for all of our services, so you know exactly what to expect."},
-          title: "Is your pricing transparent?",
-          content: "We provide clear, flat rate pricing for all of our services, so you know exactly what to expect.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "What areas do you serve?",          content: "We proudly serve the Los Angeles area and surrounding communities."},
-          title: "What areas do you serve?",
-          content: "We proudly serve the Los Angeles area and surrounding communities.",
-        },
       ]}
       title="Frequently Asked Questions"
       description="Get answers to commonly asked questions about our plumbing services."
@@ -349,26 +218,18 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplitForm
       useInvertedBackground={true}
-      title="Ready to get started?"
+      title="Need Professional Plumbing?"
-      description="Contact us today for professional plumbing assistance. We typically reply within one day."
+      description="Our licensed team is available 24/7. Whether it's an emergency or a scheduled installation, we're here to help. Serving all LA neighborhoods."
       inputs={[
         {
-          name: "name",
+          name: "name",          type: "text",          placeholder: "Full Name",          required: true,
-          type: "text",
-          placeholder: "Full Name",
-          required: true,
         },
         {
-          name: "phone",
+          name: "phone",          type: "tel",          placeholder: "Phone Number",          required: true,
-          type: "tel",
-          placeholder: "Phone Number",
-          required: true,
         },
       ]}
       textarea={{
-        name: "message",
+        name: "message",        placeholder: "Describe your plumbing needs or address...",        rows: 4,
-        placeholder: "Tell us about your plumbing issue...",
-        rows: 4,
         required: true,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/plumber-holding-clock_1368-757.jpg"
@@ -380,42 +241,33 @@ export default function LandingPage() {
       logoText="Coast to Coast Plumbing"
       columns={[
         {
-          title: "Services",
+          title: "Services",          items: [
-          items: [
             {
-              label: "Repair",
+              label: "Emergency Repair (24/7)",              href: "#features"},
-              href: "#features",
-            },
             {
-              label: "Installation",
+              label: "Drain & Sewer Cleaning",              href: "#features"},
-              href: "#products",
+            {
-            },
+              label: "Water Heater Installation",              href: "#products"},
           ],
         },
         {
-          title: "Company",
+          title: "Quick Info",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "Licensed & Insured",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Reviews",
+              label: "17 Years Experience",              href: "#about"},
-              href: "#testimonials",
+            {
-            },
+              label: "Flat Rate Pricing",              href: "#about"},
           ],
         },
         {
-          title: "Support",
+          title: "Connect",          items: [
-          items: [
             {
-              label: "Contact",
+              label: "(555) 123-4567",              href: "tel:5551234567"},
-              href: "#contact",
-            },
             {
-              label: "FAQ",
+              label: "Los Angeles, CA",              href: "#"},
-              href: "#faq",
+            {
-            },
+              label: "Contact Support",              href: "#contact"},
           ],
         },
       ]}
@@ -424,4 +276,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5faff;
+  --background: #ffffff;
-  --card: #f1f8ff;
+  --card: #f9f9f9;
-  --foreground: #001122;
+  --foreground: #000612e6;
   --primary-cta: #15479c;
   --primary-cta-text: #f5faff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f9f9f9;
   --secondary-cta-text: #001122;
-  --accent: #a8cce8;
+  --accent: #e2e2e2;
-  --background-accent: #7ba3cf;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);