Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #4.
This commit is contained in:
@@ -81,7 +81,6 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
|
||||
@@ -2,13 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import { Award, Building, CheckCircle, Clock, Home, Palette, Phone, Search, Shield, ShieldCheck, Sparkles, Square, Sun } from "lucide-react";
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import { Factory, HardHat, Hammer, CloudLightning, Brush, Handshake } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,242 +26,52 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "about-us",
|
||||
href: "/about",
|
||||
},
|
||||
name: "About Us", id: "/about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
href: "/services",
|
||||
},
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
href: "/#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "/#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
href: "/#faq",
|
||||
},
|
||||
name: "FAQ", id: "/#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
href: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Get a Free Quote",
|
||||
href: "/contact",
|
||||
}}
|
||||
text: "Get a Free Quote", href: "/contact"}}
|
||||
brandName="Miami Roof Pros"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Residential Roofing",
|
||||
description: "Protect your home with our expert residential roofing services, offering a variety of materials and styles.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thai-style-gold-decoration-concept_53876-23418.jpg?_wi=3",
|
||||
imageAlt: "residential house with new roof",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Home,
|
||||
text: "Tile Roofs",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
text: "Shingle Roofs",
|
||||
},
|
||||
{
|
||||
icon: Sun,
|
||||
text: "Flat Roofs",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Metal Roofing",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Commercial Roofing",
|
||||
description: "Reliable and durable roofing solutions designed for businesses, ensuring minimal disruption and maximum protection.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builders-discussing-drafts_23-2147785492.jpg?_wi=2",
|
||||
imageAlt: "commercial building with flat roof",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Building,
|
||||
text: "TPO & PVC",
|
||||
},
|
||||
{
|
||||
icon: Square,
|
||||
text: "Modified Bitumen",
|
||||
},
|
||||
{
|
||||
icon: Factory,
|
||||
text: "EPDM",
|
||||
},
|
||||
{
|
||||
icon: HardHat,
|
||||
text: "Roof Coatings",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Roof Repair & Maintenance",
|
||||
description: "Extend the life of your roof with our prompt repair and comprehensive maintenance services. We tackle leaks, storm damage, and wear and tear.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-plaid-shirt-sitting-stone-stair_23-2147910909.jpg?_wi=2",
|
||||
imageAlt: "roof repair with damaged tiles",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Hammer,
|
||||
text: "Leak Detection & Repair",
|
||||
},
|
||||
{
|
||||
icon: CloudLightning,
|
||||
text: "Storm Damage",
|
||||
},
|
||||
{
|
||||
icon: Search,
|
||||
text: "Regular Inspections",
|
||||
},
|
||||
{
|
||||
icon: Brush,
|
||||
text: "Cleaning & Sealing",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Roofing Solutions for South Florida"
|
||||
description="Miami Roof Pros offers a full spectrum of roofing services, expertly tailored to protect and enhance your property. From detailed inspections to complete new roof installations, we ensure quality and durability."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureHoverPattern
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardFour
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="blur-reveal"
|
||||
products={[
|
||||
{
|
||||
icon: Award,
|
||||
title: "Certified Experts",
|
||||
description: "Our team consists of highly trained and certified roofing specialists dedicated to quality.",
|
||||
id: "1", name: "Residential Roofing", price: "Contact for Quote", variant: "Home Solutions", imageSrc: "http://img.b2bpic.net/free-photo/house-roof-construction_1340-27204.jpg", imageAlt: "Residential Roofing"
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Quality Assurance",
|
||||
description: "We use only the highest-grade materials to guarantee long-lasting, durable roofs.",
|
||||
id: "2", name: "Commercial Roofing", price: "Contact for Quote", variant: "Business Solutions", imageSrc: "http://img.b2bpic.net/free-photo/industrial-building-with-metal-roof_1127-2489.jpg", imageAlt: "Commercial Roofing"
|
||||
},
|
||||
{
|
||||
icon: Handshake,
|
||||
title: "Customer-Centric",
|
||||
description: "Your satisfaction is our priority, with transparent communication and personalized service.",
|
||||
id: "3", name: "Roof Repair & Maintenance", price: "Contact for Quote", variant: "Repair & Care", imageSrc: "http://img.b2bpic.net/free-photo/roofer-at-work_23-2147743135.jpg", imageAlt: "Roof Repair & Maintenance"
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Timely Completion",
|
||||
description: "Efficient project management ensures your roofing project is completed on schedule.",
|
||||
id: "4", name: "Roof Inspections", price: "Contact for Quote", variant: "Detailed Assessments", imageSrc: "http://img.b2bpic.net/free-photo/man-inspecting-roof_23-2149591448.jpg", imageAlt: "Roof Inspections"
|
||||
},
|
||||
{
|
||||
icon: Palette,
|
||||
title: "Aesthetic Appeal",
|
||||
description: "We offer diverse options to match your property's style and enhance its curb appeal.",
|
||||
id: "5", name: "Roof Coating & Restoration", price: "Contact for Quote", variant: "Extend Roof Life", imageSrc: "http://img.b2bpic.net/free-photo/roof-coating-application_23-2149021815.jpg", imageAlt: "Roof Coating & Restoration"
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Warranty Protected",
|
||||
description: "All our services come with comprehensive warranties for your peace of mind.",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Miami Roof Pros for Your Project?"
|
||||
description="Our commitment to excellence, transparency, and customer satisfaction sets us apart. We ensure every project is handled with professionalism and superior quality."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What types of residential roofing do you offer?",
|
||||
content: "We specialize in a variety of residential roofing types including tile roofs, shingle roofs, flat roofs, and metal roofing systems, tailored to your home's architecture and your budget.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can you handle large-scale commercial roofing projects?",
|
||||
content: "Yes, Miami Roof Pros has extensive experience with large commercial roofing projects, including TPO, PVC, modified bitumen, EPDM, and roof coating applications.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "How often should I have my roof inspected?",
|
||||
content: "We recommend an annual roof inspection, especially in South Florida's climate, to catch potential issues early and prevent costly repairs down the line.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do you offer emergency roof repair services?",
|
||||
content: "Absolutely. We provide prompt emergency roof repair services to address storm damage, significant leaks, or any urgent roofing issues to protect your property.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "What is the typical lifespan of a new roof?",
|
||||
content: "The lifespan of a new roof varies depending on the material. Shingle roofs typically last 20-30 years, tile roofs 50+ years, and metal roofs 40-70 years with proper maintenance.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abandoned-building-clear-sky_23-2147770406.jpg?_wi=2"
|
||||
imageAlt="New roof installation crew at work"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="right"
|
||||
title="Frequently Asked Questions About Our Services"
|
||||
description="Find answers to common questions about our roofing services, processes, and what to expect when working with Miami Roof Pros."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Ready to Start?"
|
||||
tagIcon={Phone}
|
||||
title="Get Your Free Roofing Estimate Today!"
|
||||
description="Whether it's a new installation, a complex repair, or routine maintenance, Miami Roof Pros is here to provide expert service. Contact us now for a detailed assessment and a no-obligation quote."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "Call Us Now",
|
||||
href: "tel:+13051234567",
|
||||
id: "6", name: "Emergency Services", price: "Contact for Quote", variant: "24/7 Rapid Response", imageSrc: "http://img.b2bpic.net/free-photo/emergency-roof-repair_23-2148905381.jpg", imageAlt: "Emergency Roofing Services"
|
||||
},
|
||||
]}
|
||||
title="Our Comprehensive Roofing Services"
|
||||
description="Miami Roof Pros offers a full spectrum of roofing services tailored to meet the diverse needs of our South Florida clients. From initial consultation to project completion, our skilled team delivers superior craftsmanship and reliable solutions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -272,58 +79,35 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Residential Roofing",
|
||||
href: "/services#residential",
|
||||
},
|
||||
label: "Residential Roofing", href: "/services#residential"},
|
||||
{
|
||||
label: "Commercial Roofing",
|
||||
href: "/services#commercial",
|
||||
},
|
||||
label: "Commercial Roofing", href: "/services#commercial"},
|
||||
{
|
||||
label: "Roof Repair",
|
||||
href: "/services#repair",
|
||||
},
|
||||
label: "Roof Repair", href: "/services#repair"},
|
||||
{
|
||||
label: "Installations",
|
||||
href: "/services#installations",
|
||||
},
|
||||
label: "Installations", href: "/services#installations"},
|
||||
{
|
||||
label: "Maintenance",
|
||||
href: "/services#maintenance",
|
||||
},
|
||||
label: "Maintenance", href: "/services#maintenance"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/faq",
|
||||
},
|
||||
label: "FAQ", href: "/faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "/blog",
|
||||
},
|
||||
label: "Blog", href: "/blog"},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "/gallery",
|
||||
},
|
||||
label: "Gallery", href: "/gallery"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user