Update src/app/page.tsx

Merge version_6 into main

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" }}
+          imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-man-wearing-helmet_23-2149328066.jpg?_wi=1"
-          mediaItems={[
+          imageAlt="Professional handyman ready to help"
-            {
-              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"
           buttons={[
             {
               text: "Call Now: 804-938-0669",              href: "tel:804-938-0669"

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 HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 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,20 @@ export default function HomePage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardGallery
+        <HeroCarouselLogo
-          title="Reliable Home Services in Richmond, VA"
+          logoText="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"
+          slides={[
-          tagIcon={Hammer}
-          tagAnimation="slide-up"
-          background={{ variant: "plain" }}
-          mediaItems={[
             {
-              imageSrc:
+              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-wearing-helmet_23-2149328066.jpg?_wi=2",              imageAlt: "Professional contractor"
-                "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-wearing-helmet_23-2149328066.jpg?_wi=2",              imageAlt: "Professional handyman tools and equipment"
             },
             {
-              imageSrc:
+              imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530711.jpg?_wi=4",              imageAlt: "Construction worker"
-                "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:
+              imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-plumber_23-2150746298.jpg?_wi=4",              imageAlt: "Plumber at work"
-                "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"
           buttons={[
             {
               text: "Call Now: 804-938-0669",              href: "tel:804-938-0669"
@@ -85,7 +78,6 @@ export default function HomePage() {
               text: "Request Service",              href: "#contact"
             },
           ]}
-          buttonAnimation="slide-up"
         />
       </div>
 
@@ -158,7 +150,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 +158,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:
+              id: "1",              name: "Sarah Johnson",              role: "Homeowner",              company: "Richmond, VA",              rating: 5,
-                "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:
+              imageSrc:
-                "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: "Sarah Johnson"
-                "http://img.b2bpic.net/free-photo/smiling-handsome-man-holding-her-girlfriend-s-hand_23-2147891265.jpg",              imageAlt: "satisfied customer happy review"
             },
             {
-              id: "2",              name: "Michael Chen, Property Owner",              date: "Date: 22 December 2024",              title: "Great experience with reliable team",              quote:
+              id: "2",              name: "Michael Chen",              role: "Property Owner",              company: "Richmond, VA",              rating: 5,
-                "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:
+              imageSrc:
-                "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: "Michael Chen"
-                "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: "3",              name: "Jennifer Martinez, Homeowner",              date: "Date: 08 December 2024",              title: "Quick response and excellent work",              quote:
+              id: "3",              name: "Jennifer Martinez",              role: "Homeowner",              company: "Richmond, VA",              rating: 5,
-                "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:
+              imageSrc:
-                "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: "Jennifer Martinez"
-                "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-home_23-2149248712.jpg",              imageAlt: "customer satisfaction portrait"
             },
             {
-              id: "4",              name: "Robert Davis, Homeowner",              date: "Date: 20 November 2024",              title: "Professional, courteous, and trustworthy",              quote:
+              id: "4",              name: "Robert Davis",              role: "Homeowner",              company: "Richmond, VA",              rating: 5,
-                "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:
+              imageSrc:
-                "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: "Robert Davis"
-                "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: "5",              name: "Lisa Thompson, Homeowner",              date: "Date: 05 November 2024",              title: "Outstanding painting and flooring work",              quote:
+              id: "5",              name: "Lisa Thompson",              role: "Homeowner",              company: "Richmond, VA",              rating: 5,
-                "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:
+              imageSrc:
-                "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: "Lisa Thompson"
-                "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3668.jpg",              imageAlt: "customer success story portrait"
             },
             {
-              id: "6",              name: "Kevin Rodriguez, Homeowner",              date: "Date: 18 October 2024",              title: "Five-star service from start to finish",              quote:
+              id: "6",              name: "Kevin Rodriguez",              role: "Homeowner",              company: "Richmond, VA",              rating: 5,
-                "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:
+              imageSrc:
-                "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: "Kevin Rodriguez"
-                "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"
             },
           ]}
         />
@@ -298,15 +287,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 +305,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>
 

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: "Services", id: "services" },
-            { name: "About", id: "/about" },
+            { name: "About", id: "about" },
-            { name: "Reviews", id: "/reviews" },
+            { 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={{
+          imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-man-wearing-helmet_23-2149328066.jpg?_wi=3"
-            variant: "plain"
+          imageAlt="Professional electrician at work"
-          }}
-          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"
           buttons={[
             {
               text: "Call Now: 804-938-0669",              href: "tel:804-938-0669"

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: "Services", id: "services" },
-            { name: "About", id: "/about" },
+            { name: "About", id: "about" },
-            { name: "Reviews", id: "/reviews" },
+            { 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={{
+          imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-man-wearing-helmet_23-2149328066.jpg?_wi=4"
-            variant: "plain"
+          imageAlt="Professional flooring installer at work"
-          }}
-          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"
           buttons={[
             {
               text: "Call Now: 804-938-0669",              href: "tel:804-938-0669"

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: "Services", id: "services" },
-            { name: "About", id: "/about" },
+            { name: "About", id: "about" },
-            { name: "Reviews", id: "/reviews" },
+            { name: "Reviews", id: "testimonials" },
             { name: "Contact", id: "/contact" }
           ]}
           button={{

src/app/styles/variables.css

@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #ffffff;
-  --card: #f5f5f5;
+  --card: #f9f9f9;
-  --foreground: #000000;
+  --foreground: #120006e6;
-  --primary-cta: #000000;
+  --primary-cta: #e63946;
   --primary-cta-text: #ffffff;
   --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000000;
+  --secondary-cta-text: #120006e6;
-  --accent: #e6e6e6;
+  --accent: #e2e2e2;
-  --background-accent: #d0d0d0;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);