295 lines
12 KiB
TypeScript
295 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { Building2, FileText, ShieldCheck } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "Safety", id: "#safety"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Portfolio", id: "#portfolio"},
|
|
{
|
|
name: "Pricing", id: "#pricing"},
|
|
]}
|
|
brandName="TopRope Assist"
|
|
button={{
|
|
text: "Get Quote", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="High-Rise Window Cleaning & Maintenance for Commercial Properties"
|
|
description="Dirty high-rise windows are more than a liability, they cost you revenue. We are your local, certified rope access experts specializing in safe, professional building maintenance."
|
|
kpis={[
|
|
{
|
|
value: "12+", label: "Years Experience"},
|
|
{
|
|
value: "100%", label: "Safety Compliance"},
|
|
{
|
|
value: "500+", label: "Buildings Served"},
|
|
]}
|
|
enableKpiAnimation={true}
|
|
buttons={[
|
|
{
|
|
text: "Get Free Building Assessment", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/workers-washing-windows-office-building_1153-4658.jpg"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-hard-work_181624-33428.jpg", alt: "worker"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-businessman-working-his-office-businessperson-professional-environment_482257-32745.jpg", alt: "worker"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-man-using-tablet-street-cafe_1262-19056.jpg", alt: "worker"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-foreman-auto-mechanic-workshop-using-touchpad-looking-camera_637285-9410.jpg", alt: "worker"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg", alt: "worker"},
|
|
]}
|
|
avatarText="Join 500+ satisfied facility managers"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "OSHA Compliant"},
|
|
{
|
|
type: "text", text: "Fully Insured"},
|
|
{
|
|
type: "text", text: "Rope Access Certified"},
|
|
{
|
|
type: "text", text: "Reliable Scheduling"},
|
|
{
|
|
type: "text", text: "Southwest Florida Based"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="safety" data-section="safety">
|
|
<AboutMetric
|
|
useInvertedBackground={true}
|
|
title="Unmatched Safety Standards"
|
|
metrics={[
|
|
{
|
|
icon: ShieldCheck,
|
|
label: "OSHA Certified", value: "100%"},
|
|
{
|
|
icon: Building2,
|
|
label: "Safety Training", value: "SPRAT"},
|
|
{
|
|
icon: FileText,
|
|
label: "Insured up to", value: "$5M"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
negativeCard={{
|
|
items: [
|
|
"Emergency Response Delays", "Residential-focused Crews", "Unsafe Cleaning Methods"],
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"Scheduled High-Rise Cleaning", "Professional Rope Access Crew", "Detailed Safety Reports"],
|
|
}}
|
|
title="Comprehensive Building Maintenance"
|
|
description="Beyond just windows, we provide specialized high-rise care for commercial properties."
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Grand Tower, Naples", price: "50k sq ft", imageSrc: "http://img.b2bpic.net/free-photo/buildings-around_1127-3105.jpg"},
|
|
{
|
|
id: "p2", name: "Coast Plaza Suites", price: "80k sq ft", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-man-doing-parkour_23-2150490228.jpg"},
|
|
{
|
|
id: "p3", name: "Harbor View Tower", price: "35k sq ft", imageSrc: "http://img.b2bpic.net/free-photo/two-workers-washing-windows-outside-building_1268-20391.jpg"},
|
|
{
|
|
id: "p4", name: "Executive Plaza I", price: "45k sq ft", imageSrc: "http://img.b2bpic.net/free-photo/female-architect-with-helmet_23-2147702501.jpg"},
|
|
{
|
|
id: "p5", name: "Executive Plaza II", price: "45k sq ft", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-metal-steel-bars-glass-windows-building_181624-21421.jpg"},
|
|
{
|
|
id: "p6", name: "Skyline Commercial Center", price: "120k sq ft", imageSrc: "http://img.b2bpic.net/free-photo/window-washing_268835-3241.jpg"},
|
|
]}
|
|
title="Building Portfolio & Case Studies"
|
|
description="See the results of our high-altitude maintenance expertise."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Sarah Miller", handle: "Facility Manager", testimonial: "Reliable, professional, and always safe.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg"},
|
|
{
|
|
id: "t2", name: "David Chen", handle: "Prop. Manager", testimonial: "Transparent pricing and excellent communication.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-manual-worker_1398-1720.jpg"},
|
|
{
|
|
id: "t3", name: "Emily Russo", handle: "Building Owner", testimonial: "Highest safety standards I've seen.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-industry-4-0-solar-panels-plant-elderly-supervisor-overseeing-facility-smiling-photovoltaics_482257-135647.jpg"},
|
|
{
|
|
id: "t4", name: "Mark Stevens", handle: "Property Exec", testimonial: "The only firm we call for complex high-rise work.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-holding-digital-tablet_1170-1351.jpg"},
|
|
{
|
|
id: "t5", name: "Jessica Low", handle: "Ops Director", testimonial: "Professionalism is their calling card.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205467.jpg"},
|
|
]}
|
|
showRating={true}
|
|
title="Trusted by Southwest Florida Managers"
|
|
description="Our commitment to safety and quality has made us the trusted choice for commercial properties."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{
|
|
id: "basic", name: "Standard Cleaning", price: "$1,500/mo", features: [
|
|
"Monthly cleaning", "Exterior report", "Basic rope access"],
|
|
buttons: [
|
|
{
|
|
text: "Select", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
id: "pro", name: "Full Facility Care", price: "$3,200/mo", features: [
|
|
"Bi-weekly cleaning", "Window + Sign fix", "Priority emergency line"],
|
|
buttons: [
|
|
{
|
|
text: "Select", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
id: "enterprise", name: "Custom Tower Maintenance", price: "Custom", features: [
|
|
"Tailored frequency", "Full infrastructure support", "Dedicated crew"],
|
|
buttons: [
|
|
{
|
|
text: "Get Quote", href: "#contact"},
|
|
],
|
|
},
|
|
]}
|
|
title="Transparent Maintenance Pricing"
|
|
description="Standardized monthly commercial rates for recurring contracts."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "f1", title: "Are you fully insured for high-rise?", content: "Yes, we carry extensive liability insurance specifically tailored for high-rise industrial work."},
|
|
{
|
|
id: "f2", title: "Do you provide emergency services?", content: "Our enterprise contracts include a priority emergency response line for urgent building issues."},
|
|
{
|
|
id: "f3", title: "What credentials does your crew have?", content: "Our crew is fully OSHA-certified with additional SPRAT/IRATA rope access credentials."},
|
|
]}
|
|
title="Common Questions"
|
|
faqsAnimation="slide-up"
|
|
description="Have questions about our process? We have the answers."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
tag="Ready to get started?"
|
|
title="Request a Free Building Assessment"
|
|
description="Schedule a site visit to discuss your maintenance requirements with our experts."
|
|
buttons={[
|
|
{
|
|
text: "Get Quote", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Window Cleaning", href: "#services"},
|
|
{
|
|
label: "Building Maintenance", href: "#services"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#hero"},
|
|
{
|
|
label: "Safety Certs", href: "#safety"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{
|
|
label: "Get Quote", href: "#contact"},
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 TopRope Assist"
|
|
bottomRightText="Serving Southwest Florida"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |