From f9d3ad9bba33dcd6e1fdac72dcb3c5e69941fd48 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 10 Mar 2026 10:06:40 +0000
Subject: [PATCH] Switch to version 2: modified src/app/page.tsx

---
 src/app/page.tsx | 364 +++++++++++++++++++----------------------------
 1 file changed, 146 insertions(+), 218 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d2b6a9b..7a47e09 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,213 +1,86 @@
 "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 NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
 import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
-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 FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
+import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
+import ContactFaq from "@/components/sections/contact/ContactFaq";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { Hammer, Wrench, Droplet, Paintbrush, Zap, MonitorPlay, CheckCircle, Phone, Mail, MessageCircle } from "lucide-react";
 
 export default function HomePage() {
   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: "Testimonials", id: "testimonials" },
+    { 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
+        <NavbarStyleFullscreen
           navItems={navItems}
-          button={contactButton}
-          brandName="Demo Site"
+          brandName="Earl Boys Services"
+          bottomLeftText="Richmond, VA"
+          bottomRightText="804-938-0669"
         />
       </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"
-          tagIcon={Sparkles}
+        <HeroBillboardGallery
+          title="Professional Home Services You Can Trust"
+          description="Earl Boys Services delivers expert plumbing, electrical, painting, and maintenance solutions for your home. With over 15 years of experience serving Richmond, VA, we're committed to quality workmanship and customer satisfaction."
+          tag="Earl Boys Services"
+          tagIcon={Hammer}
           tagAnimation="slide-up"
           background={{ variant: "radial-gradient" }}
+          mediaItems={[
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/young-cute-family-repairs-room_1157-24897.jpg?_wi=1",              imageAlt: "Professional home services team"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg?_wi=1",              imageAlt: "Expert plumbing services"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-wall-home_23-2149098981.jpg?_wi=1",              imageAlt: "Professional painting services"},
+            {
+              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"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/mechanics-checking-planning-workshop_329181-11868.jpg?_wi=1",              imageAlt: "General maintenance services"},
+          ]}
           buttons={[
-            { text: "Get Started", href: "#pricing" },
-            { text: "View Demo", href: "#features" },
+            {
+              text: "Call Now",              href: "tel:804-938-0669"},
+            {
+              text: "Get Free Estimate",              href: "#contact"},
           ]}
           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" },
-            ],
-          }}
+          mediaAnimation="slide-up"
+          ariaLabel="Hero section for Earl Boys Services"
         />
       </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: "#" },
-          ]}
-          buttonAnimation="slide-up"
-        />
-      </div>
-
-      <div id="services" data-section="services">
-        <MetricCardEleven
-          metrics={[
-            {
-              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: "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: "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"
-            },
-          ]}
-          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">
+      <div id="social-proof" data-section="social-proof">
         <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}
+          title="Trusted by Homeowners Throughout Richmond"
+          description="Join thousands of satisfied customers who have transformed their homes with Earl Boys Services"
+          tag="Social Proof"
+          tagAnimation="slide-up"
+          names={[
+            "Family Homes",            "Small Businesses",            "Property Managers",            "Real Estate Agents",            "Contractors",            "Building Owners"]}
           textboxLayout="default"
           useInvertedBackground={false}
           speed={40}
@@ -215,78 +88,133 @@ export default function HomePage() {
         />
       </div>
 
-      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardFive
-          testimonials={[
+      <div id="services" data-section="services">
+        <FeatureCardTwentyFive
+          title="Our Professional Services"
+          description="We provide comprehensive home services to keep your property in top condition"
+          tag="What We Do"
+          tagIcon={Wrench}
+          features={[
             {
-              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"
+              title: "Plumbing Services",              description: "Expert repairs, installations, and maintenance for all your plumbing needs.",              icon: Droplet,
+              mediaItems: [
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg?_wi=2",                  imageAlt: "Professional plumbing repair"},
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-s-hand-holding-push-pin-blur-map_23-2147958186.jpg?_wi=1",                  imageAlt: "Plumbing installation work"},
+              ],
             },
             {
-              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"
+              title: "Electrical Work",              description: "Licensed electrical services including repairs, upgrades, and installations.",              icon: Zap,
+              mediaItems: [
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-checks-switchboard-tablet-night-shift-smart-service_169016-70936.jpg?_wi=2",                  imageAlt: "Electrical panel inspection"},
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg?_wi=1",                  imageAlt: "Electrical service work"},
+              ],
             },
             {
-              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"
+              title: "Painting & Finishing",              description: "Interior and exterior painting with attention to detail and quality finishes.",              icon: Paintbrush,
+              mediaItems: [
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-wall-home_23-2149098981.jpg?_wi=2",                  imageAlt: "Professional painting service"},
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home_23-2149242082.jpg?_wi=1",                  imageAlt: "Interior painting project"},
+              ],
+            },
+            {
+              title: "General Maintenance",              description: "Comprehensive home maintenance and repairs to keep everything running smoothly.",              icon: Wrench,
+              mediaItems: [
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/mechanics-checking-planning-workshop_329181-11868.jpg?_wi=2",                  imageAlt: "General maintenance work"},
+                {
+                  imageSrc: "http://img.b2bpic.net/free-photo/circular-saw-carpenter-using-circular-saw-wood_169016-17039.jpg",                  imageAlt: "General repair services"},
+              ],
             },
           ]}
-          title="What Our Customers Say"
-          description="Real stories from companies using our platform daily"
-          tag="Testimonials"
-          tagIcon={Star}
+          animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
+          buttons={[
+            {
+              text: "Request Service",              href: "tel:804-938-0669"},
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardTwelve
+          testimonials={[
+            {
+              id: "1",              name: "Sarah Johnson",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-man-wearing-casual-clothes_23-2149199815.jpg",              imageAlt: "Sarah Johnson testimonial"},
+            {
+              id: "2",              name: "Michael Chen",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-woman-wearing-casual-clothes_23-2149199814.jpg",              imageAlt: "Michael Chen testimonial"},
+            {
+              id: "3",              name: "Emma Davis",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-casual-clothes_23-2149199813.jpg",              imageAlt: "Emma Davis testimonial"},
+            {
+              id: "4",              name: "James Wilson",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-casual-clothes_23-2149199812.jpg",              imageAlt: "James Wilson testimonial"},
+          ]}
+          cardTitle="Over 2,000 homeowners trust Earl Boys Services for their most important projects"
+          cardTag="Testimonials"
+          cardAnimation="slide-up"
+          useInvertedBackground={false}
         />
       </div>
 
-      <div id="faq" data-section="faq">
-        <FaqDouble
+      <div id="contact" data-section="contact">
+        <ContactFaq
           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: "Do you charge for estimates?",              content: "No! We provide free, no-obligation estimates for all services. Contact us to schedule your consultation."},
             {
-              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: "Are you licensed and insured?",              content: "Absolutely. Earl Boys Services is fully licensed, insured, and bonded. We maintain all required certifications."},
             {
-              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: "How quickly can you respond?",              content: "We typically respond to service requests within 24 hours. For emergency issues, call us immediately at 804-938-0669."},
           ]}
-          title="Frequently Asked Questions"
-          description="Find answers to common questions about our service"
-          tag="Support"
-          tagIcon={CheckCircle}
-          faqsAnimation="slide-up"
-          textboxLayout="default"
+          ctaTitle="Get Your Free Estimate Today"
+          ctaDescription="Contact Earl Boys Services for professional, reliable home services. We're ready to help transform your home."
+          ctaButton={{ text: "Call Now", href: "tel:804-938-0669" }}
+          ctaIcon={Phone}
           useInvertedBackground={false}
+          animationType="slide-up"
+          accordionAnimationType="smooth"
+          showCard={true}
         />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterCard
-          logoText="Demo Site"
-          copyrightText="© 2025 Demo Site. All rights reserved."
-          socialLinks={[
+        <FooterSimple
+          columns={[
             {
-              icon: Facebook,
-              href: "https://facebook.com",              ariaLabel: "Facebook"
+              title: "Services",              items: [
+                { label: "Plumbing", href: "#services" },
+                { label: "Electrical", href: "#services" },
+                { label: "Painting", href: "#services" },
+                { label: "Maintenance", href: "#services" },
+              ],
             },
             {
-              icon: Instagram,
-              href: "https://instagram.com",              ariaLabel: "Instagram"
+              title: "Company",              items: [
+                { label: "About Us", href: "#about" },
+                { label: "Contact", href: "#contact" },
+                { label: "Testimonials", href: "#testimonials" },
+                { label: "Get Estimate", href: "tel:804-938-0669" },
+              ],
             },
             {
-              icon: Linkedin,
-              href: "https://linkedin.com",              ariaLabel: "LinkedIn"
+              title: "Contact",              items: [
+                { label: "Phone: 804-938-0669", href: "tel:804-938-0669" },
+                { label: "Richmond, VA", href: "#" },
+                { label: "Licensed & Insured", href: "#" },
+                { label: "Available 24/7", href: "#" },
+              ],
             },
           ]}
+          bottomLeftText="© 2025 Earl Boys Services LLC. All rights reserved. Licensed & Insured."
+          bottomRightText="Professional Home Services"
         />
       </div>
     </ThemeProvider>