bender/d068c9f2-9d51-4a2e-995e-450bf2197f56
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-30 21:42:06 +00:00
parent f7bb62ffa6
commit d0cef84a08
1 changed files with 85 additions and 231 deletions
Download Patch File Download Diff File Expand all files Collapse all files

316
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { CalendarDays, CheckCircle, Clock, DollarSign, MapPin, Smile, Sparkles, Tool, Users } from "lucide-react";
import { CalendarDays, CheckCircle, Clock, DollarSign, MapPin, Smile, Sparkles, Users, Wrench } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,33 +33,19 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Projects",
id: "#projects",
},
name: "Projects", id: "#projects"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"}
]}
logoSrc="http://img.b2bpic.net/free-vector/home-colorful-icon-logo-design_474888-3281.jpg"
logoAlt="Orlando Roofing Pros Logo"
@@ -70,24 +56,21 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "radial-gradient",
variant: "radial-gradient"
}}
imagePosition="right"
title="Your Trusted Partner for Quality Roofing in Orlando"
description="Protecting homes and businesses across Central Florida with durable, high-quality roofing solutions and exceptional service tailored to your needs."
kpis={[
{
value: "15+",
label: "Years in Business",
value: "15+", label: "Years in Business"
},
{
value: "500+",
label: "Projects Completed",
value: "500+", label: "Projects Completed"
},
{
value: "100%",
label: "Client Satisfaction",
},
value: "100%", label: "Client Satisfaction"
}
]}
enableKpiAnimation={true}
tag="Orlando's Premier Roofing Company"
@@ -95,9 +78,8 @@ export default function LandingPage() {
tagAnimation="slide-up"
buttons={[
{
text: "Get a Free Estimate",
href: "#contact",
},
text: "Get a Free Estimate", href: "#contact"
}
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg"
@@ -105,53 +87,38 @@ export default function LandingPage() {
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-man-searching-home-rent-holding-paper-house-smiling_1258-23926.jpg",
alt: "Happy customer",
src: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-man-searching-home-rent-holding-paper-house-smiling_1258-23926.jpg", alt: "Happy customer"
},
{
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2711.jpg",
alt: "Satisfied client",
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2711.jpg", alt: "Satisfied client"
},
{
src: "http://img.b2bpic.net/free-photo/closeup-charming-delighted-cute-female-customer-give-positive-feedback-show-thumbsup-like-gesture-sm_1258-131745.jpg",
alt: "Homeowner review",
src: "http://img.b2bpic.net/free-photo/closeup-charming-delighted-cute-female-customer-give-positive-feedback-show-thumbsup-like-gesture-sm_1258-131745.jpg", alt: "Homeowner review"
},
{
src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
alt: "Business owner",
src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", alt: "Business owner"
},
{
src: "http://img.b2bpic.net/free-photo/attractive-young-man-relaxing-lunch-modern-cafe-sitting-front-open-laptop-smiling-happily-while-watching-funny-videos-online-earphones_273609-1958.jpg",
alt: "Client testimonial",
},
src: "http://img.b2bpic.net/free-photo/attractive-young-man-relaxing-lunch-modern-cafe-sitting-front-open-laptop-smiling-happily-while-watching-funny-videos-online-earphones_273609-1958.jpg", alt: "Client testimonial"
}
]}
avatarText="Trusted by hundreds of Orlando residents!"
marqueeItems={[
{
type: "text-icon",
text: "Quality Craftsmanship",
icon: Tool,
type: "text-icon", text: "Quality Craftsmanship", icon: Wrench
},
{
type: "text-icon",
text: "Local Expertise",
icon: MapPin,
type: "text-icon", text: "Local Expertise", icon: MapPin
},
{
type: "text-icon",
text: "Transparent Pricing",
icon: DollarSign,
type: "text-icon", text: "Transparent Pricing", icon: DollarSign
},
{
type: "text-icon",
text: "Timely Completion",
icon: Clock,
type: "text-icon", text: "Timely Completion", icon: Clock
},
{
type: "text-icon",
text: "Customer Focused",
icon: Smile,
},
type: "text-icon", text: "Customer Focused", icon: Smile
}
]}
/>
</div>
@@ -161,14 +128,12 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Experience & Excellence in Every Roof"
description={[
"Orlando Roofing Pros is a family-owned and operated business dedicated to providing top-tier roofing services to our Central Florida community. With over a decade of experience, our certified professionals ensure every project is completed with the highest standards of craftsmanship and unwavering customer satisfaction.",
"We specialize in both residential and commercial roofing, offering a wide range of materials and styles to meet your specific needs and budget. Trust us to deliver a roof that not only looks great but also provides lasting protection and peace of mind for your property. Your home is our priority.",
"Orlando Roofing Pros is a family-owned and operated business dedicated to providing top-tier roofing services to our Central Florida community. With over a decade of experience, our certified professionals ensure every project is completed with the highest standards of craftsmanship and unwavering customer satisfaction.", "We specialize in both residential and commercial roofing, offering a wide range of materials and styles to meet your specific needs and budget. Trust us to deliver a roof that not only looks great but also provides lasting protection and peace of mind for your property. Your home is our priority."
]}
buttons={[
{
text: "Learn More About Us",
href: "#about",
},
text: "Learn More About Us", href: "#about"
}
]}
buttonAnimation="slide-up"
/>
@@ -181,29 +146,14 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Roof Repair & Maintenance",
description: "Expert solutions for leaks, storm damage, and wear-and-tear to extend your roof's lifespan and prevent costly replacements.",
tag: "Reliable Repairs",
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg",
imageAlt: "Close up of a roofer repairing shingles on a roof",
id: "f1", title: "Roof Repair & Maintenance", description: "Expert solutions for leaks, storm damage, and wear-and-tear to extend your roof's lifespan and prevent costly replacements.", tag: "Reliable Repairs", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", imageAlt: "Close up of a roofer repairing shingles on a roof"
},
{
id: "f2",
title: "New Roof Installation",
description: "Seamless installation of high-quality roofing systems for new constructions and complete residential or commercial replacements.",
tag: "New Builds & Replacements",
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-worker-sitting-brick-wall_259150-57719.jpg",
imageAlt: "Aerial view of a new roof installation in progress",
id: "f2", title: "New Roof Installation", description: "Seamless installation of high-quality roofing systems for new constructions and complete residential or commercial replacements.", tag: "New Builds & Replacements", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-worker-sitting-brick-wall_259150-57719.jpg", imageAlt: "Aerial view of a new roof installation in progress"
},
{
id: "f3",
title: "Roof Inspections",
description: "Thorough assessments to identify potential issues, evaluate damage, and provide detailed reports for insurance or peace of mind.",
tag: "Comprehensive Checks",
imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15619.jpg",
imageAlt: "A roof inspector using a tablet to inspect a residential roof",
},
id: "f3", title: "Roof Inspections", description: "Thorough assessments to identify potential issues, evaluate damage, and provide detailed reports for insurance or peace of mind.", tag: "Comprehensive Checks", imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15619.jpg", imageAlt: "A roof inspector using a tablet to inspect a residential roof"
}
]}
title="Our Comprehensive Roofing Services"
description="From minor repairs to complete installations, we've got your Orlando property covered. Explore our specialized services."
@@ -218,65 +168,29 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "Residential",
name: "Asphalt Shingle Replacement",
price: "Project 1",
rating: 5,
reviewCount: "25 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg",
imageAlt: "Completed asphalt shingle roof on a residential home",
id: "p1", brand: "Residential", name: "Asphalt Shingle Replacement", price: "Project 1", rating: 5,
reviewCount: "25 reviews", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg", imageAlt: "Completed asphalt shingle roof on a residential home"
},
{
id: "p2",
brand: "Commercial",
name: "Metal Roofing Installation",
price: "Project 2",
rating: 5,
reviewCount: "18 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-protection-helmets_23-2149343642.jpg",
imageAlt: "Newly installed metal roof on a commercial building",
id: "p2", brand: "Commercial", name: "Metal Roofing Installation", price: "Project 2", rating: 5,
reviewCount: "18 reviews", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-protection-helmets_23-2149343642.jpg", imageAlt: "Newly installed metal roof on a commercial building"
},
{
id: "p3",
brand: "Residential",
name: "Spanish Tile Roof Upgrade",
price: "Project 3",
rating: 5,
reviewCount: "32 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/storage-house-with-cloudy-blue-sky-background_181624-16836.jpg",
imageAlt: "Spanish-style home with a beautiful new tile roof",
id: "p3", brand: "Residential", name: "Spanish Tile Roof Upgrade", price: "Project 3", rating: 5,
reviewCount: "32 reviews", imageSrc: "http://img.b2bpic.net/free-photo/storage-house-with-cloudy-blue-sky-background_181624-16836.jpg", imageAlt: "Spanish-style home with a beautiful new tile roof"
},
{
id: "p4",
brand: "Residential",
name: "Modern Flat Roof Design",
price: "Project 4",
rating: 5,
reviewCount: "15 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/3d-model-residential-building_23-2150761186.jpg",
imageAlt: "Contemporary home with a sleek, modern flat roof",
id: "p4", brand: "Residential", name: "Modern Flat Roof Design", price: "Project 4", rating: 5,
reviewCount: "15 reviews", imageSrc: "http://img.b2bpic.net/free-photo/3d-model-residential-building_23-2150761186.jpg", imageAlt: "Contemporary home with a sleek, modern flat roof"
},
{
id: "p5",
brand: "Eco-Friendly",
name: "Solar Panel Integration",
price: "Project 5",
rating: 5,
reviewCount: "12 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-park-with-concrete-buildings-roubaix-france_181624-13166.jpg",
imageAlt: "Residential roof with integrated solar panels",
id: "p5", brand: "Eco-Friendly", name: "Solar Panel Integration", price: "Project 5", rating: 5,
reviewCount: "12 reviews", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-park-with-concrete-buildings-roubaix-france_181624-13166.jpg", imageAlt: "Residential roof with integrated solar panels"
},
{
id: "p6",
brand: "Emergency",
name: "Storm Damage Restoration",
price: "Project 6",
rating: 5,
reviewCount: "40 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/old-abandoned-farm-with-barely-visible-grungy-company-name-ceiling_181624-1209.jpg",
imageAlt: "Roof after storm damage restoration with new shingles",
},
id: "p6", brand: "Emergency", name: "Storm Damage Restoration", price: "Project 6", rating: 5,
reviewCount: "40 reviews", imageSrc: "http://img.b2bpic.net/free-photo/old-abandoned-farm-with-barely-visible-grungy-company-name-ceiling_181624-1209.jpg", imageAlt: "Roof after storm damage restoration with new shingles"
}
]}
title="Our Completed Projects"
description="Browse through our portfolio of successful roofing installations and repairs across homes and businesses in the Orlando area."
@@ -291,26 +205,14 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "15+",
title: "Years of Experience",
description: "Decades of expertise in diverse roofing projects across Central Florida.",
icon: CalendarDays,
id: "m1", value: "15+", title: "Years of Experience", description: "Decades of expertise in diverse roofing projects across Central Florida.", icon: CalendarDays
},
{
id: "m2",
value: "500+",
title: "Satisfied Customers",
description: "A growing family of happy homeowners and businesses with durable roofs.",
icon: Users,
id: "m2", value: "500+", title: "Satisfied Customers", description: "A growing family of happy homeowners and businesses with durable roofs.", icon: Users
},
{
id: "m3",
value: "99%",
title: "Project Completion Rate",
description: "We deliver on time and within budget, ensuring smooth and efficient service every time.",
icon: CheckCircle,
},
id: "m3", value: "99%", title: "Project Completion Rate", description: "We deliver on time and within budget, ensuring smooth and efficient service every time.", icon: CheckCircle
}
]}
title="Why Choose Orlando Roofing Pros?"
description="Our commitment to quality, customer satisfaction, and local expertise speaks for itself. We're dedicated to protecting your property."
@@ -324,45 +226,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah Johnson",
handle: "@SarahJOrlando",
testimonial: "Orlando Roofing Pros did an amazing job replacing our old roof! The team was professional, efficient, and the quality is outstanding. Highly recommend their services!",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
imageAlt: "Sarah Johnson, a satisfied customer",
id: "t1", name: "Sarah Johnson", handle: "@SarahJOrlando", testimonial: "Orlando Roofing Pros did an amazing job replacing our old roof! The team was professional, efficient, and the quality is outstanding. Highly recommend their services!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg", imageAlt: "Sarah Johnson, a satisfied customer"
},
{
id: "t2",
name: "Michael Chen",
handle: "@MikeCProperty",
testimonial: "As a property manager, I need reliable contractors. Orlando Roofing Pros delivered a flawless commercial roof repair. Their communication was excellent throughout the process.",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-hand-out_23-2148308579.jpg",
imageAlt: "Michael Chen, a satisfied business owner",
id: "t2", name: "Michael Chen", handle: "@MikeCProperty", testimonial: "As a property manager, I need reliable contractors. Orlando Roofing Pros delivered a flawless commercial roof repair. Their communication was excellent throughout the process.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-hand-out_23-2148308579.jpg", imageAlt: "Michael Chen, a satisfied business owner"
},
{
id: "t3",
name: "Emily Rodriguez",
handle: "@EmilyRHome",
testimonial: "They made getting a new roof stress-free! The crew was respectful, cleaned up daily, and the finished product looks fantastic. Best roofing experience ever!",
imageSrc: "http://img.b2bpic.net/free-photo/person-presenting-their-job-resignation_23-2149445180.jpg",
imageAlt: "Emily Rodriguez, a satisfied homeowner",
id: "t3", name: "Emily Rodriguez", handle: "@EmilyRHome", testimonial: "They made getting a new roof stress-free! The crew was respectful, cleaned up daily, and the finished product looks fantastic. Best roofing experience ever!", imageSrc: "http://img.b2bpic.net/free-photo/person-presenting-their-job-resignation_23-2149445180.jpg", imageAlt: "Emily Rodriguez, a satisfied homeowner"
},
{
id: "t4",
name: "David Kim",
handle: "@DavidK_FL",
testimonial: "Prompt, professional, and precise. Orlando Roofing Pros fixed my leak quickly and efficiently. Their attention to detail was impressive, and the price was fair.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-looking-picture-album_23-2149515313.jpg",
imageAlt: "David Kim, a satisfied client",
id: "t4", name: "David Kim", handle: "@DavidK_FL", testimonial: "Prompt, professional, and precise. Orlando Roofing Pros fixed my leak quickly and efficiently. Their attention to detail was impressive, and the price was fair.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-looking-picture-album_23-2149515313.jpg", imageAlt: "David Kim, a satisfied client"
},
{
id: "t5",
name: "Jessica Lee",
handle: "@JessLeeHomes",
testimonial: "From the initial estimate to completion, everything was transparent and well-managed. Our new roof is beautiful and gives us great peace of mind. Thank you!",
imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346509.jpg",
imageAlt: "Jessica Lee, a happy customer",
},
id: "t5", name: "Jessica Lee", handle: "@JessLeeHomes", testimonial: "From the initial estimate to completion, everything was transparent and well-managed. Our new roof is beautiful and gives us great peace of mind. Thank you!", imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346509.jpg", imageAlt: "Jessica Lee, a happy customer"
}
]}
title="Hear From Our Satisfied Customers"
description="Read what Orlando homeowners and businesses are saying about our exceptional roofing services and commitment to quality."
@@ -375,25 +252,17 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What types of roofing do you install?",
content: "We specialize in a wide range of roofing materials, including asphalt shingles, metal roofing, tile roofs, and flat roofs. We cater to both residential and commercial properties.",
id: "q1", title: "What types of roofing do you install?", content: "We specialize in a wide range of roofing materials, including asphalt shingles, metal roofing, tile roofs, and flat roofs. We cater to both residential and commercial properties."
},
{
id: "q2",
title: "Do you offer free estimates?",
content: "Yes, we provide free, no-obligation estimates for all new roof installations, replacements, and major repairs. Contact us today to schedule yours!",
id: "q2", title: "Do you offer free estimates?", content: "Yes, we provide free, no-obligation estimates for all new roof installations, replacements, and major repairs. Contact us today to schedule yours!"
},
{
id: "q3",
title: "How long does a roof replacement take?",
content: "The duration of a roof replacement depends on the size and complexity of your roof. Typically, residential projects are completed within 1-3 days, weather permitting.",
id: "q3", title: "How long does a roof replacement take?", content: "The duration of a roof replacement depends on the size and complexity of your roof. Typically, residential projects are completed within 1-3 days, weather permitting."
},
{
id: "q4",
title: "Are you licensed and insured?",
content: "Absolutely. Orlando Roofing Pros is fully licensed, bonded, and insured in the state of Florida, ensuring your project is handled by qualified and protected professionals.",
},
id: "q4", title: "Are you licensed and insured?", content: "Absolutely. Orlando Roofing Pros is fully licensed, bonded, and insured in the state of Florida, ensuring your project is handled by qualified and protected professionals."
}
]}
imageSrc="http://img.b2bpic.net/free-photo/personal-shopper-office-with-client_23-2148929567.jpg"
imageAlt="Customer service representative helping a client with questions"
@@ -409,7 +278,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
variant: "sparkles-gradient"
}}
tag="Get Your Free Roofing Estimate"
title="Ready for a New Roof or Repair?"
@@ -428,68 +297,53 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Roof Repair",
href: "#services",
label: "Roof Repair", href: "#services"
},
{
label: "New Installation",
href: "#services",
label: "New Installation", href: "#services"
},
{
label: "Inspections",
href: "#services",
label: "Inspections", href: "#services"
},
{
label: "Commercial Roofing",
href: "#services",
},
],
label: "Commercial Roofing", href: "#services"
}
]
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
label: "About Us", href: "#about"
},
{
label: "Our Projects",
href: "#projects",
label: "Our Projects", href: "#projects"
},
{
label: "Testimonials",
href: "#testimonials",
label: "Testimonials", href: "#testimonials"
},
{
label: "FAQ",
href: "#faq",
},
],
label: "FAQ", href: "#faq"
}
]
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "Get an Estimate",
href: "#contact",
label: "Get an Estimate", href: "#contact"
},
{
label: "(407) 555-ROOF",
href: "tel:+14075557663",
label: "(407) 555-ROOF", href: "tel:+14075557663"
},
{
label: "info@orlandoroofingpros.com",
href: "mailto:info@orlandoroofingpros.com",
label: "info@orlandoroofingpros.com", href: "mailto:info@orlandoroofingpros.com"
},
{
label: "Orlando, FL",
href: "https://maps.app.goo.gl/FxVCcSdj3uHyNhsC7?g_st=ic",
},
],
},
label: "Orlando, FL", href: "https://maps.app.goo.gl/FxVCcSdj3uHyNhsC7?g_st=ic"
}
]
}
]}
bottomLeftText="© 2024 Orlando Roofing Pros. All rights reserved."
bottomRightText="Made with ❤️ in Orlando, FL."