235 lines
12 KiB
TypeScript
235 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { Building2, Building, Award, TrendingUp, Phone, Mail, Truck } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="ElevatorPro"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Safety", id: "safety" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Get Quote", href: "contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
title="Mobile Elevator Solutions On Wheels"
|
|
description="Our innovative truck-mounted elevator system brings professional lifting solutions directly to your site. Safe, efficient, and ready to serve your building needs wherever you are."
|
|
tag="Innovation in Motion"
|
|
background={{ variant: "plain" }}
|
|
imagePosition="right"
|
|
imageSrc="http://img.b2bpic.net/free-photo/delivery-man-with-package-elevator-close-up_23-2148890008.jpg?_wi=1"
|
|
imageAlt="Mobile elevator truck system"
|
|
testimonials={[
|
|
{
|
|
name: "John Martinez", handle: "Building Manager, Downtown Plaza", testimonial: "The mobile elevator truck transformed our project timeline. Quick deployment, professional installation, and excellent support throughout.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5365.jpg"
|
|
},
|
|
{
|
|
name: "Sarah Chen", handle: "Facilities Director, Tech Campus", testimonial: "Best investment for our temporary needs. The mobile solution eliminated costly downtime and provided flexibility we never had before.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/well-dressed-employee-outdoors_1098-2197.jpg"
|
|
}
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Schedule Service", href: "contact" },
|
|
{ text: "Learn More", href: "services" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Why Choose Us"
|
|
icon={Truck}
|
|
title="Revolutionary Mobile Elevator Technology"
|
|
description="ElevatorPro Mobile Solutions"
|
|
subdescription="Delivering elevator services with cutting-edge truck-mounted systems"
|
|
imageSrc="http://img.b2bpic.net/free-photo/inspectors-interacting_1098-14279.jpg"
|
|
imageAlt="Mobile elevator truck deployment"
|
|
mediaAnimation="blur-reveal"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyThree
|
|
title="Mobile Elevator Services"
|
|
description="Our truck-mounted elevator system provides flexible, efficient solutions for any project"
|
|
tag="On-Demand Lifting"
|
|
features={[
|
|
{
|
|
id: "1", title: "Rapid Deployment", tags: ["Quick Setup", "Minimal Prep", "Ready to Go"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-tools_23-2148428275.jpg", imageAlt: "Mobile elevator deployment"
|
|
},
|
|
{
|
|
id: "2", title: "Temporary Solutions", tags: ["Flexible Terms", "Scalable", "Cost-Effective"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/worker-construction-site-wearing-medical-mask_23-2148784069.jpg", imageAlt: "Temporary elevator installation"
|
|
},
|
|
{
|
|
id: "3", title: "Emergency Service", tags: ["24/7 Available", "Fast Response", "Reliable"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-with-package-elevator-close-up_23-2148890008.jpg?_wi=2", imageAlt: "Emergency mobile elevator service"
|
|
},
|
|
{
|
|
id: "4", title: "Construction Support", tags: ["New Projects", "Renovation", "Support"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-51507.jpg", imageAlt: "Construction site elevator support"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="safety" data-section="safety">
|
|
<FeatureCardTwentyThree
|
|
title="Safety & Compliance Standards"
|
|
description="Our mobile elevator systems meet all ASME, ANSI, and local safety codes. Every deployment is certified and inspected."
|
|
tag="Certified & Compliant"
|
|
features={[
|
|
{
|
|
id: "1", title: "Certified Technicians", tags: ["ANSI Certified", "Licensed", "Trained"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/factory-manager-holding-meeting-talking-his-employees-about-project-plans_637285-4135.jpg", imageAlt: "Certified mobile elevator technicians"
|
|
},
|
|
{
|
|
id: "2", title: "Pre-Deployment Inspection", tags: ["Full Checks", "Compliant", "Documented"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-construction_23-2150772905.jpg", imageAlt: "Pre-deployment safety inspection"
|
|
},
|
|
{
|
|
id: "3", title: "Advanced Safety Systems", tags: ["Backup Systems", "Monitoring", "Emergency"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-electrician-reads-tablet-schematics-by-switchgear-close-inspection_169016-71094.jpg", imageAlt: "Advanced mobile elevator safety technology"
|
|
},
|
|
{
|
|
id: "4", title: "Insurance & Bonding", tags: ["Full Coverage", "Bonded", "Protected"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bank-worker-offering-loan-agreement-focus-document-close-up_1163-4278.jpg", imageAlt: "Insurance and bonding coverage"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
title="Mobile Elevator Impact"
|
|
description="Leading the industry with innovative truck-mounted elevator solutions"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "150", title: "Projects", description: "Successfully completed mobile elevator deployments", icon: Building
|
|
},
|
|
{
|
|
id: "2", value: "15", title: "Years", description: "Of mobile lifting expertise and innovation", icon: Award
|
|
},
|
|
{
|
|
id: "3", value: "99.9", title: "Reliability", description: "Mobile elevator system uptime percentage", icon: TrendingUp
|
|
},
|
|
{
|
|
id: "4", value: "24/7", title: "Support", description: "Emergency response and mobile service availability", icon: Phone
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="ElevatorPro's mobile elevator truck saved our construction project. The flexibility and quick deployment made all the difference. Their team is professional and the system is incredibly reliable."
|
|
rating={5}
|
|
author="Michael Torres, Project Director"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg", alt: "Client 1" },
|
|
{ src: "http://img.b2bpic.net/free-photo/empowered-business-woman-office_23-2149279555.jpg", alt: "Client 2" },
|
|
{ src: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-smiling-standing-near-business-centre_176420-16777.jpg", alt: "Client 3" },
|
|
{ src: "http://img.b2bpic.net/free-photo/confident-businessman-posing-outside_74855-1551.jpg", alt: "Client 4" },
|
|
{ src: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg", alt: "Client 5" },
|
|
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097942.jpg", alt: "Client 6" }
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get Started"
|
|
tagIcon={Mail}
|
|
title="Deploy Your Mobile Elevator Today"
|
|
description="Contact our team to schedule deployment of our innovative truck-mounted elevator system. Available 24/7 for urgent needs."
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="your@company.com"
|
|
buttonText="Request Mobile Service"
|
|
termsText="We respect your privacy. Your information is secure with us."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Mobile Deployment", href: "#services" },
|
|
{ label: "Emergency Service", href: "#services" },
|
|
{ label: "Temporary Solutions", href: "#services" },
|
|
{ label: "Construction Support", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Safety Standards", href: "#safety" },
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "Careers", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Compliance", href: "#" },
|
|
{ label: "Insurance", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2024 ElevatorPro Mobile Solutions. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|