diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 70e636f..9e24272 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -1,16 +1,6 @@ import ContactCta from '@/components/sections/contact/ContactCta'; import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia'; -import OriginalFeaturesBento from '@/components/sections/features/FeaturesBento'; - -const FeaturesBento = (props: any) => { - const fixedFeatures = props.features?.map((f: any) => { - if (f.bentoComponent === 'media-stack' && f.imageSrc && !f.mediaItems) { - return { ...f, mediaItems: [{ imageSrc: f.imageSrc }] }; - } - return f; - }); - return ; -}; +import FeaturesBento from '@/components/sections/features/FeaturesBento'; import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento'; import HeroOverlayMarquee from '@/components/sections/hero/HeroOverlayMarquee'; import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards'; @@ -28,28 +18,21 @@ export default function HomePage() { title="Road One Paving - Quality That Lasts" description="Professional residential and commercial paving services. We deliver durable, smooth, and long-lasting asphalt solutions for driveways, parking lots, and more." primaryButton={{ - text: "Get a Free Quote", - href: "#contact", - }} + text: "Get a Free Quote", href: "#contact"}} secondaryButton={{ - text: "Our Services", - href: "#services", - }} + text: "Our Services", href: "#services"}} items={[ { - text: "Licensed & Insured", - icon: CheckCircle, + text: "Licensed & Insured", icon: CheckCircle, }, { - text: "10+ Years Experience", - icon: Award, + text: "10+ Years Experience", icon: Award, }, { - text: "Precision Quality", - icon: Shield, + text: "Precision Quality", icon: Shield, }, ]} - imageSrc="http://img.b2bpic.net/free-photo/construction-heavy-equipment-site-sunny-da_181624-60161.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/construction-heavy-equipment-site-sunny-da_181624-60161.jpg" /> @@ -62,58 +45,34 @@ export default function HomePage() { description="Whether you need a new driveway or a large parking lot, we have the expertise to get the job done right." features={[ { - title: "Residential Driveways", - description: "Custom paving for residential properties designed to last and enhance curb appeal.", - bentoComponent: "media-stack", - mediaItems: [ + title: "Residential Driveways", description: "Custom paving for residential properties designed to last and enhance curb appeal.", bentoComponent: "media-stack", mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture_23-2149432953.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture_23-2149432953.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/wet-asphalt-detail_23-2151942488.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/wet-asphalt-detail_23-2151942488.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrance-building_122409-74.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrance-building_122409-74.jpg"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/construction-heavy-equipment-site-sunny-da_181624-60161.jpg?_wi=2", - imageAlt: "asphalt driveway installation residential", }, { - title: "Commercial Paving", - description: "Durable solutions for parking lots, business entrances, and industrial spaces.", - bentoComponent: "media-stack", - mediaItems: [ + title: "Commercial Paving", description: "Durable solutions for parking lots, business entrances, and industrial spaces.", bentoComponent: "media-stack", mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/school-road-sign-top-view_23-2148242170.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/school-road-sign-top-view_23-2148242170.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrow-indicator-asphalt_23-2148456159.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrow-indicator-asphalt_23-2148456159.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/long-highway_1112-143.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/long-highway_1112-143.jpg"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/saw-industry-machine-cutting-metal_1150-10743.jpg", - imageAlt: "asphalt driveway installation residential", }, { - title: "Maintenance & Repair", - description: "Sealcoating, crack filling, and repair services to extend the life of your asphalt.", - bentoComponent: "media-stack", - mediaItems: [ + title: "Maintenance & Repair", description: "Sealcoating, crack filling, and repair services to extend the life of your asphalt.", bentoComponent: "media-stack", mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-11962.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-11962.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/golden-black-gift-wrapping-paper_53876-74744.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/golden-black-gift-wrapping-paper_53876-74744.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937900.jpg?_wi=1", - }, + imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937900.jpg"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/engineers-helmets-standing-by-factory_1157-35592.jpg?_wi=1", - imageAlt: "asphalt driveway installation residential", }, ]} /> @@ -128,47 +87,19 @@ export default function HomePage() { description="See the quality of Road One Paving on our recent residential and commercial projects." items={[ { - title: "Downtown Lot", - description: "Full parking lot reconstruction.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-photo/areal-shot-crossing-streets_181624-64.jpg", - }, + title: "Downtown Lot", description: "Full parking lot reconstruction.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/areal-shot-crossing-streets_181624-64.jpg"}, { - title: "Suburban Driveway", - description: "Luxury residential driveway install.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-photo/view-abstract-outdoors-daylight-shadows_23-2149080252.jpg", - }, + title: "Suburban Driveway", description: "Luxury residential driveway install.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/view-abstract-outdoors-daylight-shadows_23-2149080252.jpg"}, { - title: "Public Road", - description: "Municipal infrastructure maintenance.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-photo/cement-texture_1194-6415.jpg", - }, + title: "Public Road", description: "Municipal infrastructure maintenance.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/cement-texture_1194-6415.jpg"}, { - title: "Commercial Entrance", - description: "Heavy-duty entrance paving.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-photo/asphalt-street-grunge-texture-urban_58702-10720.jpg", - }, + title: "Commercial Entrance", description: "Heavy-duty entrance paving.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/asphalt-street-grunge-texture-urban_58702-10720.jpg"}, { - title: "Shopping Center", - description: "Large scale parking area work.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture-with-road-sign_23-2149432959.jpg", - }, + title: "Shopping Center", description: "Large scale parking area work.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture-with-road-sign_23-2149432959.jpg"}, { - title: "Driveway Repair", - description: "Seamless asphalt crack repair.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-photo/road-marking-road-surface_1252-1142.jpg", - }, + title: "Driveway Repair", description: "Seamless asphalt crack repair.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/road-marking-road-surface_1252-1142.jpg"}, { - title: "New Subdivision", - description: "New road development project.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937900.jpg?_wi=2", - }, + title: "New Subdivision", description: "New road development project.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937900.jpg"}, ]} /> @@ -182,35 +113,15 @@ export default function HomePage() { description="We take pride in our work and it shows in what our customers have to say about us." testimonials={[ { - name: "Mark R.", - role: "Homeowner", - quote: "Excellent work on my driveway. Looks great!", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg", - }, + name: "Mark R.", role: "Homeowner", quote: "Excellent work on my driveway. Looks great!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg"}, { - name: "Sara D.", - role: "Business Owner", - quote: "Reliable and fast commercial parking lot service.", - imageSrc: "http://img.b2bpic.net/free-photo/co-workers-joking_1098-1237.jpg", - }, + name: "Sara D.", role: "Business Owner", quote: "Reliable and fast commercial parking lot service.", imageSrc: "http://img.b2bpic.net/free-photo/co-workers-joking_1098-1237.jpg"}, { - name: "Tom H.", - role: "Homeowner", - quote: "Professional crew, highly recommended.", - imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg", - }, + name: "Tom H.", role: "Homeowner", quote: "Professional crew, highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-dark-haired-latin-man-posing-kitchen_74855-7991.jpg"}, { - name: "Lisa G.", - role: "Property Manager", - quote: "Great communication throughout the paving process.", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg", - }, + name: "Lisa G.", role: "Property Manager", quote: "Great communication throughout the paving process.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg"}, { - name: "Brian K.", - role: "Homeowner", - quote: "Quality work and great pricing. Thank you!", - imageSrc: "http://img.b2bpic.net/free-photo/joyful-freelancer-dressed-casual-t-shirt-sitting-front-laptop-looking-smiling-with-cheerful-expression-after-successful-morning-work-enjoying-sunny-day-outdoor-cafe_273609-6602.jpg", - }, + name: "Brian K.", role: "Homeowner", quote: "Quality work and great pricing. Thank you!", imageSrc: "http://img.b2bpic.net/free-photo/joyful-freelancer-dressed-casual-t-shirt-sitting-front-laptop-looking-smiling-with-cheerful-expression-after-successful-morning-work-enjoying-sunny-day-outdoor-cafe_273609-6602.jpg"}, ]} /> @@ -224,28 +135,16 @@ export default function HomePage() { description="Proven experience in delivering high-quality results across various paving projects." metrics={[ { - value: "10+", - title: "Years Experience", - features: [ - "Residential expertise", - "Commercial experience", - ], + value: "10+", title: "Years Experience", features: [ + "Residential expertise", "Commercial experience"], }, { - value: "500+", - title: "Projects Completed", - features: [ - "High quality finish", - "On-time delivery", - ], + value: "500+", title: "Projects Completed", features: [ + "High quality finish", "On-time delivery"], }, { - value: "100%", - title: "Customer Satisfaction", - features: [ - "Licensed work", - "Guarantee offered", - ], + value: "100%", title: "Customer Satisfaction", features: [ + "Licensed work", "Guarantee offered"], }, ]} /> @@ -260,19 +159,13 @@ export default function HomePage() { description="Check our most common questions about the paving process." items={[ { - question: "How long does a driveway last?", - answer: "Typically 15-20 years with proper maintenance.", - }, + question: "How long does a driveway last?", answer: "Typically 15-20 years with proper maintenance."}, { - question: "When can I park on my new driveway?", - answer: "Usually 24 to 48 hours depending on weather conditions.", - }, + question: "When can I park on my new driveway?", answer: "Usually 24 to 48 hours depending on weather conditions."}, { - question: "Do you provide estimates?", - answer: "Yes, we provide free on-site consultations and quotes.", - }, + question: "Do you provide estimates?", answer: "Yes, we provide free on-site consultations and quotes."}, ]} - imageSrc="http://img.b2bpic.net/free-photo/engineers-helmets-standing-by-factory_1157-35592.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/engineers-helmets-standing-by-factory_1157-35592.jpg" /> @@ -283,13 +176,9 @@ export default function HomePage() { tag="Contact Us" text="Ready to get started on your paving project? Contact Road One Paving for your free estimate today." primaryButton={{ - text: "Call Now", - href: "tel:5551234567", - }} + text: "Call Now", href: "tel:5551234567"}} secondaryButton={{ - text: "Email Us", - href: "mailto:info@roadonepaving.com", - }} + text: "Email Us", href: "mailto:info@roadonepaving.com"}} />