Update src/app/contact/page.tsx

Merge version_9 into main

src/app/contact/page.tsx

@@ -1,27 +1,23 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
-import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
-import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
-import FaqDouble from "@/components/sections/faq/FaqDouble";
-import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
+import ContactForm from "@/components/form/ContactForm";
+import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
+import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
+import FaqSplitText from "@/components/sections/faq/FaqSplitText";
 import FooterCard from "@/components/sections/footer/FooterCard";
-import { Hammer, Phone, Mail, MapPin, Clock, Users, TrendingUp, Zap, Facebook, Instagram, Linkedin } from "lucide-react";
+import { Hammer, Wrench, Mail, Star, Quote, Facebook, Instagram, Phone, MapPin, Clock } from "lucide-react";
 
 export default function ContactPage() {
   const navItems = [
     { name: "Home", id: "/" },
-    { name: "Features", id: "#features" },
-    { name: "Pricing", id: "#pricing" },
-    { name: "Services", id: "/services" },
+    { name: "Services", id: "services" },
+    { name: "About", id: "about" },
+    { name: "Contact", id: "/contact" },
   ];
 
-  const contactButton = {
-    text: "Get Started",    href: "#contact"
-  };
-
   return (
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
@@ -36,169 +32,185 @@ export default function ContactPage() {
       headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingInline
+        <NavbarStyleApple
           navItems={navItems}
-          button={contactButton}
           brandName="Earl Boys Services"
         />
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardDashboard
+        <HeroBillboardCarousel
           title="Contact Earl Boys Services"
-          description="Get in touch with our team for all your home service needs. We are here to help transform your home with professional, reliable service."
+          description="Get in touch with our team for all your home service needs. We're here to help transform your home with professional, reliable service."
           tag="Earl Boys Services"
           tagIcon={Hammer}
           tagAnimation="slide-up"
           background={{ variant: "sparkles-gradient" }}
+          mediaItems={[
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/young-cute-family-repairs-room_1157-24897.jpg?_wi=2",              imageAlt: "Professional home services team"
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg?_wi=3",              imageAlt: "Expert plumbing services"
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-wall-home_23-2149098981.jpg?_wi=3",              imageAlt: "Professional painting services"
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-checks-switchboard-tablet-night-shift-smart-service_169016-70936.jpg?_wi=3",              imageAlt: "Licensed electrical work"
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/mechanics-checking-planning-workshop_329181-11868.jpg?_wi=2",              imageAlt: "General maintenance services"
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/circular-saw-carpenter-using-circular-saw-wood_169016-17039.jpg?_wi=2",              imageAlt: "Professional flooring installation"
+            },
+          ]}
           buttons={[
             {
               text: "Call Now: 804-938-0669",              href: "tel:804-938-0669"
             },
             {
-              text: "Quick Contact Form",              href: "#contact-form"
+              text: "Send Message",              href: "#contact-form"
             },
           ]}
           buttonAnimation="slide-up"
-          dashboard={{
-            title: "Contact Information",            logoIcon: Phone,
-            imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=100&h=100&fit=crop&crop=face",            buttons: [
-              { text: "Call Us", href: "tel:804-938-0669" },
-              { text: "Email", href: "mailto:contact@earlboys.com" },
-            ],
-            sidebarItems: [
-              { icon: Phone, active: true },
-              { icon: Mail },
-              { icon: MapPin },
-            ],
-            stats: [
-              {
-                title: "Response Time",                values: [1, 0.5, 0],
-                description: "We respond fast"
-              },
-              {
-                title: "Service Area",                values: [100, 50, 25],
-                description: "Coverage zone"
-              },
-              {
-                title: "Experience",                values: [15, 10, 5],
-                description: "In business"
-              },
-            ],
-            chartTitle: "Contact Volume",            chartData: [
-              { value: 45 },
-              { value: 65 },
-              { value: 75 },
-              { value: 85 },
-              { value: 90 },
-            ],
-            listTitle: "Ways to Reach Us",            listItems: [
-              { icon: Phone, title: "804-938-0669", status: "Available" },
-              { icon: Mail, title: "Email Support", status: "24/7" },
-              { icon: MapPin, title: "Richmond, VA", status: "Local" },
-            ],
-          }}
+          ariaLabel="Contact page hero section for Earl Boys Services"
         />
       </div>
 
-      <div id="metrics" data-section="metrics">
-        <MetricCardEleven
-          metrics={[
+      <div id="before-after-gallery" data-section="before-after-gallery">
+        <FeatureCardSeven
+          title="Before & After Gallery"
+          description="See the transformation of our recent plumbing and electrical projects in Richmond, VA. Our expert work speaks for itself."
+          tag="Our Work"
+          tagIcon={Wrench}
+          features={[
             {
-              id: "1",              value: "804-938-0669",              title: "Direct Phone Line",              description: "Available during business hours",              imageSrc: "https://images.unsplash.com/photo-1634017303134-b69a4aacbfbb?w=500&h=500&fit=crop",              imageAlt: "Phone support"
-            },
+              id: 1,
+              title: "Kitchen Plumbing Renovation",              description: "Complete kitchen plumbing overhaul including new sink installation, updated fixtures, and modern piping system. Water efficiency improved by 30%.",              imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg?_wi=3",              imageAlt: "After plumbing renovation"},
             {
-              id: "2",              value: "Richmond",              title: "Service Area",              description: "Plus surrounding Virginia areas",              imageSrc: "https://images.unsplash.com/photo-1524661135-423995f22d0b?w=500&h=500&fit=crop",              imageAlt: "Richmond Virginia map"
-            },
+              id: 2,
+              title: "Bathroom Electrical Upgrade",              description: "Full bathroom electrical rewiring with modern GFCI outlets, new lighting fixtures, and exhaust fan installation meeting current safety codes.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-checks-switchboard-tablet-night-shift-smart-service_169016-70936.jpg?_wi=3",              imageAlt: "After electrical upgrade"},
             {
-              id: "3",              value: "24/7",              title: "Emergency Support",              description: "On-call for urgent issues",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop&_wi=1",              imageAlt: "Emergency services team"
-            },
+              id: 3,
+              title: "Whole Home Plumbing System",              description: "Replaced aging pipes throughout the home with modern PEX tubing. Eliminated water pressure issues and improved water quality throughout.",              imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg?_wi=3",              imageAlt: "After whole home plumbing"},
+            {
+              id: 4,
+              title: "Electrical Panel Upgrade",              description: "Upgraded electrical panel from 100A to 200A service. Added dedicated circuits for modern appliances and improved home's electrical capacity.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-checks-switchboard-tablet-night-shift-smart-service_169016-70936.jpg?_wi=3",              imageAlt: "After electrical panel upgrade"},
           ]}
-          title="Ready to Transform Your Home?"
-          description="Join thousands of satisfied customers who have trusted Earl Boys Services with their most important projects."
-          tag="Contact Details"
-          tagIcon={TrendingUp}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={true}
-        />
-      </div>
-
-      <div id="trust" data-section="trust">
-        <SocialProofOne
-          names={["Licensed", "Insured", "Bonded", "Certified", "Trusted"]}
-          title="Why Homeowners Trust Us"
-          description="Proven reliability with years of excellent service in Richmond and surrounding areas"
-          tag="Credentials"
-          tagIcon={Users}
+          animationType="blur-reveal"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="service-areas-map" data-section="service-areas-map">
+        <FeatureCardSeven
+          title="Service Areas in Richmond, VA"
+          description="We proudly serve Richmond and surrounding neighborhoods. From downtown to the suburbs, Earl Boys Services is your trusted local partner for all home service needs."
+          tag="Coverage Area"
+          tagIcon={MapPin}
+          features={[
+            {
+              id: 1,
+              title: "Downtown Richmond",              description: "Historic homes and modern apartments in the heart of Richmond. We specialize in older home renovations and contemporary electrical systems.",              imageSrc: "http://img.b2bpic.net/free-photo/young-cute-family-repairs-room_1157-24897.jpg?_wi=2",              imageAlt: "Downtown Richmond neighborhood"},
+            {
+              id: 2,
+              title: "West End & Fan District",              description: "Tree-lined streets and charming Victorian homes. Our team has extensive experience with historic preservation and modern upgrades.",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-wall-home_23-2149098981.jpg?_wi=3",              imageAlt: "West End neighborhood"},
+            {
+              id: 3,
+              title: "Northside & Beyond",              description: "Growing residential communities with newer construction and established neighborhoods. Fast response times and local expertise.",              imageSrc: "http://img.b2bpic.net/free-photo/mechanics-checking-planning-workshop_329181-11868.jpg?_wi=2",              imageAlt: "Northside Richmond area"},
+            {
+              id: 4,
+              title: "Southside Communities",              description: "Diverse neighborhoods from Colonial Heights to Midlothian. We serve residential and light commercial properties throughout the region.",              imageSrc: "http://img.b2bpic.net/free-photo/circular-saw-carpenter-using-circular-saw-wood_169016-17039.jpg?_wi=2",              imageAlt: "Southside Richmond coverage"},
+          ]}
+          animationType="blur-reveal"
           textboxLayout="default"
           useInvertedBackground={false}
-          speed={40}
-          showCard={true}
         />
       </div>
 
       <div id="contact-form" data-section="contact-form">
-        <ContactSplitForm
-          title="Get Your Free Estimate"
-          description="Tell us about your project and we will get back to you within 24 hours with a detailed estimate. No obligation, no pressure."
-          inputs={[
+        <ContactForm
+          title="Send us a Message"
+          description="Fill out the form below and we'll get back to you within 24 hours with a response."
+          tag="Quick Contact"
+          tagIcon={Mail}
+          inputPlaceholder="Your email address"
+          buttonText="Send Message"
+          termsText="We'll never share your information and respect your privacy."
+          onSubmit={(email) => console.log('Form submitted with email:', email)}
+          centered={true}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardThirteen
+          title="What Our Customers Say"
+          description="Hear from satisfied clients who have experienced Earl Boys Services excellence firsthand."
+          tag="Customer Reviews"
+          tagIcon={Star}
+          testimonials={[
             {
-              name: "name",              type: "text",              placeholder: "Your Name",              required: true,
+              id: "1",              name: "John Mitchell",              handle: "@john_m",              testimonial: "Earl Boys Services transformed our kitchen with professional craftsmanship. The team was punctual, courteous, and delivered exceptional results. Highly recommend!",              rating: 5,
+              icon: Quote
             },
             {
-              name: "email",              type: "email",              placeholder: "Your Email",              required: true,
+              id: "2",              name: "Sarah Thompson",              handle: "@sarah_t",              testimonial: "Outstanding plumbing work! They fixed a complex issue that other companies said was impossible. Professional, efficient, and fair pricing.",              rating: 5,
+              icon: Quote
             },
             {
-              name: "phone",              type: "tel",              placeholder: "Your Phone Number",              required: true,
+              id: "3",              name: "Michael Chen",              handle: "@m_chen",              testimonial: "The electrical work on our renovation was flawless. They explained everything clearly and made sure we understood the improvements. Will definitely call again!",              rating: 5,
+              icon: Quote
             },
             {
-              name: "service",              type: "text",              placeholder: "Service Needed",              required: false,
+              id: "4",              name: "Jennifer Rodriguez",              handle: "@jen_rod",              testimonial: "Best home improvement decision we made! The painters were meticulous and the quality is outstanding. Worth every penny!",              rating: 5,
+              icon: Quote
             },
           ]}
-          textarea={{
-            name: "message",            placeholder: "Describe your project in detail...",            rows: 5,
-            required: true,
-          }}
+          showRating={true}
+          animationType="slide-up"
+          textboxLayout="default"
+          carouselMode="buttons"
           useInvertedBackground={false}
-          imageSrc="https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop&_wi=2"
-          mediaAnimation="slide-up"
-          mediaPosition="right"
-          buttonText="Request Estimate"
-          onSubmit={(data) => {
-            console.log("Form submitted:", data);
-          }}
         />
       </div>
 
       <div id="faq" data-section="faq">
-        <FaqDouble
+        <FaqSplitText
+          sideTitle="Frequently Asked Questions"
+          sideDescription="Find answers to common questions about pricing, availability, and scheduling services with Earl Boys Services."
           faqs={[
             {
-              id: "1",              title: "What is your phone number?",              content: "You can reach us at 804-938-0669. We are available during business hours and offer emergency service for urgent issues."
+              id: "1",              title: "What is your phone number and how can I reach you?",              content: "You can reach us at 804-938-0669. We're available during business hours (Monday-Friday 8am-6pm, Saturday 9am-4pm). For emergency issues, we offer 24/7 service. You can also contact us through our website contact form and we'll respond within 24 hours."
             },
             {
-              id: "2",              title: "How quickly can you respond to my request?",              content: "We typically respond to service requests within 24 hours. For emergency issues, call us immediately at 804-938-0669."
+              id: "2",              title: "How quickly can you respond to my service request?",              content: "We typically respond to service requests within 24 hours. For emergency issues requiring immediate attention, call us directly at 804-938-0669 and we can often dispatch a team the same day. Regular maintenance and non-urgent repairs are scheduled within 3-7 business days depending on availability."
             },
             {
-              id: "3",              title: "What areas do you serve?",              content: "We proudly serve Richmond, VA and all surrounding areas. Our service team covers residential and commercial properties throughout the region."
+              id: "3",              title: "What areas of Richmond do you serve?",              content: "We proudly serve Richmond, VA and all surrounding areas including the Fan District, Northside, Southside, West End, and nearby communities like Colonial Heights and Midlothian. Our service area covers approximately a 20-mile radius from downtown Richmond. Contact us to confirm service availability for your specific location."
             },
             {
-              id: "4",              title: "Do you charge for consultations and estimates?",              content: "No! We provide free, no-obligation estimates for all services. Contact us to schedule your consultation."
+              id: "4",              title: "Do you charge for consultations and estimates?",              content: "No! We provide free, no-obligation estimates for all services. Our team will visit your home or business, assess your needs, and provide a detailed quote. There's absolutely no charge for this service, and you're under no obligation to proceed if you choose not to."
             },
             {
-              id: "5",              title: "What payment methods do you accept?",              content: "We accept cash, check, credit cards, and digital payments. We also offer financing options for larger projects."
+              id: "5",              title: "What are your pricing and payment options?",              content: "Our pricing is competitive and based on the scope of work. We offer transparent pricing with no hidden fees. We accept cash, check, credit cards (Visa, Mastercard, American Express), and digital payments. For larger projects, we also offer flexible financing options with approved credit."
             },
             {
-              id: "6",              title: "Are you licensed and insured?",              content: "Absolutely. Earl Boys Services is fully licensed, insured, and bonded. We maintain all required certifications."
+              id: "6",              title: "Are you licensed, insured, and bonded?",              content: "Absolutely! Earl Boys Services is fully licensed, insured, and bonded. We maintain all required certifications and comply with local building codes. Our licenses and insurance are current and verified. We're committed to protecting our customers and ensuring professional, compliant workmanship on every project."
+            },
+            {
+              id: "7",              title: "How do I schedule a service appointment?",              content: "Scheduling is easy! Call us at 804-938-0669 during business hours, fill out our online contact form, or send us an email. Let us know your preferred dates and times, and we'll work with you to find a convenient appointment. We offer flexible scheduling including weekends and evenings for most services."
+            },
+            {
+              id: "8",              title: "What services do you offer?",              content: "We offer comprehensive home services including plumbing repairs and installation, electrical work and upgrades, painting and drywall, flooring installation, general maintenance, and more. We handle both emergency repairs and planned renovations. Contact us to discuss your specific project needs."
             },
           ]}
-          title="Questions About Our Services?"
-          description="Find answers to common questions about contacting Earl Boys Services, scheduling appointments, and our service offerings."
-          tag="Support"
-          tagIcon={Mail}
+          textPosition="left"
           faqsAnimation="slide-up"
-          textboxLayout="default"
+          animationType="smooth"
           useInvertedBackground={false}
         />
       </div>
@@ -225,4 +237,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -1,239 +1,137 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
-import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
-import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
-import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
-import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
+import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
+import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
 import FaqDouble from "@/components/sections/faq/FaqDouble";
-import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
-import FooterCard from "@/components/sections/footer/FooterCard";
-import { Sparkles, CheckCircle, Star, MapPin, Shield, Users, TrendingUp, Zap, Facebook, Instagram, Linkedin } from "lucide-react";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+import { Sparkles, CheckCircle, TrendingUp, Users } from "lucide-react";
 
-export default function HomePage() {
+export default function Home() {
   const navItems = [
     { name: "Home", id: "/" },
-    { name: "Features", id: "#features" },
-    { name: "Pricing", id: "#pricing" },
-    { name: "Services", id: "/services" },
+    { name: "Services", id: "services" },
+    { name: "About", id: "about" },
+    { name: "Contact", id: "/contact" },
   ];
 
-  const contactButton = {
-    text: "Get Started",    href: "#contact"
-  };
-
   return (
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="reveal-blur"
       borderRadius="rounded"
-      contentWidth="mediumLarge"
+      contentWidth="smallMedium"
       sizing="mediumLargeSizeLargeTitles"
-      background="aurora"
-      cardStyle="glass-elevated"
-      primaryButtonStyle="gradient"
+      background="circleGradient"
+      cardStyle="solid"
+      primaryButtonStyle="primary-glow"
       secondaryButtonStyle="glass"
       headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingInline
-          navItems={navItems}
-          button={contactButton}
-          brandName="Demo Site"
-        />
+        <NavbarStyleApple navItems={navItems} brandName="Earl Boys Services" />
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardDashboard
-          title="Real-Time Analytics Platform"
-          description="Monitor your business metrics with our comprehensive dashboard. Real-time data, actionable insights, and beautiful visualizations."
-          tag="Live Analytics"
+        <HeroBillboardRotatedCarousel
+          title="Transform Your Home with Professional Services"
+          description="Expert home services in Richmond, VA. From plumbing and electrical work to painting and flooring, we deliver quality craftsmanship every time."
+          tag="Earl Boys Services"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          background={{ variant: "radial-gradient" }}
+          background={{ variant: "sparkles-gradient" }}
+          carouselItems={[
+            {
+              id: "1",              imageSrc: "http://img.b2bpic.net/free-photo/young-cute-family-repairs-room_1157-24897.jpg?_wi=1",              imageAlt: "Professional home services team"},
+            {
+              id: "2",              imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg?_wi=1",              imageAlt: "Expert plumbing services"},
+            {
+              id: "3",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-wall-home_23-2149098981.jpg?_wi=1",              imageAlt: "Professional painting services"},
+            {
+              id: "4",              imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-checks-switchboard-tablet-night-shift-smart-service_169016-70936.jpg?_wi=1",              imageAlt: "Licensed electrical work"},
+            {
+              id: "5",              imageSrc: "http://img.b2bpic.net/free-photo/mechanics-checking-planning-workshop_329181-11868.jpg?_wi=1",              imageAlt: "General maintenance services"},
+            {
+              id: "6",              imageSrc: "http://img.b2bpic.net/free-photo/circular-saw-carpenter-using-circular-saw-wood_169016-17039.jpg?_wi=1",              imageAlt: "Professional flooring installation"},
+          ]}
           buttons={[
-            { text: "Get Started", href: "#pricing" },
-            { text: "View Demo", href: "#features" },
-          ]}
-          buttonAnimation="slide-up"
-          dashboard={{
-            title: "Analytics Dashboard",            logoIcon: TrendingUp,
-            imageSrc: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=100&h=100&fit=crop&crop=face",            buttons: [
-              { text: "Dashboard", href: "#" },
-              { text: "Export", href: "#" },
-            ],
-            sidebarItems: [
-              { icon: TrendingUp, active: true },
-              { icon: Users },
-              { icon: Zap },
-            ],
-            stats: [
-              {
-                title: "Revenue",                values: [245890, 312750, 428500],
-                valuePrefix: "$",                description: "Monthly recurring."
-              },
-              {
-                title: "Users",                values: [1240, 2150, 3890],
-                description: "Active users online."
-              },
-              {
-                title: "Growth",                values: [12.5, 18.3, 25.6],
-                valueSuffix: "%",                description: "Month-over-month."
-              },
-            ],
-            chartTitle: "Performance Trend",            chartData: [
-              { value: 50 },
-              { value: 30 },
-              { value: 70 },
-              { value: 40 },
-              { value: 90 },
-            ],
-            listTitle: "Recent Transactions",            listItems: [
-              { icon: CheckCircle, title: "Order #12345", status: "Completed" },
-              { icon: TrendingUp, title: "Revenue Report", status: "Generated" },
-              { icon: Users, title: "Team Metrics", status: "Updated" },
-            ],
-          }}
-        />
-      </div>
-
-      <div id="features" data-section="features">
-        <FeatureCardThree
-          features={[
-            {
-              id: "01",              title: "Real-Time Tracking",              description: "Monitor your metrics as they happen with live updates and instant notifications.",              imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4198c868f?w=500&h=500&fit=crop",              imageAlt: "Real-time dashboard tracking"
-            },
-            {
-              id: "02",              title: "Advanced Analytics",              description: "Deep dive into data with customizable reports and predictive insights.",              imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=500&h=500&fit=crop",              imageAlt: "Advanced analytics interface"
-            },
-            {
-              id: "03",              title: "Team Collaboration",              description: "Work together seamlessly with shared dashboards and real-time updates.",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop",              imageAlt: "Team collaboration tools"
-            },
-            {
-              id: "04",              title: "Custom Reports",              description: "Generate detailed reports tailored to your business needs and export easily.",              imageSrc: "https://images.unsplash.com/photo-1611532736592-5a66f6aef2a2?w=500&h=500&fit=crop",              imageAlt: "Custom report generation"
-            },
-          ]}
-          title="Powerful Features"
-          description="Everything you need to manage your business effectively"
-          tag="Features"
-          tagIcon={Zap}
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          buttons={[
-            { text: "Explore All Features", href: "#" },
-          ]}
-          buttonAnimation="slide-up"
-        />
-      </div>
-
-      <div id="pricing" data-section="pricing">
-        <PricingCardTwo
-          plans={[
-            {
-              id: "1",              badge: "Starter",              badgeIcon: Sparkles,
-              price: "$29/mo",              subtitle: "Perfect for getting started",              buttons: [
-                { text: "Start Free Trial", href: "#" },
-                { text: "Learn More", href: "#" },
-              ],
-              features: [
-                "Up to 1,000 tracked events",                "Basic analytics dashboard",                "Email support",                "1 team member"
-              ],
-            },
-            {
-              id: "2",              badge: "Professional",              badgeIcon: Star,
-              price: "$99/mo",              subtitle: "For growing businesses",              buttons: [
-                { text: "Start Free Trial", href: "#" },
-                { text: "Learn More", href: "#" },
-              ],
-              features: [
-                "Up to 100,000 tracked events",                "Advanced analytics & AI insights",                "Priority email & chat support",                "Up to 10 team members",                "Custom reports"
-              ],
-            },
-            {
-              id: "3",              badge: "Enterprise",              badgeIcon: CheckCircle,
-              price: "Custom",              subtitle: "For large-scale operations",              buttons: [
-                { text: "Contact Sales", href: "#" },
-                { text: "Schedule Demo", href: "#" },
-              ],
-              features: [
-                "Unlimited tracked events",                "Full API access",                "Dedicated account manager",                "Custom integrations",                "On-premise deployment",                "SLA guarantee"
-              ],
-            },
-          ]}
-          title="Simple, Transparent Pricing"
-          description="Choose the perfect plan for your needs"
-          tag="Pricing"
-          tagIcon={TrendingUp}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={true}
-          buttons={[
-            { text: "View All Plans", href: "#" },
+            {
+              text: "Get Free Estimate",              href: "/contact"},
+            {
+              text: "Call: 804-938-0669",              href: "tel:804-938-0669"},
           ]}
           buttonAnimation="slide-up"
+          ariaLabel="Hero section showcasing home services"
         />
       </div>
 
       <div id="services" data-section="services">
-        <MetricCardEleven
-          metrics={[
+        <FeatureCardTen
+          title="Our Services"
+          description="Comprehensive home services designed to meet all your residential needs with professional expertise and quality craftsmanship."
+          tag="What We Offer"
+          tagIcon={Sparkles}
+          features={[
             {
-              id: "1",              value: "99.9%",              title: "Uptime Guarantee",              description: "Enterprise-grade reliability",              imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=500&h=500&fit=crop",              imageAlt: "Server uptime monitoring"
+              id: "1",              title: "Plumbing Services",              description: "From routine maintenance to complex repairs, our licensed plumbers handle all your plumbing needs with precision and care.",              media: {
+                imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg?_wi=2",                imageAlt: "Professional plumbing work"},
+              items: [
+                { icon: CheckCircle, text: "Leak detection & repair" },
+                { icon: CheckCircle, text: "Pipe installation" },
+                { icon: CheckCircle, text: "Drain cleaning" },
+              ],
+              reverse: false,
             },
             {
-              id: "2",              value: "24/7",              title: "Support Available",              description: "Always here to help",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop",              imageAlt: "Customer support team"
+              id: "2",              title: "Electrical Services",              description: "Safe, reliable electrical work for all your home needs. Licensed electricians providing installations, repairs, and upgrades.",              media: {
+                imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-checks-switchboard-tablet-night-shift-smart-service_169016-70936.jpg?_wi=2",                imageAlt: "Professional electrical work"},
+              items: [
+                { icon: CheckCircle, text: "Circuit installation" },
+                { icon: CheckCircle, text: "Outlet & switch repairs" },
+                { icon: CheckCircle, text: "Safety inspections" },
+              ],
+              reverse: true,
             },
             {
-              id: "3",              value: "150K+",              title: "Active Users",              description: "Trusted by businesses worldwide",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop",              imageAlt: "Global user base"
+              id: "3",              title: "Painting & Finishing",              description: "Transform your space with professional painting services. Interior and exterior work with attention to detail and quality finishes.",              media: {
+                imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-wall-home_23-2149098981.jpg?_wi=2",                imageAlt: "Professional painting services"},
+              items: [
+                { icon: CheckCircle, text: "Interior painting" },
+                { icon: CheckCircle, text: "Exterior painting" },
+                { icon: CheckCircle, text: "Surface preparation" },
+              ],
+              reverse: false,
             },
           ]}
-          title="Why Choose Us"
-          description="Industry-leading performance and support"
-          tag="Services"
-          tagIcon={Shield}
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="trust" data-section="trust">
-        <SocialProofOne
-          names={["TechCorp", "DataFlow", "CloudSync", "InnovateLabs", "FutureScale"]}
-          title="Trusted by Industry Leaders"
-          description="Join thousands of companies that rely on our platform for their analytics needs"
-          tag="Trusted Partners"
-          tagIcon={Users}
-          textboxLayout="default"
-          useInvertedBackground={false}
-          speed={40}
-          showCard={true}
+          buttons={[
+            {
+              text: "Schedule Service",              href: "/contact"},
+          ]}
+          buttonAnimation="slide-up"
         />
       </div>
 
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardFive
+        <TestimonialCardTwelve
           testimonials={[
             {
-              id: "1",              name: "Sarah Johnson, CEO of TechCorp",              date: "Date: 15 November 2024",              title: "Transformed our analytics workflow",              quote: "This platform has completely transformed how we analyze business data. The real-time insights have helped us make better decisions faster than ever before.",              tag: "Enterprise Plan",              avatarSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&h=100&fit=crop&crop=face",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop",              imageAlt: "Sarah Johnson speaking at conference"
-            },
+              id: "1",              name: "John Mitchell",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwz6pWy3usOcBMo4WS6AXnICI/uploaded-1773139927112-860778c6.png?_wi=1",              imageAlt: "John Mitchell"},
             {
-              id: "2",              name: "Michael Chen, CTO of DataFlow",              date: "Date: 10 November 2024",              title: "Best analytics solution on the market",              quote: "The API is clean, documentation is excellent, and the team is incredibly responsive. We integrated this in just a few days and immediately saw value.",              tag: "Professional Plan",              avatarSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop&crop=face",              imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4198c868f?w=500&h=500&fit=crop",              imageAlt: "Michael Chen coding on laptop"
-            },
+              id: "2",              name: "Sarah Thompson",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwz6pWy3usOcBMo4WS6AXnICI/uploaded-1773139927112-860778c6.png?_wi=2",              imageAlt: "Sarah Thompson"},
             {
-              id: "3",              name: "Emma Rodriguez, Founder of CloudSync",              date: "Date: 5 November 2024",              title: "Outstanding customer support",              quote: "What impressed me most was the customer support team. They went above and beyond to help us optimize our setup. Highly recommended!",              tag: "Starter Plan",              avatarSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop&crop=face",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop",              imageAlt: "Emma Rodriguez at her desk"
-            },
+              id: "3",              name: "Michael Chen",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwz6pWy3usOcBMo4WS6AXnICI/uploaded-1773139927112-860778c6.png?_wi=3",              imageAlt: "Michael Chen"},
+            {
+              id: "4",              name: "Jennifer Rodriguez",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOwz6pWy3usOcBMo4WS6AXnICI/uploaded-1773139927112-860778c6.png?_wi=4",              imageAlt: "Jennifer Rodriguez"},
           ]}
-          title="What Our Customers Say"
-          description="Real stories from companies using our platform daily"
-          tag="Testimonials"
-          tagIcon={Star}
-          textboxLayout="default"
+          cardTitle="Over 1,000 satisfied customers trust Earl Boys Services"
+          cardTag="See what they say"
           useInvertedBackground={false}
+          cardAnimation="slide-up"
         />
       </div>
 
@@ -241,54 +139,43 @@ export default function HomePage() {
         <FaqDouble
           faqs={[
             {
-              id: "1",              title: "How does the pricing work?",              content: "Our pricing is simple and transparent. We offer three tiers: Starter ($29/mo), Professional ($99/mo), and Enterprise (custom pricing). Each tier includes different features and support levels. You can switch plans anytime."
-            },
+              id: "1",              title: "What areas do you serve?",              content: "We proudly serve Richmond, VA and all surrounding areas. Our service team covers residential and commercial properties throughout the region."},
             {
-              id: "2",              title: "Is there a free trial?",              content: "Yes! All plans come with a 14-day free trial. No credit card required. You get full access to all features during the trial period."
-            },
+              id: "2",              title: "How quickly can you respond to my request?",              content: "We typically respond to service requests within 24 hours. For emergency issues, call us immediately at 804-938-0669."},
             {
-              id: "3",              title: "What kind of support do you offer?",              content: "We provide email support for all plans, priority chat support for Professional plans, and dedicated account managers for Enterprise customers. Our support team is available 24/7."
-            },
+              id: "3",              title: "Do you charge for consultations?",              content: "No! We provide free, no-obligation estimates for all services. Contact us to schedule your consultation."},
             {
-              id: "4",              title: "Can I cancel anytime?",              content: "Absolutely! You can cancel your subscription anytime without penalties. If you cancel mid-month, you'll have access until the end of your billing period."
-            },
-            {
-              id: "5",              title: "Do you offer API access?",              content: "Yes, API access is included in Professional and Enterprise plans. We provide comprehensive documentation and SDKs for popular programming languages."
-            },
-            {
-              id: "6",              title: "Is my data secure?",              content: "Security is our top priority. We use enterprise-grade encryption, regular security audits, and comply with GDPR, CCPA, and SOC 2. Your data is backed up daily."
-            },
+              id: "4",              title: "Are you licensed and insured?",              content: "Absolutely. Earl Boys Services is fully licensed, insured, and bonded. We maintain all required certifications."},
           ]}
           title="Frequently Asked Questions"
-          description="Find answers to common questions about our service"
-          tag="Support"
-          tagIcon={CheckCircle}
-          faqsAnimation="slide-up"
+          description="Find answers to common questions about our services and how we can help your home."
           textboxLayout="default"
           useInvertedBackground={false}
+          faqsAnimation="slide-up"
         />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterCard
-          logoText="Demo Site"
-          copyrightText="© 2025 Demo Site. All rights reserved."
-          socialLinks={[
+        <FooterBaseReveal
+          columns={[
             {
-              icon: Facebook,
-              href: "https://facebook.com",              ariaLabel: "Facebook"
+              title: "Services",              items: [
+                { label: "Plumbing", href: "services" },
+                { label: "Electrical", href: "services" },
+                { label: "Painting", href: "services" },
+              ],
             },
             {
-              icon: Instagram,
-              href: "https://instagram.com",              ariaLabel: "Instagram"
-            },
-            {
-              icon: Linkedin,
-              href: "https://linkedin.com",              ariaLabel: "LinkedIn"
+              title: "Company",              items: [
+                { label: "About", href: "about" },
+                { label: "Contact", href: "/contact" },
+                { label: "Home", href: "/" },
+              ],
             },
           ]}
+          copyrightText="© 2025 Earl Boys Services LLC. All rights reserved. Licensed & Insured."
         />
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/services/page.tsx

@@ -1,213 +1,283 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
-import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
-import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
-import FaqDouble from "@/components/sections/faq/FaqDouble";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
+import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
+import FaqSplitText from "@/components/sections/faq/FaqSplitText";
 import FooterCard from "@/components/sections/footer/FooterCard";
-import { Zap, CheckCircle, Users, Shield, Sparkles, TrendingUp, MapPin, Phone, Mail, Facebook, Instagram, Linkedin } from "lucide-react";
+import Link from "next/link";
+import {
+  Wrench,
+  Droplet,
+  Paintbrush,
+  Zap,
+  MonitorPlay,
+  Armchair,
+  Layers,
+  DoorOpen,
+  BookOpen,
+  Hammer,
+  Clock,
+  Users,
+  CheckCircle,
+  TrendingUp,
+  Facebook,
+  Instagram,
+  Phone,
+} from "lucide-react";
 
 export default function ServicesPage() {
-  const navItems = [
-    { name: "Home", id: "/" },
-    { name: "Features", id: "#features" },
-    { name: "Pricing", id: "#pricing" },
-    { name: "Services", id: "/services" },
-  ];
-
-  const contactButton = {
-    text: "Get Started",    href: "#contact"
-  };
-
   return (
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="reveal-blur"
       borderRadius="rounded"
-      contentWidth="mediumLarge"
+      contentWidth="smallMedium"
       sizing="mediumLargeSizeLargeTitles"
-      background="aurora"
-      cardStyle="glass-elevated"
-      primaryButtonStyle="gradient"
+      background="noise"
+      cardStyle="solid"
+      primaryButtonStyle="primary-glow"
       secondaryButtonStyle="glass"
       headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingInline
-          navItems={navItems}
-          button={contactButton}
-          brandName="Demo Site"
-        />
-      </div>
-
-      <div id="hero" data-section="hero">
-        <HeroBillboardDashboard
-          title="Our Comprehensive Services"
-          description="Explore our full range of solutions designed to help your business succeed. From analytics to support, we have everything you need."
-          tag="Services"
-          tagIcon={Zap}
-          tagAnimation="slide-up"
-          background={{ variant: "radial-gradient" }}
-          buttons={[
-            { text: "View Pricing", href: "/#pricing" },
-            { text: "Schedule Demo", href: "#" },
+        <NavbarStyleCentered
+          brandName="Earl Boys Services"
+          navItems={[
+            { name: "Home", id: "home" },
+            { name: "Services", id: "services" },
+            { name: "About", id: "about" },
+            { name: "Portfolio", id: "portfolio" },
+            { name: "Contact", id: "contact" },
           ]}
-          buttonAnimation="slide-up"
-          dashboard={{
-            title: "Service Capabilities",            logoIcon: TrendingUp,
-            imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=100&h=100&fit=crop&crop=face",            buttons: [
-              { text: "Learn More", href: "#" },
-              { text: "Contact Us", href: "#" },
-            ],
-            sidebarItems: [
-              { icon: CheckCircle, active: true },
-              { icon: Users },
-              { icon: Shield },
-            ],
-            stats: [
-              {
-                title: "Services",                values: [5, 8, 12],
-                description: "Available today"
-              },
-              {
-                title: "Coverage",                values: [150, 250, 500],
-                valueSuffix: "k mi²",                description: "Service area"
-              },
-              {
-                title: "Satisfaction",                values: [95, 97, 99],
-                valueSuffix: "%",                description: "Customer rating"
-              },
-            ],
-            chartTitle: "Service Growth",            chartData: [
-              { value: 40 },
-              { value: 60 },
-              { value: 80 },
-              { value: 70 },
-              { value: 95 },
-            ],
-            listTitle: "Recent Implementations",            listItems: [
-              { icon: CheckCircle, title: "Analytics Suite Deployed", status: "Completed" },
-              { icon: Users, title: "Team Training Completed", status: "Completed" },
-              { icon: Zap, title: "API Integration Ready", status: "Active" },
-            ],
+          button={{
+            text: "Call Now",
+            href: "tel:804-938-0669",
           }}
         />
       </div>
 
-      <div id="features" data-section="features">
-        <FeatureCardThree
+      <div id="services-detail" data-section="services-detail">
+        <FeatureCardTwentyFive
           features={[
             {
-              id: "01",              title: "Data Analytics",              description: "Comprehensive data analysis tools with real-time processing and advanced algorithms.",              imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4198c868f?w=500&h=500&fit=crop",              imageAlt: "Data analytics dashboard"
+              title: "Plumbing Services",
+              description: "Expert plumbing repairs, installations, and maintenance for all your home water systems. From leak detection to full system replacement.",
+              icon: Droplet,
+              mediaItems: [
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg?_wi=3",
+                  imageAlt: "Professional plumbing work",
+                },
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-receiving-box_23-2149103401.jpg?_wi=3",
+                  imageAlt: "Plumbing project completed",
+                },
+              ],
             },
             {
-              id: "02",              title: "Cloud Integration",              description: "Seamless integration with leading cloud platforms. Deploy, scale, and manage with ease.",              imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=500&h=500&fit=crop",              imageAlt: "Cloud integration services"
+              title: "Painting Services",
+              description: "Interior and exterior painting with premium finishes for residential and commercial spaces. Full surface preparation and cleanup included.",
+              icon: Paintbrush,
+              mediaItems: [
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-wall-home_23-2149098981.jpg?_wi=3",
+                  imageAlt: "Professional painting service",
+                },
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg?_wi=3",
+                  imageAlt: "Painting transformation",
+                },
+              ],
             },
             {
-              id: "03",              title: "Custom Development",              description: "Tailored solutions built specifically for your business requirements and goals.",              imageSrc: "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=500&h=500&fit=crop",              imageAlt: "Custom software development"
+              title: "Electrical Work",
+              description: "Licensed electrical services including installations, repairs, and safety inspections. All work meets current electrical codes and standards.",
+              icon: Zap,
+              mediaItems: [
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-checks-switchboard-tablet-night-shift-smart-service_169016-70936.jpg?_wi=3",
+                  imageAlt: "Professional electrical work",
+                },
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home_23-2149242082.jpg?_wi=3",
+                  imageAlt: "Electrical project completed",
+                },
+              ],
             },
             {
-              id: "04",              title: "Security & Compliance",              description: "Enterprise-grade security with compliance certifications and regular audits.",              imageSrc: "https://images.unsplash.com/photo-1555949519-f2a6f01c00f5?w=500&h=500&fit=crop",              imageAlt: "Security infrastructure"
+              title: "Wall Mounting & Installation",
+              description: "Professional TV mounting, shelving installation, and wall customization services. Secure mounting with cable management included.",
+              icon: MonitorPlay,
+              mediaItems: [
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-builder-men-with-smartphones_23-2148751993.jpg?_wi=2",
+                  imageAlt: "Professional wall mounting",
+                },
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-receiving-box_23-2149103401.jpg?_wi=4",
+                  imageAlt: "Wall mounting installation",
+                },
+              ],
             },
             {
-              id: "05",              title: "Training & Support",              description: "Comprehensive training programs and 24/7 technical support for your team.",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop",              imageAlt: "Team training session"
+              title: "Furniture Assembly",
+              description: "Quick and efficient furniture assembly for residential and commercial installations. Expert handling of all furniture types and styles.",
+              icon: Armchair,
+              mediaItems: [
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-hitting-nail-by-hammer_329181-3740.jpg?_wi=2",
+                  imageAlt: "Professional furniture assembly",
+                },
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg?_wi=4",
+                  imageAlt: "Furniture installation completed",
+                },
+              ],
             },
             {
-              id: "06",              title: "Consulting Services",              description: "Expert guidance from industry veterans to optimize your operations.",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop",              imageAlt: "Business consulting meeting"
+              title: "Flooring Installation",
+              description: "Expert flooring installation for hardwood, tile, laminate, and other materials. Subfloor preparation to final finish included.",
+              icon: Layers,
+              mediaItems: [
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/circular-saw-carpenter-using-circular-saw-wood_169016-17039.jpg?_wi=3",
+                  imageAlt: "Professional flooring installation",
+                },
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home_23-2149242082.jpg?_wi=4",
+                  imageAlt: "Flooring project transformation",
+                },
+              ],
             },
           ]}
-          title="Detailed Service Offerings"
-          description="Everything you need for complete digital transformation"
-          tag="Services"
-          tagIcon={Zap}
-          gridVariant="uniform-all-items-equal"
           animationType="slide-up"
+          title="Complete Service Catalog"
+          description="Explore our full range of professional home services. Each service includes consultation, professional execution, and satisfaction guarantee."
+          tag="All 10 Services"
+          tagIcon={Wrench}
           textboxLayout="default"
           useInvertedBackground={false}
           buttons={[
-            { text: "Explore All Services", href: "#" },
+            {
+              text: "Back to Home",
+              href: "/",
+            },
           ]}
           buttonAnimation="slide-up"
         />
       </div>
 
-      <div id="metrics" data-section="metrics">
-        <MetricCardEleven
+      <div id="service-benefits" data-section="service-benefits">
+        <MetricCardOne
           metrics={[
             {
-              id: "1",              value: "50+",              title: "Enterprise Clients",              description: "Trusted by leading companies",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop",              imageAlt: "Enterprise clients working together"
+              id: "1",
+              value: "24",
+              title: "Hour",
+              description: "Response time for service requests",
+              icon: Clock,
             },
             {
-              id: "2",              value: "10M+",              title: "Data Points Processed",              description: "Daily analytics processing",              imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4198c868f?w=500&h=500&fit=crop",              imageAlt: "Data processing visualization"
+              id: "2",
+              value: "15",
+              title: "Years",
+              description: "Of industry expertise and experience",
+              icon: Hammer,
             },
             {
-              id: "3",              value: "15",              title: "Years Experience",              description: "Industry leadership",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop",              imageAlt: "Years of service"
+              id: "3",
+              value: "100",
+              title: "Percent",
+              description: "Licensed, insured, and bonded",
+              icon: CheckCircle,
+            },
+            {
+              id: "4",
+              value: "2000",
+              title: "Plus",
+              description: "Happy customers in Richmond VA",
+              icon: Users,
             },
           ]}
-          title="Service Excellence"
-          description="Proven track record of delivering results"
-          tag="Performance"
-          tagIcon={TrendingUp}
           animationType="slide-up"
+          gridVariant="uniform-all-items-equal"
+          title="Why Choose Our Services"
+          description="We deliver professional excellence backed by years of experience, proper credentials, and unwavering commitment to customer satisfaction."
+          tag="Service Excellence"
+          tagIcon={TrendingUp}
           textboxLayout="default"
           useInvertedBackground={true}
         />
       </div>
 
-      <div id="faq" data-section="faq">
-        <FaqDouble
+      <div id="service-faq" data-section="service-faq">
+        <FaqSplitText
           faqs={[
             {
-              id: "1",              title: "What services do you offer?",              content: "We offer a comprehensive suite of services including data analytics, cloud integration, custom development, security consulting, training, and 24/7 support. Each service can be tailored to your specific needs."
+              id: "1",
+              title: "Do you provide free estimates for all services?",
+              content: "Yes! We offer free, no-obligation estimates for all services. Our team will assess your project and provide a detailed quote with no hidden fees.",
             },
             {
-              id: "2",              title: "How long does implementation take?",              content: "Implementation timelines vary based on service complexity. Basic analytics integration typically takes 2-4 weeks. Custom development projects are assessed individually. We always provide detailed timelines upfront."
+              id: "2",
+              title: "What is your service warranty policy?",
+              content: "We stand behind all our work with comprehensive warranties. Most services include a 1-year warranty on labor, with extended warranties available for specific services.",
             },
             {
-              id: "3",              title: "Do you work with startups?",              content: "Absolutely! We work with businesses of all sizes, from startups to enterprises. We have flexible engagement models and can scale our services as your business grows."
+              id: "3",
+              title: "Can you handle emergency service requests?",
+              content: "Absolutely! We offer emergency services for urgent issues. Call 804-938-0669 to speak with our team about immediate needs.",
             },
             {
-              id: "4",              title: "What about ongoing support?",              content: "All our services include ongoing support. Professional and Enterprise plans include priority support, dedicated account managers, and regular optimization reviews."
+              id: "4",
+              title: "How do you ensure quality and safety?",
+              content: "All our technicians are certified and trained to industry standards. We follow strict safety protocols and use only quality materials and equipment.",
             },
             {
-              id: "5",              title: "Can you migrate data from our existing system?",              content: "Yes, we specialize in data migration. Our team will work with you to ensure a smooth transition with zero downtime. We handle data validation and testing throughout the process."
+              id: "5",
+              title: "Do you offer service packages or discounts?",
+              content: "Yes! We offer discounted packages for multiple services. Contact us for details on our bundled service options and seasonal promotions.",
             },
             {
-              id: "6",              title: "How do you ensure data security?",              content: "We implement enterprise-grade security protocols including end-to-end encryption, regular security audits, and compliance with GDPR, HIPAA, and SOC 2 standards. Your data is our priority."
+              id: "6",
+              title: "What areas of Richmond do you service?",
+              content: "We serve all of Richmond, VA and surrounding areas. Whether you're downtown or in the suburbs, we can help with your home service needs.",
             },
           ]}
-          title="Service Questions"
-          description="Common questions about our service offerings"
-          tag="Support"
-          tagIcon={CheckCircle}
+          sideTitle="Service Questions Answered"
+          sideDescription="Learn more about our services, warranties, and availability. Have a specific question? Call us today."
+          textPosition="left"
           faqsAnimation="slide-up"
-          textboxLayout="default"
           useInvertedBackground={false}
+          animationType="smooth"
         />
       </div>
 
       <div id="footer" data-section="footer">
         <FooterCard
-          logoText="Demo Site"
-          copyrightText="© 2025 Demo Site. All rights reserved."
+          logoText="Earl Boys Services"
+          copyrightText="© 2025 Earl Boys Services LLC. All rights reserved. Licensed & Insured."
           socialLinks={[
             {
               icon: Facebook,
-              href: "https://facebook.com",              ariaLabel: "Facebook"
+              href: "https://facebook.com",
+              ariaLabel: "Facebook",
             },
             {
               icon: Instagram,
-              href: "https://instagram.com",              ariaLabel: "Instagram"
+              href: "https://instagram.com",
+              ariaLabel: "Instagram",
             },
             {
-              icon: Linkedin,
-              href: "https://linkedin.com",              ariaLabel: "LinkedIn"
+              icon: Phone,
+              href: "tel:804-938-0669",
+              ariaLabel: "Call us",
             },
           ]}
         />
       </div>
     </ThemeProvider>
   );
-}
+}