Update src/app/page.tsx

Merge version_3 into main
2026-05-22 19:40:32 +00:00 · 2026-05-22 10:18:13 +00:00 · 2026-05-22 10:17:49 +00:00
1 changed files with 51 additions and 101 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,18 +32,15 @@ export default function LandingPage() {
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Services",          id: "services"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Reviews",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "services" },
+        { name: "About", id: "about" },
+        { name: "Reviews", id: "testimonials" },
+        { name: "Contact", id: "contact" },
      ]}
      brandName="Better Plumbing"
+      logoSrc="https://images.unsplash.com/photo-1574623940166-41f237889e4c?q=80&w=200&auto=format&fit=crop"
+      logoAlt="Better Plumbing Professional Logo"
    />
  </div>

@@ -52,22 +49,15 @@ export default function LandingPage() {
      logoText="Better Plumbing"
      description="Master-craftsman plumbing for Milpitas and Silicon Valley. Honest work, fair prices, guaranteed."
      buttons={[
-        {
-          text: "Request Free Estimate",          href: "#contact"},
+        { text: "Request Free Estimate", href: "#contact" },
      ]}
      slides={[
-        {
-          imageSrc: "https://images.unsplash.com/photo-1585704032915-c3400ca199e7?q=80&w=2000",          imageAlt: "Expert plumbing services"},
-        {
-          imageSrc: "https://images.unsplash.com/photo-1541888946425-d81bb19240f5?q=80&w=2000",          imageAlt: "Professional plumbing repairs"},
-        {
-          imageSrc: "https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?q=80&w=2000",          imageAlt: "Emergency service"},
-        {
-          imageSrc: "https://images.unsplash.com/photo-1621905251189-08b45d6a268e?q=80&w=2000",          imageAlt: "Trusted local plumbers"},
-        {
-          imageSrc: "https://images.unsplash.com/photo-1595777708365-d05370395460?q=80&w=2000",          imageAlt: "Water heater expert"},
-        {
-          imageSrc: "https://images.unsplash.com/photo-1581783334624-9154737785a2?q=80&w=2000",          imageAlt: "Repiping service"},
+        { imageSrc: "https://images.unsplash.com/photo-1585704032915-c3400ca199e7?q=80&w=2000", imageAlt: "Expert plumbing services" },
+        { imageSrc: "https://images.unsplash.com/photo-1541888946425-d81bb19240f5?q=80&w=2000", imageAlt: "Professional plumbing repairs" },
+        { imageSrc: "https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?q=80&w=2000", imageAlt: "Emergency service" },
+        { imageSrc: "https://images.unsplash.com/photo-1621905251189-08b45d6a268e?q=80&w=2000", imageAlt: "Trusted local plumbers" },
+        { imageSrc: "https://images.unsplash.com/photo-1595777708365-d05370395460?q=80&w=2000", imageAlt: "Water heater expert" },
+        { imageSrc: "https://images.unsplash.com/photo-1581783334624-9154737785a2?q=80&w=2000", imageAlt: "Repiping service" },
      ]}
    />
  </div>
@@ -76,8 +66,7 @@ export default function LandingPage() {
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
-      names={[
-        "Licensed & Insured",        "7-Day Service",        "4.9★ Rated",        "Family Owned",        "Workmanship Guarantee",        "Milpitas Experts",        "Bonded & Insured"]}
+      names={["Licensed & Insured", "7-Day Service", "4.9★ Rated", "Family Owned", "Workmanship Guarantee", "Milpitas Experts", "Bonded & Insured"]}
      title="Trusted by Silicon Valley"
      description="Reliable, insured plumbing services for over 35 years."
    />
@@ -90,14 +79,10 @@ export default function LandingPage() {
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      features={[
-        {
-          title: "Emergency, Valve & Fixtures",          description: "Burst pipes, failing valves, or broken faucets — prompt, honest repairs when you need them most.",          imageSrc: "https://images.unsplash.com/photo-1574623940166-41f237889e4c?q=80&w=1200",          titleImageSrc: "https://images.unsplash.com/photo-1607478900766-efe1320149f1?q=80&w=800",          buttonText: "View services"},
-        {
-          title: "Leak Detection & Repair",          description: "Pinpoint detection for hidden slab or line leaks, with permanent repairs that restore your peace of mind.",          imageSrc: "https://images.unsplash.com/photo-1517724391629-9b980907291e?q=80&w=1200",          titleImageSrc: "https://images.unsplash.com/photo-1603712725038-e42137559114?q=80&w=800",          buttonText: "View services"},
-        {
-          title: "Water Heaters",          description: "Expert tank and tankless installation, repair, and gas line work, perfectly sized for your specific home needs.",          imageSrc: "https://images.unsplash.com/photo-1594993877196-8b8062b8d8ea?q=80&w=1200",          titleImageSrc: "https://images.unsplash.com/photo-1585704032915-c3400ca199e7?q=80&w=800",          buttonText: "View services"},
-        {
-          title: "Whole-Home Repiping",          description: "Restore water pressure and purity with a clean, expert repiping service that is done tidily and on schedule.",          imageSrc: "https://images.unsplash.com/photo-1525547719571-a2d4ac8945e2?q=80&w=1200",          titleImageSrc: "https://images.unsplash.com/photo-1541888946425-d81bb19240f5?q=80&w=800",          buttonText: "View services"},
+        { title: "Emergency, Valve & Fixtures", description: "Burst pipes, failing valves, or broken faucets — prompt, honest repairs when you need them most.", imageSrc: "https://images.unsplash.com/photo-1574623940166-41f237889e4c?q=80&w=1200", titleImageSrc: "https://images.unsplash.com/photo-1607478900766-efe1320149f1?q=80&w=800", buttonText: "View services" },
+        { title: "Leak Detection & Repair", description: "Pinpoint detection for hidden slab or line leaks, with permanent repairs that restore your peace of mind.", imageSrc: "https://images.unsplash.com/photo-1517724391629-9b980907291e?q=80&w=1200", titleImageSrc: "https://images.unsplash.com/photo-1603712725038-e42137559114?q=80&w=800", buttonText: "View services" },
+        { title: "Water Heaters", description: "Expert tank and tankless installation, repair, and gas line work, perfectly sized for your specific home needs.", imageSrc: "https://images.unsplash.com/photo-1594993877196-8b8062b8d8ea?q=80&w=1200", titleImageSrc: "https://images.unsplash.com/photo-1585704032915-c3400ca199e7?q=80&w=800", buttonText: "View services" },
+        { title: "Whole-Home Repiping", description: "Restore water pressure and purity with a clean, expert repiping service that is done tidily and on schedule.", imageSrc: "https://images.unsplash.com/photo-1525547719571-a2d4ac8945e2?q=80&w=1200", titleImageSrc: "https://images.unsplash.com/photo-1541888946425-d81bb19240f5?q=80&w=800", buttonText: "View services" },
      ]}
      title="Master-Craftsman Services"
      description="Every job, from leaks to whole-home repiping, gets the same meticulous, guaranteed attention."
@@ -121,18 +106,10 @@ export default function LandingPage() {
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
-        {
-          id: "m1",          value: "01",          title: "Call Us",          description: "Book a convenient visit time.",          icon: Phone,
-        },
-        {
-          id: "m2",          value: "02",          title: "Diagnosis",          description: "Clear explanation of the problem.",          icon: Search,
-        },
-        {
-          id: "m3",          value: "03",          title: "Estimate",          description: "Upfront, flat-rate pricing.",          icon: Gauge,
-        },
-        {
-          id: "m4",          value: "04",          title: "Done Right",          description: "Guaranteed quality repairs.",          icon: CheckCircle,
-        },
+        { id: "m1", value: "01", title: "Call Us", description: "Book a convenient visit time.", icon: Phone },
+        { id: "m2", value: "02", title: "Diagnosis", description: "Clear explanation of the problem.", icon: Search },
+        { id: "m3", value: "03", title: "Estimate", description: "Upfront, flat-rate pricing.", icon: Gauge },
+        { id: "m4", value: "04", title: "Done Right", description: "Guaranteed quality repairs.", icon: CheckCircle },
      ]}
      title="Simple & Stress-Free Process"
      description="Transparent communication every step of the way."
@@ -145,16 +122,11 @@ export default function LandingPage() {
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
-        {
-          id: "1",          name: "Vina Dave",          handle: "Google Review",          testimonial: "Cameron and team were top notch. Found the issue quickly and fixed it properly without unnecessary work.",          imageSrc: "https://images.unsplash.com/photo-1560250097-0b93528c311a?q=80&w=400"},
-        {
-          id: "2",          name: "Southbird66",          handle: "Google Review",          testimonial: "Friendly, thorough, and pride in doing the job correctly. Reasonable prices for top quality.",          imageSrc: "https://images.unsplash.com/photo-1607478900766-efe1320149f1?q=80&w=400"},
-        {
-          id: "3",          name: "Paul Ho",          handle: "Google Review",          testimonial: "Cameron came to the rescue for a main water valve leak. Fast, efficient, and reliable.",          imageSrc: "https://images.unsplash.com/photo-1603712725038-e42137559114?q=80&w=400"},
-        {
-          id: "4",          name: "Customer Name",          handle: "Google Review",          testimonial: "Great professional plumbing company. Always dependable and tidy work.",          imageSrc: "https://images.unsplash.com/photo-1595777708365-d05370395460?q=80&w=400"},
-        {
-          id: "5",          name: "Customer Name",          handle: "Google Review",          testimonial: "The best plumber I've had in 30 years of home ownership.",          imageSrc: "https://images.unsplash.com/photo-1585704032915-c3400ca199e7?q=80&w=400"},
+        { id: "1", name: "Vina Dave", handle: "Google Review", testimonial: "Cameron and team were top notch. Found the issue quickly and fixed it properly without unnecessary work.", imageSrc: "https://images.unsplash.com/photo-1560250097-0b93528c311a?q=80&w=400" },
+        { id: "2", name: "Southbird66", handle: "Google Review", testimonial: "Friendly, thorough, and pride in doing the job correctly. Reasonable prices for top quality.", imageSrc: "https://images.unsplash.com/photo-1607478900766-efe1320149f1?q=80&w=400" },
+        { id: "3", name: "Paul Ho", handle: "Google Review", testimonial: "Cameron came to the rescue for a main water valve leak. Fast, efficient, and reliable.", imageSrc: "https://images.unsplash.com/photo-1603712725038-e42137559114?q=80&w=400" },
+        { id: "4", name: "Customer Name", handle: "Google Review", testimonial: "Great professional plumbing company. Always dependable and tidy work.", imageSrc: "https://images.unsplash.com/photo-1595777708365-d05370395460?q=80&w=400" },
+        { id: "5", name: "Customer Name", handle: "Google Review", testimonial: "The best plumber I've had in 30 years of home ownership.", imageSrc: "https://images.unsplash.com/photo-1585704032915-c3400ca199e7?q=80&w=400" },
      ]}
      title="Highly Rated by Locals"
      description="See why our neighbors trust us for their plumbing needs."
@@ -166,12 +138,9 @@ export default function LandingPage() {
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
-        {
-          id: "f1",          title: "Do you offer emergency service?",          content: "Yes, we offer fast, same-day response times for emergency plumbing needs."},
-        {
-          id: "f2",          title: "Are your plumbers licensed?",          content: "Absolutely. We are fully licensed, bonded, and insured for your protection."},
-        {
-          id: "f3",          title: "Do you offer free estimates?",          content: "Yes, we provide honest, on-site, flat-rate estimates before any work begins."},
+        { id: "f1", title: "Do you offer emergency service?", content: "Yes, we offer fast, same-day response times for emergency plumbing needs." },
+        { id: "f2", title: "Are your plumbers licensed?", content: "Absolutely. We are fully licensed, bonded, and insured for your protection." },
+        { id: "f3", title: "Do you offer free estimates?", content: "Yes, we provide honest, on-site, flat-rate estimates before any work begins." },
      ]}
      title="Frequently Asked Questions"
      description="Clear answers to your common plumbing questions."
@@ -182,55 +151,36 @@ export default function LandingPage() {
  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
-      background={{
-        variant: "plain"}}
+      background={{ variant: "plain" }}
      tag="Get in touch"
      title="Need a plumber in Milpitas?"
      description="Get an honest diagnosis and a free, upfront estimate from our expert master-craftsmen today."
-      buttons={[
-        {
-          text: "Call (408) 673-0433",          href: "tel:+14086730433"},
-      ]}
+      buttons={[{ text: "Call (408) 673-0433", href: "tel:+14086730433" }]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
-      imageSrc="https://images.unsplash.com/photo-1581783334624-9154737785a2?q=80&w=1200&_wi=2"
+      imageSrc="https://images.unsplash.com/photo-1581783334624-9154737785a2?q=80&w=1200&auto=format&fit=crop"
+      imageAlt="Professional plumbing work in action"
      logoText="Better Plumbing"
      columns={[
-        {
-          title: "Services",          items: [
-            {
-              label: "Emergency Repair",              href: "#services"},
-            {
-              label: "Leak Detection",              href: "#services"},
-            {
-              label: "Water Heaters",              href: "#services"},
-            {
-              label: "Repiping",              href: "#services"},
-          ],
-        },
-        {
-          title: "Company",          items: [
-            {
-              label: "About Us",              href: "#about"},
-            {
-              label: "Reviews",              href: "#testimonials"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
-        {
-          title: "Contact",          items: [
-            {
-              label: "(408) 673-0433",              href: "tel:+14086730433"},
-            {
-              label: "Milpitas, CA",              href: "#"},
-            {
-              label: "7 Days 8AM-8PM",              href: "#"},
-          ],
-        },
+        { title: "Services", items: [
+            { label: "Emergency Repair", href: "#services" },
+            { label: "Leak Detection", href: "#services" },
+            { label: "Water Heaters", href: "#services" },
+            { label: "Repiping", href: "#services" },
+        ] },
+        { title: "Company", items: [
+            { label: "About Us", href: "#about" },
+            { label: "Reviews", href: "#testimonials" },
+            { label: "Contact", href: "#contact" },
+        ] },
+        { title: "Contact", items: [
+            { label: "(408) 673-0433", href: "tel:+14086730433" },
+            { label: "Milpitas, CA", href: "#" },
+            { label: "7 Days 8AM-8PM", href: "#" },
+        ] },
      ]}
    />
  </div>
Author	SHA1	Message	Date
bender	18b59b14fe	Update src/app/page.tsx	2026-05-22 19:40:32 +00:00
bender	bd7067a3e7	Merge version_3 into main Merge version_3 into main	2026-05-22 10:18:13 +00:00
bender	7651c89b8b	Merge version_3 into main Merge version_3 into main	2026-05-22 10:17:49 +00:00