Update src/app/page.tsx

2026-03-10 20:42:03 +00:00 · 2026-03-10 20:41:07 +00:00 · 2026-03-10 20:40:08 +00:00 · 2026-03-10 20:39:14 +00:00 · 2026-03-10 20:34:19 +00:00 · 2026-03-10 20:34:13 +00:00
6 changed files with 65 additions and 119 deletions
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -2,7 +2,7 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
 import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
@@ -30,7 +30,7 @@ export default function ContactPage() {
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" },
-            { name: "Contact", id: "contact" },
+            { name: "Contact", id: "/contact" },
          ]}
          button={{
            text: "Call Now",            href: "tel:804-938-0669"
@@ -40,25 +40,14 @@ export default function ContactPage() {
      </div>

      <div id="hero" data-section="hero">
-        <HeroBillboardGallery
+        <HeroOverlay
          title="Get in Touch with Earl Boys Services"
          description="Have questions about our services? Need a quick estimate? We're here to help. Reach out to us today and let's discuss your home improvement needs."
          tag="Contact Us"
          tagIcon={Phone}
          tagAnimation="slide-up"
-          background={{ variant: "plain" }}
-          mediaItems={[
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-wearing-helmet_23-2149328066.jpg?_wi=1",              imageAlt: "Professional handyman ready to help"
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530711.jpg?_wi=1",              imageAlt: "Expert tradesperson at work"
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-businessman-giving-presentation-group-industrial-workers-factory_637285-4792.jpg?_wi=1",              imageAlt: "Professional team collaboration"
-            },
-          ]}
-          mediaAnimation="blur-reveal"
+          imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-man-wearing-helmet_23-2149328066.jpg?_wi=1"
+          imageAlt="Professional handyman ready to help"
          buttons={[
            {
              text: "Call Now: 804-938-0669",              href: "tel:804-938-0669"
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,10 +2,10 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import ProductCardFour from "@/components/sections/product/ProductCardFour";
-import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
+import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
 import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
 import MediaAbout from "@/components/sections/about/MediaAbout";
 import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
@@ -22,6 +22,7 @@ import {
  Calendar,
  MessageCircle,
  Phone,
+  CheckCircle,
 } from "lucide-react";

 export default function HomePage() {
@@ -42,11 +43,11 @@ export default function HomePage() {
        <NavbarStyleCentered
          brandName="Earl Boys Services"
          navItems={[
-            { name: "Home", id: "home" },
+            { name: "Home", id: "/" },
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" },
-            { name: "Contact", id: "contact" },
+            { name: "Contact", id: "/contact" },
          ]}
          button={{
            text: "Call Now",            href: "tel:804-938-0669"
@@ -55,28 +56,14 @@ export default function HomePage() {
      </div>

      <div id="hero" data-section="hero">
-        <HeroBillboardGallery
+        <HeroOverlay
          title="Reliable Home Services in Richmond, VA"
          description="Professional handyman and home repair services you can trust. Fast, affordable, and locally owned since 2010."
-          tag="Local Home Services"
-          tagIcon={Hammer}
+          tag="✓ Licensed & Insured | 15+ Years Trusted"
+          tagIcon={CheckCircle}
          tagAnimation="slide-up"
-          background={{ variant: "plain" }}
-          mediaItems={[
-            {
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-wearing-helmet_23-2149328066.jpg?_wi=2",              imageAlt: "Professional handyman tools and equipment"
-            },
-            {
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530711.jpg?_wi=2",              imageAlt: "Skilled handyman performing home repair work"
-            },
-            {
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/front-view-man-working-as-plumber_23-2150746298.jpg?_wi=1",              imageAlt: "Professional plumbing service technician"
-            },
-          ]}
-          mediaAnimation="blur-reveal"
+          imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-man-wearing-helmet_23-2149328066.jpg?_wi=2"
+          imageAlt="Professional handyman tools and equipment"
          buttons={[
            {
              text: "Call Now: 804-938-0669",              href: "tel:804-938-0669"
@@ -158,7 +145,7 @@ export default function HomePage() {
      </div>

      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardFive
+        <TestimonialCardOne
          title="What Our Customers Say"
          description="Real reviews from satisfied Richmond homeowners"
          tag="Customer Reviews"
@@ -166,42 +153,39 @@ export default function HomePage() {
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          carouselMode="buttons"
          testimonials={[
            {
-              id: "1",              name: "Sarah Johnson, Homeowner",              date: "Date: 15 January 2025",              title: "Excellent service and professional team!",              quote:
-                "Earl Boys Services did an amazing job assembling my furniture and fixing my doors. Very professional and fast service. They were courteous, cleaned up after themselves, and charged a fair price. Highly recommend!",              tag: "Furniture Assembly & Door Repair",              avatarSrc:
-                "http://img.b2bpic.net/free-photo/smiling-handsome-man-holding-her-girlfriend-s-hand_23-2147891265.jpg",              avatarAlt: "Sarah Johnson",              imageSrc:
-                "http://img.b2bpic.net/free-photo/smiling-handsome-man-holding-her-girlfriend-s-hand_23-2147891265.jpg",              imageAlt: "satisfied customer happy review"
+              id: "1",              name: "Sarah Johnson",              role: "Homeowner",              company: "Richmond, VA",              rating: 5,
+              imageSrc:
+                "http://img.b2bpic.net/free-photo/smiling-handsome-man-holding-her-girlfriend-s-hand_23-2147891265.jpg",              imageAlt: "Sarah Johnson"
            },
            {
-              id: "2",              name: "Michael Chen, Property Owner",              date: "Date: 22 December 2024",              title: "Great experience with reliable team",              quote:
-                "Great experience. Friendly team and very reliable. They arrived on time, communicated clearly about the work needed, and completed everything efficiently. They mounted our TV perfectly and cleaned up everything after. Will definitely use them again for future projects.",              tag: "TV Mounting & Installation",              avatarSrc:
-                "http://img.b2bpic.net/free-photo/closeup-charming-delighted-cute-female-customer-give-positive-feedback-show-thumbsup-like-gesture_1258-254022.jpg",              avatarAlt: "Michael Chen",              imageSrc:
-                "http://img.b2bpic.net/free-photo/closeup-charming-delighted-cute-female-customer-give-positive-feedback-show-thumbsup-like-gesture_1258-254022.jpg",              imageAlt: "happy customer portrait photo"
+              id: "2",              name: "Michael Chen",              role: "Property Owner",              company: "Richmond, VA",              rating: 5,
+              imageSrc:
+                "http://img.b2bpic.net/free-photo/closeup-charming-delighted-cute-female-customer-give-positive-feedback-show-thumbsup-like-gesture_1258-254022.jpg",              imageAlt: "Michael Chen"
            },
            {
-              id: "3",              name: "Jennifer Martinez, Homeowner",              date: "Date: 08 December 2024",              title: "Quick response and excellent work",              quote:
-                "Quick response and excellent work. They fixed our plumbing issue promptly and professionally. The pricing was transparent with no surprises. Earl Boys Services has become my go-to for any home repair needs. Highly recommended to all my neighbors!",              tag: "Plumbing Repair",              avatarSrc:
-                "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-home_23-2149248712.jpg",              avatarAlt: "Jennifer Martinez",              imageSrc:
-                "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-home_23-2149248712.jpg",              imageAlt: "customer satisfaction portrait"
+              id: "3",              name: "Jennifer Martinez",              role: "Homeowner",              company: "Richmond, VA",              rating: 5,
+              imageSrc:
+                "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-home_23-2149248712.jpg",              imageAlt: "Jennifer Martinez"
            },
            {
-              id: "4",              name: "Robert Davis, Homeowner",              date: "Date: 20 November 2024",              title: "Professional, courteous, and trustworthy",              quote:
-                "Professional, courteous, and trustworthy. I had them do some electrical work and wall repairs. They took their time to explain everything, answered all my questions, and did quality work. Definitely the most professional service team I've worked with in Richmond.",              tag: "Electrical & Wall Repair",              avatarSrc:
-                "http://img.b2bpic.net/free-photo/young-female-violet-shirt-showing-thumbs-up-looking-cheerful-front-view_176474-14452.jpg",              avatarAlt: "Robert Davis",              imageSrc:
-                "http://img.b2bpic.net/free-photo/young-female-violet-shirt-showing-thumbs-up-looking-cheerful-front-view_176474-14452.jpg",              imageAlt: "five star review customer"
+              id: "4",              name: "Robert Davis",              role: "Homeowner",              company: "Richmond, VA",              rating: 5,
+              imageSrc:
+                "http://img.b2bpic.net/free-photo/young-female-violet-shirt-showing-thumbs-up-looking-cheerful-front-view_176474-14452.jpg",              imageAlt: "Robert Davis"
            },
            {
-              id: "5",              name: "Lisa Thompson, Homeowner",              date: "Date: 05 November 2024",              title: "Outstanding painting and flooring work",              quote:
-                "Outstanding work on our kitchen painting and flooring installation. They were detail-oriented, clean workers, and finished ahead of schedule. The transformation was amazing! We appreciate their professionalism and attention to quality. Five stars!",              tag: "Painting & Flooring",              avatarSrc:
-                "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3668.jpg",              avatarAlt: "Lisa Thompson",              imageSrc:
-                "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3668.jpg",              imageAlt: "customer success story portrait"
+              id: "5",              name: "Lisa Thompson",              role: "Homeowner",              company: "Richmond, VA",              rating: 5,
+              imageSrc:
+                "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3668.jpg",              imageAlt: "Lisa Thompson"
            },
            {
-              id: "6",              name: "Kevin Rodriguez, Homeowner",              date: "Date: 18 October 2024",              title: "Five-star service from start to finish",              quote:
-                "Five-star service from start to finish. Mike and his team came out to handle multiple repairs around our house. They were efficient, friendly, and delivered exceptional results. The quality of their work and customer service is unmatched in Richmond. Booking them again soon!",              tag: "Multiple Services",              avatarSrc:
-                "http://img.b2bpic.net/free-photo/supportive-cute-blond-girlfriend-cheering-liking-interesting-concept-cool-idea-thumbsup-smiling_1258-229592.jpg",              avatarAlt: "Kevin Rodriguez",              imageSrc:
-                "http://img.b2bpic.net/free-photo/supportive-cute-blond-girlfriend-cheering-liking-interesting-concept-cool-idea-thumbsup-smiling_1258-229592.jpg",              imageAlt: "excellent service review customer"
+              id: "6",              name: "Kevin Rodriguez",              role: "Homeowner",              company: "Richmond, VA",              rating: 5,
+              imageSrc:
+                "http://img.b2bpic.net/free-photo/supportive-cute-blond-girlfriend-cheering-liking-interesting-concept-cool-idea-thumbsup-smiling_1258-229592.jpg",              imageAlt: "Kevin Rodriguez"
            },
          ]}
        />
@@ -298,15 +282,17 @@ export default function HomePage() {
      <div id="team" data-section="team">
        <TeamCardOne
          title="Meet Our Team"
-          description="Skilled professionals dedicated to exceeding your expectations"
+          description="Our dedicated professionals ready to serve your needs"
          tag="Our Experts"
-          tagIcon={Users}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          carouselMode="buttons"
          members={[
            {
-              id: "1",              name: "Mike Earl",              role: "Owner & Lead Technician",              imageSrc:
+              id: "1",              name: "Mike Earl",              role: "Owner and Lead Technician",              imageSrc:
                "http://img.b2bpic.net/free-photo/young-man-civil-engineer-safety-hat_185193-109460.jpg",              imageAlt: "Mike Earl - Owner and Lead Technician"
            },
            {
@@ -314,9 +300,6 @@ export default function HomePage() {
                "http://img.b2bpic.net/free-photo/portrait-young-business-woman-posing-with-crossed-arms_23-2149206523.jpg",              imageAlt: "David Smith - Service Manager"
            },
          ]}
-          gridVariant="two-columns-alternating-heights"
-          animationType="slide-up"
-          carouselMode="buttons"
        />
      </div>

--- a/src/app/services/electrical/page.tsx
+++ b/src/app/services/electrical/page.tsx
@@ -2,7 +2,7 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
 import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
@@ -28,9 +28,9 @@ export default function ElectricalServicesPage() {
          brandName="Earl Boys Services"
          navItems={[
            { name: "Home", id: "/" },
-            { name: "Services", id: "/services" },
-            { name: "About", id: "/about" },
-            { name: "Reviews", id: "/reviews" },
+            { name: "Services", id: "services" },
+            { name: "About", id: "about" },
+            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
@@ -40,27 +40,14 @@ export default function ElectricalServicesPage() {
      </div>

      <div id="hero" data-section="hero">
-        <HeroBillboardGallery
+        <HeroOverlay
          title="Professional Electrical Repair & Installation Services"
          description="Expert electrical work for your Richmond home. Licensed, insured, and committed to safety and quality. From repairs to new installations, we've got your electrical needs covered."
          tag="Electrical Services"
          tagIcon={Zap}
          tagAnimation="slide-up"
-          background={{
-            variant: "plain"
-          }}
-          mediaItems={[
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-wearing-helmet_23-2149328066.jpg?_wi=3",              imageAlt: "Professional electrician at work"
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530711.jpg?_wi=3",              imageAlt: "Electrical installation work"
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-plumber_23-2150746298.jpg?_wi=2",              imageAlt: "Professional tradesperson"
-            }
-          ]}
-          mediaAnimation="blur-reveal"
+          imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-man-wearing-helmet_23-2149328066.jpg?_wi=3"
+          imageAlt="Professional electrician at work"
          buttons={[
            {
              text: "Call Now: 804-938-0669",              href: "tel:804-938-0669"
--- a/src/app/services/flooring/page.tsx
+++ b/src/app/services/flooring/page.tsx
@@ -2,7 +2,7 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
 import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
@@ -28,9 +28,9 @@ export default function FlooringServicesPage() {
          brandName="Earl Boys Services"
          navItems={[
            { name: "Home", id: "/" },
-            { name: "Services", id: "/services" },
-            { name: "About", id: "/about" },
-            { name: "Reviews", id: "/reviews" },
+            { name: "Services", id: "services" },
+            { name: "About", id: "about" },
+            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
@@ -40,27 +40,14 @@ export default function FlooringServicesPage() {
      </div>

      <div id="hero" data-section="hero">
-        <HeroBillboardGallery
+        <HeroOverlay
          title="Professional Flooring Installation & Repair Services"
          description="Expert flooring solutions for your Richmond home. From hardwood to tile, we deliver beautiful, durable results. Licensed, insured, and committed to quality craftsmanship."
          tag="Flooring Services"
          tagIcon={Home}
          tagAnimation="slide-up"
-          background={{
-            variant: "plain"
-          }}
-          mediaItems={[
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-wearing-helmet_23-2149328066.jpg?_wi=4",              imageAlt: "Professional flooring installer at work"
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/installing-ceramic-floor-tiles-construction-site-construction-workers-workers-laying-tiles-floor-with-cement-adhesive-renovating-floor-vertical-frame_166373-2129.jpg?_wi=2",              imageAlt: "Ceramic tile flooring installation"
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-plumber_23-2150746298.jpg?_wi=3",              imageAlt: "Professional tradesperson"
-            }
-          ]}
-          mediaAnimation="blur-reveal"
+          imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-man-wearing-helmet_23-2149328066.jpg?_wi=4"
+          imageAlt="Professional flooring installer at work"
          buttons={[
            {
              text: "Call Now: 804-938-0669",              href: "tel:804-938-0669"
--- a/src/app/services/painting/page.tsx
+++ b/src/app/services/painting/page.tsx
@@ -28,9 +28,9 @@ export default function PaintingServicesPage() {
          brandName="Earl Boys Services"
          navItems={[
            { name: "Home", id: "/" },
-            { name: "Services", id: "/services" },
-            { name: "About", id: "/about" },
-            { name: "Reviews", id: "/reviews" },
+            { name: "Services", id: "services" },
+            { name: "About", id: "about" },
+            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -11,14 +11,14 @@
  --background-accent: #ffffff; */

  --background: #ffffff;
-  --card: #f5f5f5;
-  --foreground: #000000;
-  --primary-cta: #000000;
+  --card: #f9f9f9;
+  --foreground: #120006e6;
+  --primary-cta: #e63946;
  --primary-cta-text: #ffffff;
  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000000;
-  --accent: #e6e6e6;
-  --background-accent: #d0d0d0;
+  --secondary-cta-text: #120006e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	07b692ba14	Update src/app/page.tsx	2026-03-10 20:42:03 +00:00
bender	571cb01026	Update src/app/page.tsx	2026-03-10 20:41:07 +00:00
bender	8858f4ab6c	Update src/app/page.tsx	2026-03-10 20:40:08 +00:00
bender	fcd899cc35	Update src/app/page.tsx	2026-03-10 20:39:14 +00:00
bender	85557ec31a	Merge version_5 into main Merge version_5 into main	2026-03-10 20:34:19 +00:00
bender	6ed677c735	Update theme colors	2026-03-10 20:34:13 +00:00
bender	e7686f264c	Merge version_5 into main Merge version_5 into main	2026-03-10 20:26:12 +00:00
bender	d7e103be84	Update src/app/services/painting/page.tsx	2026-03-10 20:26:02 +00:00
bender	feb9d4f478	Merge version_4 into main Merge version_4 into main	2026-03-10 20:12:10 +00:00
bender	b3fad6a1e2	Update src/app/page.tsx	2026-03-10 20:12:06 +00:00
bender	8b5ea73877	Merge version_3 into main Merge version_3 into main	2026-03-10 19:55:11 +00:00
bender	1c8c8b97ab	Update src/app/services/flooring/page.tsx	2026-03-10 19:55:07 +00:00
bender	75f44f3600	Update src/app/services/electrical/page.tsx	2026-03-10 19:55:07 +00:00
bender	370ce1cb2e	Update src/app/page.tsx	2026-03-10 19:55:06 +00:00
bender	9882a70006	Update src/app/contact/page.tsx	2026-03-10 19:55:06 +00:00
bender	c230e583cf	Merge version_3 into main Merge version_3 into main	2026-03-10 19:53:31 +00:00
bender	83a76282df	Update src/app/services/flooring/page.tsx	2026-03-10 19:53:27 +00:00
bender	b84b34d03a	Update src/app/services/electrical/page.tsx	2026-03-10 19:53:26 +00:00
bender	79a599da04	Update src/app/page.tsx	2026-03-10 19:53:26 +00:00
bender	c8ec5d2199	Update src/app/contact/page.tsx	2026-03-10 19:53:25 +00:00
bender	b0618ef31f	Merge version_2 into main Merge version_2 into main	2026-03-10 19:48:34 +00:00
bender	8d36de811b	Merge version_2 into main Merge version_2 into main	2026-03-10 19:48:07 +00:00