Update src/app/page.tsx
This commit is contained in:
287
src/app/page.tsx
287
src/app/page.tsx
@@ -33,108 +33,67 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Safety",
|
||||
id: "#safety",
|
||||
},
|
||||
name: "Safety", id: "#safety"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "#portfolio"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
]}
|
||||
brandName="TopRope Assist"
|
||||
button={{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
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."
|
||||
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: "12+", label: "Years Experience"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Safety Compliance",
|
||||
},
|
||||
value: "100%", label: "Safety Compliance"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Buildings Served",
|
||||
},
|
||||
value: "500+", label: "Buildings Served"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Building Assessment",
|
||||
href: "#contact",
|
||||
},
|
||||
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/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/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/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/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",
|
||||
},
|
||||
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: "OSHA Compliant"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fully Insured",
|
||||
},
|
||||
type: "text", text: "Fully Insured"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Rope Access Certified",
|
||||
},
|
||||
type: "text", text: "Rope Access Certified"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Reliable Scheduling",
|
||||
},
|
||||
type: "text", text: "Reliable Scheduling"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Southwest Florida Based",
|
||||
},
|
||||
type: "text", text: "Southwest Florida Based"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -146,19 +105,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "OSHA Certified",
|
||||
value: "100%",
|
||||
},
|
||||
label: "OSHA Certified", value: "100%"},
|
||||
{
|
||||
icon: Building2,
|
||||
label: "Safety Training",
|
||||
value: "SPRAT",
|
||||
},
|
||||
label: "Safety Training", value: "SPRAT"},
|
||||
{
|
||||
icon: FileText,
|
||||
label: "Insured up to",
|
||||
value: "$5M",
|
||||
},
|
||||
label: "Insured up to", value: "$5M"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -171,17 +124,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Emergency Response Delays",
|
||||
"Residential-focused Crews",
|
||||
"Unsafe Cleaning Methods",
|
||||
],
|
||||
"Emergency Response Delays", "Residential-focused Crews", "Unsafe Cleaning Methods"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Scheduled High-Rise Cleaning",
|
||||
"Professional Rope Access Crew",
|
||||
"Detailed Safety Reports",
|
||||
],
|
||||
"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."
|
||||
@@ -196,41 +143,17 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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",
|
||||
},
|
||||
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."
|
||||
@@ -244,45 +167,20 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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",
|
||||
},
|
||||
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"
|
||||
@@ -297,51 +195,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
name: "Standard Cleaning",
|
||||
price: "$1,500/mo",
|
||||
features: [
|
||||
"Monthly cleaning",
|
||||
"Exterior report",
|
||||
"Basic rope access",
|
||||
],
|
||||
id: "basic", name: "Standard Cleaning", price: "$1,500/mo", features: [
|
||||
"Monthly cleaning", "Exterior report", "Basic rope access"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
name: "Full Facility Care",
|
||||
price: "$3,200/mo",
|
||||
features: [
|
||||
"Bi-weekly cleaning",
|
||||
"Window + Sign fix",
|
||||
"Priority emergency line",
|
||||
],
|
||||
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",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
name: "Custom Tower Maintenance",
|
||||
price: "Custom",
|
||||
features: [
|
||||
"Tailored frequency",
|
||||
"Full infrastructure support",
|
||||
"Dedicated crew",
|
||||
],
|
||||
id: "enterprise", name: "Custom Tower Maintenance", price: "Custom", features: [
|
||||
"Tailored frequency", "Full infrastructure support", "Dedicated crew"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Quote", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -356,20 +230,11 @@ export default function LandingPage() {
|
||||
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: "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: "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.",
|
||||
},
|
||||
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"
|
||||
@@ -381,16 +246,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
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: "#",
|
||||
},
|
||||
text: "Get Quote", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -399,42 +261,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Window Cleaning",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Window Cleaning", href: "#services"},
|
||||
{
|
||||
label: "Building Maintenance",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Building Maintenance", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "About Us", href: "#hero"},
|
||||
{
|
||||
label: "Safety Certs",
|
||||
href: "#safety",
|
||||
},
|
||||
label: "Safety Certs", href: "#safety"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Get Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Get Quote", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -445,4 +292,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user