Merge version_11 into main

Merge version_11 into main

src/app/contact/page.tsx

@@ -1,26 +1,23 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
 import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
-import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
-import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
+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, Wrench, Droplet, Paintbrush, Zap, MonitorPlay, Armchair, Layers, TrendingUp, Clock, Users, CheckCircle, Star, Facebook, Instagram, Phone } 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: "home" },
+    { name: "Home", id: "/" },
     { name: "Services", id: "services" },
     { name: "About", id: "about" },
-    { name: "Portfolio", id: "portfolio" },
-    { name: "Contact", id: "contact" },
+    { name: "Contact", id: "/contact" },
   ];
 
-  const contactButton = {
-    text: "Call Now",    href: "tel:804-938-0669"};
-
   return (
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
@@ -35,9 +32,8 @@ export default function ContactPage() {
       headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleCentered
+        <NavbarStyleApple
           navItems={navItems}
-          button={contactButton}
           brandName="Earl Boys Services"
         />
       </div>
@@ -52,133 +48,170 @@ export default function ContactPage() {
           background={{ variant: "sparkles-gradient" }}
           mediaItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/young-cute-family-repairs-room_1157-24897.jpg",              imageAlt: "Professional home services team"},
+              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",              imageAlt: "Expert plumbing services"},
+              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",              imageAlt: "Professional painting 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",              imageAlt: "Licensed electrical work"},
+              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",              imageAlt: "General maintenance services"},
+              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",              imageAlt: "Professional flooring installation"},
+              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: "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"
           ariaLabel="Contact page hero section for Earl Boys Services"
         />
       </div>
 
-      <div id="services" data-section="services">
-        <FeatureCardTwentyFive
-          title="How to Reach Us"
-          description="Multiple convenient ways to get in touch with Earl Boys Services. We're ready to discuss your project and provide expert recommendations."
-          tag="Contact Options"
+      <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={[
             {
-              title: "Phone Support",              description: "Call us directly for immediate assistance and emergency service requests.",              icon: Phone,
-              mediaItems: [
-                {
-                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-receiving-box_23-2149103401.jpg",                  imageAlt: "Customer service support"},
-                {
-                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg",                  imageAlt: "Professional communication"},
-              ],
-            },
+              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"},
             {
-              title: "Service Area Coverage",              description: "We proudly serve Richmond, VA and all surrounding areas with comprehensive home services.",              icon: Wrench,
-              mediaItems: [
-                {
-                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-s-hand-holding-push-pin-blur-map_23-2147958186.jpg",                  imageAlt: "Richmond virginia map location marker"},
-                {
-                  imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-cleaning-office-together_23-2149345517.jpg",                  imageAlt: "Professional home services team working"},
-              ],
-            },
+              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"},
             {
-              title: "Free Estimates",              description: "Schedule a free consultation and estimate for your project with our experienced team.",              icon: CheckCircle,
-              mediaItems: [
-                {
-                  imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home_23-2149242082.jpg",                  imageAlt: "Home improvement project"},
-                {
-                  imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-builder-men-with-smartphones_23-2148751993.jpg",                  imageAlt: "Professional consultation"},
-              ],
-            },
+              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"},
             {
-              title: "Licensed & Insured",              description: "All services fully licensed, insured, and bonded for your peace of mind.",              icon: CheckCircle,
-              mediaItems: [
-                {
-                  imageSrc: "http://img.b2bpic.net/free-photo/cheerful-grey-haired-logistic-worker-hardhat-uniform-standing-shelves-warehouse-with-arms-folded-looking-camera-smiling-vertical-shot-labor-blue-collar-portrait-concept_74855-14227.jpg",                  imageAlt: "Professional tradesman"},
-                {
-                  imageSrc: "http://img.b2bpic.net/free-photo/view-professional-cleaning-service-person-holding-supplies_23-2150520608.jpg",                  imageAlt: "Professional service team"},
-              ],
-            },
+              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"},
           ]}
-          animationType="slide-up"
+          animationType="blur-reveal"
           textboxLayout="default"
           useInvertedBackground={false}
-          buttons={[
-            {
-              text: "Request Service",              href: "tel:804-938-0669"},
-          ]}
-          buttonAnimation="slide-up"
         />
       </div>
 
-      <div id="metrics" data-section="metrics">
-        <MetricCardOne
-          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}
-          metrics={[
+      <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",              value: "804",              title: "938",              description: "Call us directly - Call Now",              icon: Phone,
+              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}
+        />
+      </div>
+
+      <div id="contact-form" data-section="contact-form">
+        <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={[
+            {
+              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
             },
             {
-              id: "2",              value: "15",              title: "Years",              description: "Experience serving Richmond VA",              icon: Clock,
+              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
             },
             {
-              id: "3",              value: "2000",              title: "Customers",              description: "Trust us for their home services",              icon: Users,
+              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
             },
             {
-              id: "4",              value: "10",              title: "Services",              description: "Available in your area",              icon: Wrench,
+              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
             },
           ]}
+          showRating={true}
           animationType="slide-up"
-          gridVariant="uniform-all-items-equal"
           textboxLayout="default"
-          useInvertedBackground={true}
+          carouselMode="buttons"
+          useInvertedBackground={false}
         />
       </div>
 
       <div id="faq" data-section="faq">
         <FaqSplitText
-          sideTitle="Questions About Our Services?"
-          sideDescription="Find answers to common questions about contacting Earl Boys Services, scheduling appointments, and our service offerings."
+          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're 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."
+            },
           ]}
           textPosition="left"
           faqsAnimation="slide-up"
-          useInvertedBackground={false}
           animationType="smooth"
+          useInvertedBackground={false}
         />
       </div>
 
@@ -189,13 +222,16 @@ export default function ContactPage() {
           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: Phone,
-              href: "tel:804-938-0669",              ariaLabel: "Call us"},
+              href: "tel:804-938-0669",              ariaLabel: "Call us"
+            },
           ]}
         />
       </div>

src/app/page.tsx

@@ -1,196 +1,202 @@
-'use client';
+"use client";
 
-import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
-import SplitAbout from '@/components/sections/about/SplitAbout';
-import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { CheckCircle, Mail } from 'lucide-react';
-
-const navItems = [
-  { name: 'Home', id: '/' },
-  { name: 'Services', id: '#services' },
-  { name: 'About', id: '#about' },
-  { name: 'Contact', id: '#contact' },
-];
-
-const features = [
-  {
-    id: 1,
-    title: 'Professional Plumbing Services',
-    description: 'Expert plumbing solutions for residential and commercial properties. From repairs to full system installations.',
-    imageSrc: 'https://images.unsplash.com/photo-1585771724684-38269d6639fd?w=800&q=80',
-    imageAlt: 'Professional plumbing services',
-    icon: CheckCircle,
-  },
-  {
-    id: 2,
-    title: 'Quality Painting & Finishing',
-    description: 'Interior and exterior painting with premium finishes. Transform your space with professional craftsmanship.',
-    imageSrc: 'https://images.unsplash.com/photo-1564543645419-d59e79b6837d?w=800&q=80',
-    imageAlt: 'Professional painting services',
-    icon: CheckCircle,
-  },
-  {
-    id: 3,
-    title: 'Electrical System Installation',
-    description: 'Licensed electrical work for all your home and business needs. Safety and reliability guaranteed.',
-    imageSrc: 'https://images.unsplash.com/photo-1621905167918-48416bd8575a?w=800&q=80',
-    imageAlt: 'Professional electrical services',
-    icon: CheckCircle,
-  },
-  {
-    id: 4,
-    title: 'Flooring Solutions',
-    description: 'Beautiful and durable flooring installations. Hardwood, tile, laminate, and more.',
-    imageSrc: 'https://images.unsplash.com/photo-1577659645047-f726860106d7?w=800&q=80',
-    imageAlt: 'Professional flooring services',
-    icon: CheckCircle,
-  },
-];
-
-const bulletPoints = [
-  {
-    title: '15 Years Experience',
-    description: 'Trusted by thousands of homeowners in Richmond, VA with consistent quality and reliability.',
-    icon: CheckCircle,
-  },
-  {
-    title: 'Licensed & Insured',
-    description: 'All our technicians are fully licensed, insured, and trained to the highest standards.',
-    icon: CheckCircle,
-  },
-  {
-    title: 'Free Estimates',
-    description: 'No obligation quotes for all services. Transparent pricing with no hidden fees.',
-    icon: CheckCircle,
-  },
-];
-
-const footerColumns = [
-  {
-    title: 'Services',
-    items: [
-      { label: 'Plumbing', href: '#services' },
-      { label: 'Painting', href: '#services' },
-      { label: 'Electrical', href: '#services' },
-      { label: 'Flooring', href: '#services' },
-    ],
-  },
-  {
-    title: 'Company',
-    items: [
-      { label: 'About Us', href: '#about' },
-      { label: 'Contact', href: '#contact' },
-      { label: 'Testimonials', href: '#' },
-      { label: 'Blog', href: '#' },
-    ],
-  },
-  {
-    title: 'Support',
-    items: [
-      { label: 'Help Center', href: '#' },
-      { label: 'FAQ', href: '#' },
-      { label: 'Emergency Service', href: 'tel:804-938-0669' },
-      { label: 'Schedule Service', href: '#contact' },
-    ],
-  },
-];
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+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 FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+import { Sparkles, CheckCircle, TrendingUp, Users, Shield, Award, ThumbsUp } from "lucide-react";
 
 export default function Home() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Services", id: "services" },
+    { name: "About", id: "about" },
+    { name: "Contact", id: "/contact" },
+  ];
+
   return (
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
-      defaultTextAnimation="entrance-slide"
+      defaultTextAnimation="reveal-blur"
       borderRadius="rounded"
-      contentWidth="medium"
-      sizing="mediumLarge"
+      contentWidth="smallMedium"
+      sizing="mediumLargeSizeLargeTitles"
       background="circleGradient"
-      cardStyle="glass-elevated"
-      primaryButtonStyle="gradient"
+      cardStyle="solid"
+      primaryButtonStyle="primary-glow"
       secondaryButtonStyle="glass"
       headingFontWeight="bold"
     >
-      <NavbarStyleFullscreen
-        navItems={navItems}
-        brandName="Earl Boys Services"
-        bottomLeftText="Richmond, VA"
-        bottomRightText="804-938-0669"
-      />
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple navItems={navItems} brandName="Earl Boys Services" />
+      </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardGallery
-          background={{ variant: 'radial-gradient' }}
-          title="Professional Home Services in Richmond, VA"
-          description="Expert plumbing, painting, electrical, and flooring services you can trust. 15 years of excellence."
-          tag="Trusted Local Service"
-          mediaItems={[
-            { imageSrc: 'https://images.unsplash.com/photo-1552321554-5fefe8c9ef14?w=600&q=80', imageAlt: 'Professional home services' },
-            { imageSrc: 'https://images.unsplash.com/photo-1585771724684-38269d6639fd?w=600&q=80', imageAlt: 'Plumbing expertise' },
-            { imageSrc: 'https://images.unsplash.com/photo-1564543645419-d59e79b6837d?w=600&q=80', imageAlt: 'Quality painting' },
+        <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: "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"
+            },
           ]}
-          mediaAnimation="none"
           buttons={[
-            { text: 'Get Free Estimate', href: '#contact' },
-            { text: 'Call Now', href: 'tel:804-938-0669' },
+            {
+              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">
-        <FeatureCardSeven
-          features={features}
+        <FeatureCardTen
           title="Our Services"
-          description="Comprehensive home services tailored to your needs. Quality workmanship and professional service."
-          textboxLayout="default"
+          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",              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",              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",              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,
+            },
+          ]}
           animationType="slide-up"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="about" data-section="about">
-        <SplitAbout
-          title="Why Choose Earl Boys Services?"
-          description="With over 15 years in the home services industry, we've built our reputation on reliability, expertise, and customer satisfaction. Our team of licensed professionals is dedicated to delivering exceptional results on every project."
           textboxLayout="default"
           useInvertedBackground={false}
-          mediaAnimation="none"
-          bulletPoints={bulletPoints}
-          imageSrc="https://images.unsplash.com/photo-1552321554-5fefe8c9ef14?w=600&q=80"
-          imageAlt="Our team of professionals"
-          imagePosition="right"
-          buttons={[{ text: 'Learn More', href: '#contact' }]}
+          buttons={[
+            {
+              text: "Schedule Service",              href: "/contact"
+            },
+          ]}
+          buttonAnimation="slide-up"
         />
       </div>
 
-      <div id="contact" data-section="contact">
-        <ContactSplit
-          tag="Get In Touch"
-          title="Schedule Your Free Estimate"
-          description="Contact us today for a free, no-obligation estimate. Our team is ready to help with all your home service needs."
-          background={{ variant: 'sparkles-gradient' }}
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardTwelve
+          testimonials={[
+            {
+              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: "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: "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"
+            },
+          ]}
+          cardTitle="Over 1,000 satisfied customers trust Earl Boys Services"
+          cardTag="Trusted by homeowners"
+          cardTagIcon={ThumbsUp}
           useInvertedBackground={false}
-          mediaAnimation="none"
-          imageSrc="https://images.unsplash.com/photo-1552321554-5fefe8c9ef14?w=600&q=80"
-          imageAlt="Professional team"
-          mediaPosition="right"
-          buttonText="Request Quote"
-          inputPlaceholder="Enter your email"
-          onSubmit={(email) => {
-            console.log('Email submitted:', email);
-          }}
+          cardAnimation="slide-up"
         />
       </div>
 
-      <footer data-section="footer">
-        <FooterSimple
-          columns={footerColumns}
-          bottomLeftText="© 2025 Earl Boys Services LLC. All rights reserved."
-          bottomRightText="Serving Richmond, VA with Professional Home Services"
+      <div id="faq" data-section="faq">
+        <FaqDouble
+          faqs={[
+            {
+              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: "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: "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: "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 services and how we can help your home."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          faqsAnimation="slide-up"
         />
-      </footer>
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          columns={[
+            {
+              title: "Services",              items: [
+                { label: "Plumbing", href: "services" },
+                { label: "Electrical", href: "services" },
+                { label: "Painting", href: "services" },
+              ],
+            },
+            {
+              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/portfolio/page.tsx

@@ -1,136 +1,187 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
 import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
-import TeamCardEleven from "@/components/sections/team/TeamCardEleven";
-import { Briefcase, Code, Palette, Users } from "lucide-react";
-
-const Portfolio = () => {
-  const navItems = [
-    { name: "Home", id: "/" },
-    { name: "Portfolio", id: "/portfolio" },
-    { name: "Contact", id: "contact" },
-  ];
-
-  const projects = [
-    {
-      title: "Brand Identity Design",      description: "Complete visual identity system including logo, color palette, and brand guidelines.",      icon: Palette,
-      mediaItems: [
-        {
-          imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=500&h=500&fit=crop",          imageAlt: "Brand design mockup"},
-        {
-          imageSrc: "https://images.unsplash.com/photo-1543632835-a1bf4ab86fef?w=500&h=500&fit=crop",          imageAlt: "Color palette exploration"},
-      ],
-    },
-    {
-      title: "Web Application Development",      description: "Full-stack web application with responsive design and modern architecture.",      icon: Code,
-      mediaItems: [
-        {
-          imageSrc: "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=500&h=500&fit=crop",          imageAlt: "Web application interface"},
-        {
-          imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=500&h=500&fit=crop",          imageAlt: "Mobile responsive design"},
-      ],
-    },
-    {
-      title: "Strategic Branding",      description: "Comprehensive branding strategy and positioning for market leadership.",      icon: Briefcase,
-      mediaItems: [
-        {
-          imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop",          imageAlt: "Strategy workshop"},
-        {
-          imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=500&h=500&fit=crop",          imageAlt: "Marketing materials"},
-      ],
-    },
-    {
-      title: "User Experience Design",      description: "Intuitive user interfaces designed with user research and testing.",      icon: Palette,
-      mediaItems: [
-        {
-          imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=500&h=500&fit=crop",          imageAlt: "UX wireframes"},
-        {
-          imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=500&h=500&fit=crop",          imageAlt: "Design iterations"},
-      ],
-    },
-  ];
-
-  const teamMembers = [
-    {
-      id: "leadership",      groupTitle: "Leadership",      members: [
-        {
-          id: "1",          title: "Sarah Johnson",          subtitle: "Creative Director",          detail: "sarah.johnson@company.com",          imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop",          imageAlt: "Sarah Johnson"},
-        {
-          id: "2",          title: "Michael Chen",          subtitle: "Lead Strategist",          detail: "michael.chen@company.com",          imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop",          imageAlt: "Michael Chen"},
-      ],
-    },
-    {
-      id: "design",      groupTitle: "Design Team",      members: [
-        {
-          id: "3",          title: "Emma Davis",          subtitle: "UI/UX Designer",          detail: "emma.davis@company.com",          imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop",          imageAlt: "Emma Davis"},
-        {
-          id: "4",          title: "James Wilson",          subtitle: "Brand Designer",          detail: "james.wilson@company.com",          imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=400&h=400&fit=crop",          imageAlt: "James Wilson"},
-        {
-          id: "5",          title: "Sophie Martin",          subtitle: "Graphic Designer",          detail: "sophie.martin@company.com",          imageSrc: "https://images.unsplash.com/photo-1517849845537-1d51a20414de?w=400&h=400&fit=crop",          imageAlt: "Sophie Martin"},
-      ],
-    },
-    {
-      id: "development",      groupTitle: "Development Team",      members: [
-        {
-          id: "6",          title: "Alex Rodriguez",          subtitle: "Full Stack Developer",          detail: "alex.rodriguez@company.com",          imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop",          imageAlt: "Alex Rodriguez"},
-        {
-          id: "7",          title: "Lisa Anderson",          subtitle: "Frontend Developer",          detail: "lisa.anderson@company.com",          imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop",          imageAlt: "Lisa Anderson"},
-      ],
-    },
-  ];
+import FooterCard from "@/components/sections/footer/FooterCard";
+import {
+  Wrench,
+  Paintbrush,
+  Droplet,
+  Zap,
+  MonitorPlay,
+  Facebook,
+  Instagram,
+  Phone,
+} from "lucide-react";
 
+export default function PortfolioPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
-      defaultTextAnimation="entrance-slide"
+      defaultTextAnimation="reveal-blur"
       borderRadius="rounded"
-      contentWidth="medium"
-      sizing="medium"
-      background="none"
+      contentWidth="smallMedium"
+      sizing="mediumLargeSizeLargeTitles"
+      background="noise"
       cardStyle="solid"
-      primaryButtonStyle="gradient"
+      primaryButtonStyle="primary-glow"
       secondaryButtonStyle="glass"
       headingFontWeight="bold"
     >
-      <NavbarLayoutFloatingOverlay
-        navItems={navItems}
-        brandName="Portfolio"
-        button={{ text: "Contact Us", href: "contact" }}
-      />
-      <div id="portfolio" data-section="portfolio">
-        <div className="py-20">
-          <FeatureCardTwentyFive
-            title="Featured Projects"
-            description="Explore our latest work and successful client engagements"
-            features={projects.map((project) => ({
-              ...project,
-              mediaItems: [
-                project.mediaItems[0],
-                project.mediaItems[1] || project.mediaItems[0],
-              ],
-            }))}
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={false}
-          />
-        </div>
+      {/* Navbar */}
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/services" },
+            { name: "About", id: "/about" },
+            { name: "Portfolio", id: "/portfolio" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          button={{
+            text: "Call Now",
+            href: "tel:804-938-0669",
+          }}
+          brandName="Earl Boys Services"
+        />
       </div>
-      <div id="team" data-section="team">
-        <div className="py-20">
-          <TeamCardEleven
-            title="Our Team"
-            description="Meet the talented professionals behind our success"
-            groups={teamMembers}
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={false}
-          />
-        </div>
+
+      {/* Portfolio Hero Section */}
+      <div id="portfolio-hero" data-section="portfolio-hero">
+        <HeroBillboardCarousel
+          title="Our Portfolio"
+          description="Explore our collection of completed projects showcasing professional home services excellence across Richmond, VA."
+          tag="Earl Boys Services"
+          tagIcon={Wrench}
+          tagAnimation="slide-up"
+          background={{ variant: "plain" }}
+          mediaItems={[
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-receiving-box_23-2149103401.jpg?_wi=6",
+              imageAlt: "Before after home renovation transformation",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg?_wi=5",
+              imageAlt: "Kitchen renovation before after transformation",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home_23-2149242082.jpg?_wi=5",
+              imageAlt: "Room renovation before after completion",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg?_wi=5",
+              imageAlt: "Professional plumbing work",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-wall-home_23-2149098981.jpg?_wi=4",
+              imageAlt: "Professional painting service",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-checks-switchboard-tablet-night-shift-smart-service_169016-70936.jpg?_wi=5",
+              imageAlt: "Professional electrician electrical work",
+            },
+          ]}
+          buttons={[
+            {
+              text: "View Services",
+              href: "/services",
+            },
+            {
+              text: "Get a Quote",
+              href: "tel:804-938-0669",
+            },
+          ]}
+          buttonAnimation="slide-up"
+          ariaLabel="Portfolio section for Earl Boys Services"
+        />
+      </div>
+
+      {/* Featured Projects Section */}
+      <div id="projects" data-section="projects">
+        <FeatureCardTwentyFive
+          title="Featured Projects"
+          description="A selection of our most successful home improvement and repair projects completed with professional excellence and customer satisfaction."
+          tag="Project Showcase"
+          tagIcon={Wrench}
+          features={[
+            {
+              title: "Plumbing Installation",
+              description: "Complete bathroom and kitchen plumbing system installation with modern fixtures and premium finishes.",
+              icon: Droplet,
+              mediaItems: [
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg?_wi=6",
+                  imageAlt: "Professional plumbing work",
+                },
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-receiving-box_23-2149103401.jpg?_wi=7",
+                  imageAlt: "Project completed successfully",
+                },
+              ],
+            },
+            {
+              title: "Interior Painting",
+              description: "Professional interior painting project transforming living spaces with fresh color and premium finish.",
+              icon: Paintbrush,
+              mediaItems: [
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-wall-home_23-2149098981.jpg?_wi=5",
+                  imageAlt: "Professional painting service",
+                },
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg?_wi=6",
+                  imageAlt: "Color selection and painting results",
+                },
+              ],
+            },
+            {
+              title: "Electrical Upgrades",
+              description: "Licensed electrical work including panel upgrades, outlet installation, and safety inspections for modern homes.",
+              icon: Zap,
+              mediaItems: [
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-checks-switchboard-tablet-night-shift-smart-service_169016-70936.jpg?_wi=6",
+                  imageAlt: "Professional electrician electrical work",
+                },
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/light-switches-near-metal-door-handle-stairs-lighting-control_169016-69323.jpg",
+                  imageAlt: "Professional electrical installation",
+                },
+              ],
+            },
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      {/* Footer */}
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="Earl Boys Services"
+          copyrightText="© 2025 Earl Boys Services LLC. All rights reserved. Licensed & Insured."
+          socialLinks={[
+            {
+              icon: Facebook,
+              href: "https://facebook.com",
+              ariaLabel: "Facebook",
+            },
+            {
+              icon: Instagram,
+              href: "https://instagram.com",
+              ariaLabel: "Instagram",
+            },
+            {
+              icon: Phone,
+              href: "tel:804-938-0669",
+              ariaLabel: "Call us",
+            },
+          ]}
+        />
       </div>
     </ThemeProvider>
   );
-};
-
-export default Portfolio;
+}