173 lines
11 KiB
TypeScript
173 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { Award, Hammer, Brush, ClipboardList, Zap, MessageCircle, Home, Wrench, FileStack, Building, Search } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="none"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Why Us", id: "why-us" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "About", id: "about" }
|
|
]}
|
|
brandName="Florida Roofing Team"
|
|
button={{
|
|
text: "Get Free Estimate", href: "#contact"
|
|
}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
title="Your Roof Deserves the Best — And So Do You."
|
|
description="From full replacements to same-day repairs, Florida Roofing Team delivers premium craftsmanship, honest pricing, and white-glove service from the first call to the final nail."
|
|
background={{ variant: "radial-gradient" }}
|
|
avatars={[
|
|
{ src: "https://pixabay.com/get/gdf7f8ddc5b86edfe4c9b57434f162960c75acaf76ff2027d351251aa6dc9b0daeec91218d57f4577cd7e1951eb54eb3782fd6cdc76796d8aea77b4bd55005f87_1280.jpg", alt: "5-Star Rated Avatar" },
|
|
{ src: "https://pixabay.com/get/g8642f6f5d9ce1ec87192afabf5d1c938cb82ffd17a2ebef05a6e32cc8c95b5bfa361b404f85fbfa957d8e37442b0e856ee7e4d77ba43ff8e87b4103c3239bcd3_1280.jpg", alt: "Licensed & Insured Avatar" },
|
|
{ src: "https://pixabay.com/get/g868f3f6923b888598948df840a63346335037fe7206c213d45add7ee25c62b4e86888c6d6068000a4695d9f30ba5beb2606b79a671f2e99d6480aacc1bd1dffd_1280.jpg", alt: "Florida's Best Avatar" },
|
|
{ src: "https://pixabay.com/get/g1d6abfdeda29133f6053c7d3cde1800167ef20533e4d02659c987cb08aca99cacd26fa059da63f8b8e3a0bbcb369dd4df00785ee5fd3efaa0e24347e97ab3519_1280.jpg", alt: "Trusted by Homeowners Avatar" }
|
|
]}
|
|
avatarText="⭐⭐⭐⭐⭐ 5-Star Rated on Google | Licensed & Insured | Serving All of Florida"
|
|
buttons={[
|
|
{ text: "Get My Free Estimate", href: "#contact" },
|
|
{ text: "Call Us Now", href: "tel:+1XXX-XXX-XXXX" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
<div id="why-us" data-section="why-us">
|
|
<FeatureBorderGlow
|
|
features={[
|
|
{ icon: Award, title: "Honest. No upsells, no scare tactics.", description: "We tell you exactly what your roof needs — nothing more." },
|
|
{ icon: Hammer, title: "Expert Craftsmanship.", description: "Led by Daniel, our crew brings precision and pride to every single job." },
|
|
{ icon: Brush, title: "Clean Jobsite, Every Time.", description: "We treat your property like our own — you won't find a nail on your lawn." },
|
|
{ icon: ClipboardList, title: "Insurance Claim Guidance.", description: "We walk you through the process so you're never left figuring it out alone." },
|
|
{ icon: Zap, title: "Fast Turnaround.", description: "Same-day repairs available. No waiting weeks for a crew to show up." },
|
|
{ icon: MessageCircle, title: "Communication You Can Count On.", description: "We answer your questions — even the \"crazy\" ones." }
|
|
]}
|
|
animationType="slide-up"
|
|
title="Why Homeowners Trust Florida Roofing Team"
|
|
description="Experience the difference with a team committed to transparency, quality, and your peace of mind."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="services" data-section="services">
|
|
<FeatureBento
|
|
features={[
|
|
{ title: "Roof Replacement", description: "Full tear-off and installation using top-grade materials. Whether it's tile, shingle, or flat roofing — we do it right the first time.", bentoComponent: "reveal-icon", icon: Home },
|
|
{ title: "Roof Repair", description: "Got a leak? Missing tiles? We diagnose the real problem and fix it — without pushing you toward a full replacement you don't need.", bentoComponent: "reveal-icon", icon: Wrench },
|
|
{ title: "Insurance Claim Assistance", description: "Navigating an insurance claim is stressful. We work alongside you to document damage and communicate with your adjuster.", bentoComponent: "reveal-icon", icon: FileStack },
|
|
{ title: "New Construction Roofing", description: "Building something new? We partner with contractors and homeowners to deliver quality roofing on schedule.", bentoComponent: "reveal-icon", icon: Building },
|
|
{ title: "Inspections & Estimates", description: "Free, no-pressure roof inspections. We show up, assess, and give you a straight answer.", bentoComponent: "reveal-icon", icon: Search }
|
|
]}
|
|
animationType="slide-up"
|
|
title="What We Do"
|
|
description="From minor fixes to full installations, our comprehensive roofing services are designed to protect your home and your investment."
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial={`"My roof looks absolutely amazing! They were very professional, kept the area clean, answered all my questions, and even helped me with my insurance. They worked with me — not pushy at all."}`}
|
|
rating={5}
|
|
author="Jules"
|
|
avatars={[
|
|
{ src: "https://pixabay.com/get/g9ae3b7d475605ef72a38c950b05c4cce2523cdae1f40bfc9b1f78801b9f645aad5577316e197a3aa193495a8aed90d444e347a3b1e8d819cddf49ffdb512230c_1280.jpg", alt: "Jules" },
|
|
{ src: "https://pixabay.com/get/g0df2db44ec54336d57ea272a85ec1af6f10259795599ecda7d6a7e90d06f63387015658de4172fa9f067ceecd81a7d6437081b641c5d6dc1409dc2ac2aa5e346_1280.jpg", alt: "Anthony Madrid" },
|
|
{ src: "https://pixabay.com/get/g231e49a1b3cf6aa722a45e052ec551eca84bd71b8073491133d260837ff46e555c64f99f01b7498b65ca852447b62952195678f9424d803d4338707ea9c0a3b1_1280.jpg", alt: "Linda Gray-Napper" },
|
|
{ src: "https://pixabay.com/get/gd1d715217a1f7561829bcae11b921ed9f0cfd714482b01b81c02bf747fd85af340c616664b60100df021854c36cfdef2828b6d6532554127b9dc5b776670742b_1280.jpg", alt: "Joel Burkholder" },
|
|
{ src: "https://pixabay.com/get/gf49e41b5ac1ce0e1e05fd37d5de4cbf497449958a2776f0b5a487cb09618e7330c0fa22faead977d8dcd997e660e62c1f14c3e092e7dd80f6c1dd12113177d2f_1280.jpg", alt: "Shamira Lee" }
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="about" data-section="about">
|
|
<PricingCardEight
|
|
plans={[
|
|
{
|
|
id: "about-florida", badge: "Our Mission", price: "Licensed. Insured.", subtitle: "Florida Proud.", buttons: [{ text: "Get a Free Estimate", href: "#contact" }],
|
|
features: [
|
|
"Built on one thing: doing right by the homeowner.", "Led by Daniel, a licensed roofing contractor.", "Years of Florida experience.", "Earned reputation the old-fashioned way.", "Showing up on time, doing the job correctly.", "Treating every customer like a neighbor.", "Not here to sell you a roof you don't need.", "Here to protect the one you have."
|
|
]
|
|
}
|
|
]}
|
|
carouselMode="buttons"
|
|
animationType="slide-up"
|
|
title="Meet the Team"
|
|
description="Florida Roofing Team is built on one thing: doing right by the homeowner. Led by Daniel, a licensed roofing contractor with years of Florida experience, we've earned our reputation the old-fashioned way — showing up on time, doing the job correctly, and treating every customer like a neighbor. We're not here to sell you a roof you don't need. We're here to protect the one you have."
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Contact Us"
|
|
title="Ready for a Roof You Can Be Proud Of?"
|
|
description="Get a free, no-obligation estimate from Florida's most trusted roofing team. We'll come to you, assess your roof honestly, and give you a fair price — no pressure, no games. Or call us directly: (XXX) XXX-XXXX"
|
|
background={{ variant: "rotated-rays-static" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Your Email Address"
|
|
buttonText="Schedule My Free Estimate Today"
|
|
termsText="By scheduling, you agree to our terms and conditions. We respect your privacy."
|
|
/>
|
|
</div>
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Services", href: "#services" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Google Reviews", href: "https://www.google.com/search?q=Florida+Roofing+Team+reviews" },
|
|
{ label: "Facebook", href: "https://facebook.com/floridaroofingteam" },
|
|
{ label: "Instagram", href: "https://instagram.com/floridaroofingteam" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Florida Roofing Team. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|