Update src/pages/HomePage.tsx
This commit is contained in:
@@ -12,246 +12,135 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="home" data-section="home">
|
||||
<SectionErrorBoundary name="home">
|
||||
<div id="home" data-section="home">
|
||||
<SectionErrorBoundary name="home">
|
||||
<HeroSplitMediaGrid
|
||||
tag="Trusted Fuel Distribution"
|
||||
title="On-Site Fueling for Highlands County & Taney Areas"
|
||||
description="Blackhawk Fueling provides reliable, on-site mobile fueling services for fleet vehicles and industrial equipment. Keep your operations moving without the downtime."
|
||||
primaryButton={{
|
||||
text: "Request Service",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-day-light-outdoors_23-2149194801.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-gas-station_23-2148906371.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Trusted Fuel Distribution"
|
||||
title="On-Site Fueling for Highlands County & Taney Areas"
|
||||
description="Blackhawk Fueling provides reliable, on-site mobile fueling services for fleet vehicles and industrial equipment. Keep your operations moving without the downtime."
|
||||
primaryButton={{
|
||||
text: "Request Service", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "Learn More", href: "#about"}}
|
||||
items={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-day-light-outdoors_23-2149194801.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-gas-station_23-2148906371.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutMediaOverlay
|
||||
tag="About Blackhawk"
|
||||
title="Your Partner in On-Site Reliability"
|
||||
description="We specialize in delivering fuel directly to your site, ensuring your heavy equipment and fleet vehicles are always ready for action. With a focus on efficiency and safety, we serve Highlands County and surrounding Taney regions."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-spending-time-gas-station_23-2150440250.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="About Blackhawk"
|
||||
title="Your Partner in On-Site Reliability"
|
||||
description="We specialize in delivering fuel directly to your site, ensuring your heavy equipment and fleet vehicles are always ready for action. With a focus on efficiency and safety, we serve Highlands County and surrounding Taney regions."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-spending-time-gas-station_23-2150440250.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBentoGrid
|
||||
tag="Why Choose Us"
|
||||
title="Benefits of On-Site Fueling"
|
||||
description="Maximize productivity and minimize overhead with our professional onsite fueling solutions."
|
||||
features={[
|
||||
{
|
||||
title: "Fleet Readiness",
|
||||
description: "Keep your fleet running with scheduled mobile fueling.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-delivery-truck-with-box_23-2148790057.jpg",
|
||||
},
|
||||
{
|
||||
title: "Equipment Support",
|
||||
description: "Direct fueling for excavators, generators, and heavy machinery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/construction-design_24908-54528.jpg",
|
||||
},
|
||||
{
|
||||
title: "Timely Deliveries",
|
||||
description: "Reliable schedules tailored to your business operational hours.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clock-with-arrow-time-concept_187299-46702.jpg",
|
||||
},
|
||||
{
|
||||
title: "Safety First",
|
||||
description: "Certified handling and high safety standards on every job site.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-correct-sign-best-quality-assurance-guarantee-product-iso-service-concept_616485-97.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Why Choose Us"
|
||||
title="Benefits of On-Site Fueling"
|
||||
description="Maximize productivity and minimize overhead with our professional onsite fueling solutions."
|
||||
features={[
|
||||
{
|
||||
title: "Fleet Readiness", description: "Keep your fleet running with scheduled mobile fueling.", imageSrc: "http://img.b2bpic.net/free-photo/laptop-delivery-truck-with-box_23-2148790057.jpg"},
|
||||
{
|
||||
title: "Equipment Support", description: "Direct fueling for excavators, generators, and heavy machinery.", imageSrc: "http://img.b2bpic.net/free-vector/construction-design_24908-54528.jpg"},
|
||||
{
|
||||
title: "Timely Deliveries", description: "Reliable schedules tailored to your business operational hours.", imageSrc: "http://img.b2bpic.net/free-photo/clock-with-arrow-time-concept_187299-46702.jpg"},
|
||||
{
|
||||
title: "Safety First", description: "Certified handling and high safety standards on every job site.", imageSrc: "http://img.b2bpic.net/free-photo/golden-correct-sign-best-quality-assurance-guarantee-product-iso-service-concept_616485-97.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesImageBento
|
||||
tag="Our Services"
|
||||
title="Specialized Fueling Solutions"
|
||||
description="Tailored fueling plans designed to power various industrial sectors."
|
||||
items={[
|
||||
{
|
||||
title: "Fleet Services",
|
||||
description: "On-site tank filling.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-hydraulic-elements_23-2149333325.jpg",
|
||||
},
|
||||
{
|
||||
title: "Construction",
|
||||
description: "Heavy machinery support.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light-outdoors_23-2149194823.jpg",
|
||||
},
|
||||
{
|
||||
title: "Agriculture",
|
||||
description: "Fueling for farming equipment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-tractor_23-2150454934.jpg",
|
||||
},
|
||||
{
|
||||
title: "Generators",
|
||||
description: "Emergency power supply support.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-water-temperature-indicator-ship_181624-12023.jpg",
|
||||
},
|
||||
{
|
||||
title: "Logistics",
|
||||
description: "Dedicated fleet fueling schedules.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-tanker-truck-driving-winter-highway-fuel-logistics-transport_169016-71511.jpg",
|
||||
},
|
||||
{
|
||||
title: "Site Prep",
|
||||
description: "Bulk delivery to remote job sites.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beer-kegs-rows_1398-2539.jpg",
|
||||
},
|
||||
{
|
||||
title: "Consulting",
|
||||
description: "Fuel inventory management plans.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shareholders-meet-with-solar-panels-plant-managers-ask-technical-questions_482257-119331.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Services"
|
||||
title="Specialized Fueling Solutions"
|
||||
description="Tailored fueling plans designed to power various industrial sectors."
|
||||
items={[
|
||||
{ title: "Fleet Services", description: "On-site tank filling.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-hydraulic-elements_23-2149333325.jpg" },
|
||||
{ title: "Construction", description: "Heavy machinery support.", imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light-outdoors_23-2149194823.jpg" },
|
||||
{ title: "Agriculture", description: "Fueling for farming equipment.", imageSrc: "http://img.b2bpic.net/free-photo/people-tractor_23-2150454934.jpg" },
|
||||
{ title: "Generators", description: "Emergency power supply support.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-water-temperature-indicator-ship_181624-12023.jpg" },
|
||||
{ title: "Logistics", description: "Dedicated fleet fueling schedules.", imageSrc: "http://img.b2bpic.net/free-photo/green-tanker-truck-driving-winter-highway-fuel-logistics-transport_169016-71511.jpg" },
|
||||
{ title: "Site Prep", description: "Bulk delivery to remote job sites.", imageSrc: "http://img.b2bpic.net/free-photo/beer-kegs-rows_1398-2539.jpg" },
|
||||
{ title: "Consulting", description: "Fuel inventory management plans.", imageSrc: "http://img.b2bpic.net/free-photo/shareholders-meet-with-solar-panels-plant-managers-ask-technical-questions_482257-119331.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="Our Impact"
|
||||
title="Fueling Productivity"
|
||||
description="Real-world results for our partners in Highlands County."
|
||||
metrics={[
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Gallons Delivered",
|
||||
value: "1M+",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Downtime Prevented",
|
||||
value: "50k+ hrs",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Active Clients",
|
||||
value: "200+",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Impact"
|
||||
title="Fueling Productivity"
|
||||
description="Real-world results for our partners in Highlands County."
|
||||
metrics={[
|
||||
{ icon: "Droplets", title: "Gallons Delivered", value: "1M+" },
|
||||
{ icon: "Clock", title: "Downtime Prevented", value: "50k+ hrs" },
|
||||
{ icon: "Users", title: "Active Clients", value: "200+" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeOverlayCards
|
||||
tag="Testimonials"
|
||||
title="Partner Success Stories"
|
||||
description="What our clients in the Taney region are saying."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
role: "Operations Manager",
|
||||
company: "RoadWorks Inc",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Smith",
|
||||
role: "Site Lead",
|
||||
company: "Highlands Constr",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-professional-female-engineer-saleswoman-estate-agent-showing-location-client-standing_1258-95851.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike Brown",
|
||||
role: "Fleet Dispatcher",
|
||||
company: "Transport Express",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-indian-engineer-man-wearing-safety-helmet-doing-stock-tick-check-cardboard-stock-product-management-factory-warehouse-background_609648-1385.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Lisa Ray",
|
||||
role: "CEO",
|
||||
company: "Green Farms Ltd",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-holding-pen_1098-2049.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David Chan",
|
||||
role: "Logistics Lead",
|
||||
company: "Taney Delivery",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-warehouse-worker-with-tablet-standing-storage-department_342744-1465.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Testimonials"
|
||||
title="Partner Success Stories"
|
||||
description="What our clients in the Taney region are saying."
|
||||
testimonials={[
|
||||
{ name: "John Doe", role: "Operations Manager", company: "RoadWorks Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg" },
|
||||
{ name: "Sarah Smith", role: "Site Lead", company: "Highlands Constr", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-professional-female-engineer-saleswoman-estate-agent-showing-location-client-standing_1258-95851.jpg" },
|
||||
{ name: "Mike Brown", role: "Fleet Dispatcher", company: "Transport Express", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smart-indian-engineer-man-wearing-safety-helmet-doing-stock-tick-check-cardboard-stock-product-management-factory-warehouse-background_609648-1385.jpg" },
|
||||
{ name: "Lisa Ray", role: "CEO", company: "Green Farms Ltd", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-holding-pen_1098-2049.jpg" },
|
||||
{ name: "David Chan", role: "Logistics Lead", company: "Taney Delivery", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-warehouse-worker-with-tablet-standing-storage-department_342744-1465.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="FAQs"
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our fueling services."
|
||||
categories={[
|
||||
{
|
||||
name: "General",
|
||||
items: [
|
||||
{
|
||||
question: "What areas do you serve?",
|
||||
answer: "We serve all of Highlands County and the surrounding Taney regions.",
|
||||
},
|
||||
{
|
||||
question: "Can you fill large tanks?",
|
||||
answer: "Yes, we handle various tank sizes for heavy industrial equipment.",
|
||||
},
|
||||
{
|
||||
question: "How do we schedule?",
|
||||
answer: "You can reach us online or by phone to set up a recurring schedule.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="FAQs"
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our fueling services."
|
||||
categories={[
|
||||
{
|
||||
name: "General", items: [
|
||||
{ question: "What areas do you serve?", answer: "We serve all of Highlands County and the surrounding Taney regions." },
|
||||
{ question: "Can you fill large tanks?", answer: "Yes, we handle various tank sizes for heavy industrial equipment." },
|
||||
{ question: "How do we schedule?", answer: "You can reach us online or by phone to set up a recurring schedule." },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Start Fueling"
|
||||
text="Ready to streamline your site operations? Contact Blackhawk Fueling today."
|
||||
primaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Coverage",
|
||||
href: "#about",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Start Fueling"
|
||||
text="Ready to streamline your site operations? Contact Blackhawk Fueling today."
|
||||
primaryButton={{ text: "Contact Us", href: "#contact" }}
|
||||
secondaryButton={{ text: "View Coverage", href: "#about" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user