Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
300
src/app/page.tsx
300
src/app/page.tsx
@@ -34,37 +34,21 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Generators",
|
||||
id: "#generators",
|
||||
},
|
||||
name: "Generators", id: "#generators"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQs",
|
||||
id: "#faqs",
|
||||
},
|
||||
name: "FAQs", id: "#faqs"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="PowerRent Generators"
|
||||
/>
|
||||
@@ -73,51 +57,28 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Reliable Power, When You Need It Most"
|
||||
description="Don't let power outages or lack of electricity stop your projects. PowerRent Generators offers a comprehensive fleet of high-quality generators for every need, from events to industrial sites. We deliver, install, and support, ensuring seamless power."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Generators",
|
||||
href: "#generators",
|
||||
},
|
||||
text: "Explore Generators", href: "#generators"},
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "hero-1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-business-district_23-2148836795.jpg",
|
||||
imageAlt: "Large industrial generator at a construction site",
|
||||
},
|
||||
id: "hero-1", imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-business-district_23-2148836795.jpg", imageAlt: "Large industrial generator at a construction site"},
|
||||
{
|
||||
id: "hero-2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sexy-brunette-woman-white-jacket-black-shirt-leather-brown-skirt-restaurant_343629-149.jpg",
|
||||
imageAlt: "Diesel generator powering a commercial building",
|
||||
},
|
||||
id: "hero-2", imageSrc: "http://img.b2bpic.net/free-photo/sexy-brunette-woman-white-jacket-black-shirt-leather-brown-skirt-restaurant_343629-149.jpg", imageAlt: "Diesel generator powering a commercial building"},
|
||||
{
|
||||
id: "hero-3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tall-concrete-building-with-blue-lights_250224-163.jpg",
|
||||
imageAlt: "Silent generator at an outdoor event",
|
||||
},
|
||||
id: "hero-3", imageSrc: "http://img.b2bpic.net/free-photo/tall-concrete-building-with-blue-lights_250224-163.jpg", imageAlt: "Silent generator at an outdoor event"},
|
||||
{
|
||||
id: "hero-4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/machinery-with-control-panels-buttons-switches-warehouse-3d-render_482257-84396.jpg",
|
||||
imageAlt: "Fleet of diverse rental generators",
|
||||
},
|
||||
id: "hero-4", imageSrc: "http://img.b2bpic.net/free-photo/machinery-with-control-panels-buttons-switches-warehouse-3d-render_482257-84396.jpg", imageAlt: "Fleet of diverse rental generators"},
|
||||
{
|
||||
id: "hero-5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-tool_23-2148921405.jpg",
|
||||
imageAlt: "Technician performing maintenance on a generator",
|
||||
},
|
||||
id: "hero-5", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-tool_23-2148921405.jpg", imageAlt: "Technician performing maintenance on a generator"},
|
||||
{
|
||||
id: "hero-6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-engineer-wearing-equipment_23-2149354007.jpg",
|
||||
imageAlt: "Generator providing backup power to a critical facility",
|
||||
},
|
||||
id: "hero-6", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-engineer-wearing-equipment_23-2149354007.jpg", imageAlt: "Generator providing backup power to a critical facility"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,17 +92,11 @@ export default function LandingPage() {
|
||||
description="PowerRent Generators has been providing reliable and efficient power rental solutions for over a decade. We pride ourselves on our extensive fleet, expert service, and commitment to client satisfaction. From planned projects to emergency needs, we ensure you always have power."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Extensive Fleet",
|
||||
description: "A wide range of generators, from portable to industrial-grade, catering to all power demands.",
|
||||
},
|
||||
title: "Extensive Fleet", description: "A wide range of generators, from portable to industrial-grade, catering to all power demands."},
|
||||
{
|
||||
title: "Expert Support",
|
||||
description: "Our team of certified technicians provides 24/7 support, delivery, and installation.",
|
||||
},
|
||||
title: "Expert Support", description: "Our team of certified technicians provides 24/7 support, delivery, and installation."},
|
||||
{
|
||||
title: "Flexible Rental",
|
||||
description: "Customizable rental terms, from daily rates to long-term project agreements.",
|
||||
},
|
||||
title: "Flexible Rental", description: "Customizable rental terms, from daily rates to long-term project agreements."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/electrician-overalls-focused-work-switchboard-with-fuses-using-tablet_169016-66404.jpg"
|
||||
imageAlt="Technicians inspecting a large power generator"
|
||||
@@ -156,20 +111,11 @@ export default function LandingPage() {
|
||||
description="We go beyond just renting generators. Our full suite of services ensures a hassle-free experience, from initial consultation to decommissioning."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "service-1",
|
||||
title: "Delivery & Setup",
|
||||
content: "Professional delivery, precise installation, and comprehensive testing at your site.",
|
||||
},
|
||||
id: "service-1", title: "Delivery & Setup", content: "Professional delivery, precise installation, and comprehensive testing at your site."},
|
||||
{
|
||||
id: "service-2",
|
||||
title: "Maintenance & Fueling",
|
||||
content: "Regular maintenance, on-site refueling, and proactive monitoring to prevent downtime.",
|
||||
},
|
||||
id: "service-2", title: "Maintenance & Fueling", content: "Regular maintenance, on-site refueling, and proactive monitoring to prevent downtime."},
|
||||
{
|
||||
id: "service-3",
|
||||
title: "24/7 Technical Support",
|
||||
content: "Our expert technicians are available around the clock to assist with any power-related issues.",
|
||||
},
|
||||
id: "service-3", title: "24/7 Technical Support", content: "Our expert technicians are available around the clock to assist with any power-related issues."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-tractor-operator_1398-1749.jpg"
|
||||
imageAlt="Generator being delivered to a construction site by truck"
|
||||
@@ -186,47 +132,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "gen-1",
|
||||
name: "Portable Inverter Generator",
|
||||
price: "From $50/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-person-enjoying-their-winter-camping_23-2149228941.jpg",
|
||||
imageAlt: "Small portable inverter generator",
|
||||
},
|
||||
id: "gen-1", name: "Portable Inverter Generator", price: "From $50/day", imageSrc: "http://img.b2bpic.net/free-photo/young-person-enjoying-their-winter-camping_23-2149228941.jpg", imageAlt: "Small portable inverter generator"},
|
||||
{
|
||||
id: "gen-2",
|
||||
name: "Medium Diesel Generator",
|
||||
price: "From $150/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/windmills-field_1204-326.jpg",
|
||||
imageAlt: "Mid-size diesel generator",
|
||||
},
|
||||
id: "gen-2", name: "Medium Diesel Generator", price: "From $150/day", imageSrc: "http://img.b2bpic.net/free-photo/windmills-field_1204-326.jpg", imageAlt: "Mid-size diesel generator"},
|
||||
{
|
||||
id: "gen-3",
|
||||
name: "Industrial Diesel Generator",
|
||||
price: "From $300/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fourth-block-chernobyl-nuclear-power-plant-30-years-after-explosion-nuclear-power-plant_627829-11676.jpg",
|
||||
imageAlt: "Large industrial diesel generator",
|
||||
},
|
||||
id: "gen-3", name: "Industrial Diesel Generator", price: "From $300/day", imageSrc: "http://img.b2bpic.net/free-photo/fourth-block-chernobyl-nuclear-power-plant-30-years-after-explosion-nuclear-power-plant_627829-11676.jpg", imageAlt: "Large industrial diesel generator"},
|
||||
{
|
||||
id: "gen-4",
|
||||
name: "Super Silent Event Generator",
|
||||
price: "From $200/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-boombox_23-2150880813.jpg",
|
||||
imageAlt: "Sound attenuated generator for events",
|
||||
},
|
||||
id: "gen-4", name: "Super Silent Event Generator", price: "From $200/day", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-boombox_23-2150880813.jpg", imageAlt: "Sound attenuated generator for events"},
|
||||
{
|
||||
id: "gen-5",
|
||||
name: "Trailer Mounted Generator",
|
||||
price: "From $250/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/variety-tents-van-camping_23-2148301311.jpg",
|
||||
imageAlt: "Trailer mounted generator",
|
||||
},
|
||||
id: "gen-5", name: "Trailer Mounted Generator", price: "From $250/day", imageSrc: "http://img.b2bpic.net/free-photo/variety-tents-van-camping_23-2148301311.jpg", imageAlt: "Trailer mounted generator"},
|
||||
{
|
||||
id: "gen-6",
|
||||
name: "Home Standby Gas Generator",
|
||||
price: "From $100/day",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-using-nebulizer-home_23-2150562056.jpg",
|
||||
imageAlt: "Gas powered home standby generator",
|
||||
},
|
||||
id: "gen-6", name: "Home Standby Gas Generator", price: "From $100/day", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-using-nebulizer-home_23-2150562056.jpg", imageAlt: "Gas powered home standby generator"},
|
||||
]}
|
||||
title="Our Diverse Generator Fleet"
|
||||
description="Explore our range of reliable generators, designed to meet the demands of any application. From silent events to heavy industrial use, we have the perfect power solution."
|
||||
@@ -240,55 +156,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "plan-1",
|
||||
badge: "Short Term",
|
||||
price: "Daily Rates",
|
||||
name: "Quick Power Boost",
|
||||
buttons: [
|
||||
id: "plan-1", badge: "Short Term", price: "Daily Rates", name: "Quick Power Boost", buttons: [
|
||||
{
|
||||
text: "Get Daily Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Daily Quote", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Ideal for emergencies",
|
||||
"Minimum 1-day rental",
|
||||
"Includes basic support",
|
||||
],
|
||||
"Ideal for emergencies", "Minimum 1-day rental", "Includes basic support"],
|
||||
},
|
||||
{
|
||||
id: "plan-2",
|
||||
badge: "Popular",
|
||||
price: "Weekly Rates",
|
||||
name: "Project Power Pack",
|
||||
buttons: [
|
||||
id: "plan-2", badge: "Popular", price: "Weekly Rates", name: "Project Power Pack", buttons: [
|
||||
{
|
||||
text: "Get Weekly Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Weekly Quote", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Cost-effective for projects",
|
||||
"Includes delivery & setup",
|
||||
"Priority technical support",
|
||||
],
|
||||
"Cost-effective for projects", "Includes delivery & setup", "Priority technical support"],
|
||||
},
|
||||
{
|
||||
id: "plan-3",
|
||||
badge: "Best Value",
|
||||
price: "Monthly Rates",
|
||||
name: "Long-Term Solutions",
|
||||
buttons: [
|
||||
id: "plan-3", badge: "Best Value", price: "Monthly Rates", name: "Long-Term Solutions", buttons: [
|
||||
{
|
||||
text: "Get Monthly Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Monthly Quote", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Significant cost savings",
|
||||
"Full maintenance package",
|
||||
"Dedicated account manager",
|
||||
],
|
||||
"Significant cost savings", "Full maintenance package", "Dedicated account manager"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Rental Plans"
|
||||
@@ -302,23 +191,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-1",
|
||||
icon: Award,
|
||||
title: "Years in Service",
|
||||
value: "10+",
|
||||
},
|
||||
id: "metric-1", icon: Award,
|
||||
title: "Years in Service", value: "10+"},
|
||||
{
|
||||
id: "metric-2",
|
||||
icon: Users,
|
||||
title: "Satisfied Clients",
|
||||
value: "500+",
|
||||
},
|
||||
id: "metric-2", icon: Users,
|
||||
title: "Satisfied Clients", value: "500+"},
|
||||
{
|
||||
id: "metric-3",
|
||||
icon: Zap,
|
||||
title: "Generators in Fleet",
|
||||
value: "200+",
|
||||
},
|
||||
id: "metric-3", icon: Zap,
|
||||
title: "Generators in Fleet", value: "200+"},
|
||||
]}
|
||||
title="Our Commitment to Excellence"
|
||||
description="We are driven by a passion for reliable power and exceptional service. Our numbers speak for themselves."
|
||||
@@ -333,25 +213,16 @@ export default function LandingPage() {
|
||||
author="Sarah L., Event Coordinator"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
|
||||
alt: "Sarah L.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", alt: "Sarah L."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-girl-striped-jersey-looking-camera_1187-5166.jpg",
|
||||
alt: "Mark T.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-girl-striped-jersey-looking-camera_1187-5166.jpg", alt: "Mark T."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-business-man-engineer-hard-hat-building_1303-21172.jpg",
|
||||
alt: "Jessica R.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-business-man-engineer-hard-hat-building_1303-21172.jpg", alt: "Jessica R."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg",
|
||||
alt: "David K.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg", alt: "David K."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3796.jpg",
|
||||
alt: "Samantha P.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3796.jpg", alt: "Samantha P."
|
||||
}
|
||||
]}
|
||||
ratingAnimation="opacity"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -364,25 +235,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What size generator do I need?",
|
||||
content: "The required generator size depends on your power needs. Our team can help you calculate the precise wattage based on the equipment you plan to run. Just contact us with your requirements!",
|
||||
},
|
||||
id: "faq-1", title: "What size generator do I need?", content: "The required generator size depends on your power needs. Our team can help you calculate the precise wattage based on the equipment you plan to run. Just contact us with your requirements!"},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Do you offer delivery and setup?",
|
||||
content: "Yes, we provide comprehensive delivery, professional setup, and testing services to ensure your generator is ready to go when you need it.",
|
||||
},
|
||||
id: "faq-2", title: "Do you offer delivery and setup?", content: "Yes, we provide comprehensive delivery, professional setup, and testing services to ensure your generator is ready to go when you need it."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "What about fuel and maintenance?",
|
||||
content: "We offer fueling services and regular on-site maintenance as part of our rental packages, ensuring uninterrupted power for your entire rental period.",
|
||||
},
|
||||
id: "faq-3", title: "What about fuel and maintenance?", content: "We offer fueling services and regular on-site maintenance as part of our rental packages, ensuring uninterrupted power for your entire rental period."},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "What areas do you serve?",
|
||||
content: "PowerRent Generators serves a wide geographical area. Please contact us with your location, and we'll confirm service availability.",
|
||||
},
|
||||
id: "faq-4", title: "What areas do you serve?", content: "PowerRent Generators serves a wide geographical area. Please contact us with your location, and we'll confirm service availability."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common inquiries about our generator rental services."
|
||||
@@ -394,18 +253,14 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
variant: "rotated-rays-static"
|
||||
}}
|
||||
text="Ready to power your next project or event? Get in touch with our team today for a free consultation and quote. We're here to help!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "mailto:info@powerrent.com",
|
||||
},
|
||||
text: "Request a Quote", href: "mailto:info@powerrent.com"},
|
||||
{
|
||||
text: "Call Us Now",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
text: "Call Us Now", href: "tel:+1234567890"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -418,50 +273,31 @@ export default function LandingPage() {
|
||||
logoText="PowerRent Generators"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Our Fleet",
|
||||
href: "#generators",
|
||||
},
|
||||
label: "Our Fleet", href: "#generators"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faqs",
|
||||
},
|
||||
label: "FAQs", href: "#faqs"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user