367 lines
14 KiB
TypeScript
367 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
|
|
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
|
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
import { Shield, AlertCircle, Wrench, Award, Star, HelpCircle, MapPin, Zap, Check } from "lucide-react";
|
|
import Link from "next/link";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="floatingGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
{/* Navbar */}
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Why Us", id: "why-us" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Texas Best Roofing"
|
|
bottomLeftText="5001 FM1187 Suite 270, Burleson, TX 76028"
|
|
bottomRightText="(817) 919-4310"
|
|
/>
|
|
</div>
|
|
|
|
{/* Hero Section */}
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Burleson's Trusted Roofing Experts"
|
|
description="Free Roof Inspections • Insurance Claim Specialists • Storm Damage Repair | Licensed & Insured | 4.9 Rating with 67+ Reviews"
|
|
tag="Expert Roofing Solutions"
|
|
tagIcon={Shield}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Call Now (817) 919-4310", href: "tel:+18179194310" },
|
|
{ text: "Schedule Free Inspection", href: "#contact" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "floatingGradient" }}
|
|
carouselItems={[
|
|
{
|
|
id: "1",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together_23-2149343675.jpg?_wi=1",
|
|
imageAlt: "Professional roofing crew working on residential roof",
|
|
},
|
|
{
|
|
id: "2",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13502.jpg?_wi=1",
|
|
imageAlt: "Storm damage roof repair",
|
|
},
|
|
{
|
|
id: "3",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-level-building-roof-house_23-2148748855.jpg?_wi=1",
|
|
imageAlt: "Professional roof inspection",
|
|
},
|
|
{
|
|
id: "4",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13151.jpg?_wi=1",
|
|
imageAlt: "Before and after roof repair",
|
|
},
|
|
{
|
|
id: "5",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/approved-application-credit-real-estate_23-2147764204.jpg",
|
|
imageAlt: "Insurance claim assistance",
|
|
},
|
|
{
|
|
id: "6",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together_23-2149343675.jpg?_wi=2",
|
|
imageAlt: "Expert roofing team",
|
|
},
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={4000}
|
|
/>
|
|
</div>
|
|
|
|
{/* Problem Section */}
|
|
<div id="problem" data-section="problem">
|
|
<MediaAbout
|
|
title="Worried Your Roof Was Damaged by the Last Storm?"
|
|
description="Don't leave your home vulnerable. Storm damage to your roof can lead to costly interior damage, mold, and safety hazards. We identify hidden damage that insurance inspectors might miss."
|
|
tag="Storm Damage Assessment"
|
|
tagIcon={AlertCircle}
|
|
tagAnimation="slide-up"
|
|
buttons={[{ text: "Get Free Inspection", href: "#contact" }]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13502.jpg?_wi=2"
|
|
imageAlt="Storm damage roof inspection"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Why Choose Us Section */}
|
|
<div id="why-us" data-section="why-us">
|
|
<MetricCardTwo
|
|
title="Why Choose Texas Best Roofing Solutions"
|
|
description="Proven expertise, honest assessments, and local commitment to your home's protection."
|
|
tag="Our Advantages"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1",
|
|
value: "4.9★",
|
|
description: "Customer Rating (67+ Reviews)",
|
|
},
|
|
{
|
|
id: "2",
|
|
value: "Licensed",
|
|
description: "Fully Insured Contractors",
|
|
},
|
|
{
|
|
id: "3",
|
|
value: "Free",
|
|
description: "Roof Inspections",
|
|
},
|
|
{
|
|
id: "4",
|
|
value: "Expert",
|
|
description: "Insurance Claim Assistance",
|
|
},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Testimonials Section */}
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="Trusted by Homeowners Across the DFW Area"
|
|
description="See what our satisfied customers have to say about our roofing services and professionalism."
|
|
tag="Customer Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Johnson",
|
|
role: "Homeowner",
|
|
company: "Burleson, TX",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/businessman-showing-thumbs-up-sign_93675-133117.jpg",
|
|
imageAlt: "Sarah Johnson - satisfied customer",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Michael Chen",
|
|
role: "Property Owner",
|
|
company: "Arlington, TX",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-big-city-girl-enjoying-city-space-text_169016-66355.jpg",
|
|
imageAlt: "Michael Chen - satisfied customer",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Emily Rodriguez",
|
|
role: "Homeowner",
|
|
company: "Fort Worth, TX",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-low-view_23-2148748785.jpg",
|
|
imageAlt: "Emily Rodriguez - satisfied customer",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David Kim",
|
|
role: "Home Owner",
|
|
company: "Mansfield, TX",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-senior-woman-thinking-buying-property-showing-paper-house-cutout-looking-upper-left_1258-158916.jpg",
|
|
imageAlt: "David Kim - satisfied customer",
|
|
},
|
|
]}
|
|
kpiItems={[
|
|
{ value: "67+", label: "Verified Reviews" },
|
|
{ value: "4.9★", label: "Average Rating" },
|
|
{ value: "100%", label: "Satisfaction Guaranteed" },
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
{/* FAQ Section */}
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about our roofing services and process."
|
|
tag="Help & Support"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "How much does a roof inspection cost?",
|
|
content:
|
|
"Roof inspections are completely FREE. We provide comprehensive assessments with no obligation. Our inspection includes damage identification, photo documentation, and a detailed report for your records or insurance company.",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Do you help with insurance claims?",
|
|
content:
|
|
"Yes! We specialize in insurance claim assistance. Our staff includes a former licensed insurance adjuster who helps maximize your claim approval. We handle documentation, communication with insurers, and ensure you get the coverage you deserve.",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "How quickly can you repair my roof?",
|
|
content:
|
|
"We offer emergency 24/7 services for storm damage. Most repairs can be completed within 1-3 days. For full replacements, we typically schedule within one week. Time depends on weather, materials, and complexity.",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Do you offer warranties?",
|
|
content:
|
|
"Absolutely. We provide workmanship warranties on all repairs and replacements, plus we work with manufacturer warranties on premium materials. We stand behind our work 100%.",
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Are you licensed and insured?",
|
|
content:
|
|
"Yes, we are fully licensed and insured contractors. All crew members are licensed roofers. We carry comprehensive liability insurance and workers' compensation for your protection.",
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "What areas do you serve?",
|
|
content:
|
|
"We serve the greater Dallas-Fort Worth area including Burleson, Fort Worth, Arlington, Mansfield, Crowley, and surrounding communities. Call us to verify service availability for your address.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/worker-with-level-building-roof-house_23-2148748855.jpg?_wi=2"
|
|
imageAlt="Professional roofing FAQ"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="left"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
{/* Contact Section */}
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Get Your Free Roof Inspection Today"
|
|
description="Don't wait for damage to get worse. Schedule your free inspection and let us help protect your home."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{
|
|
name: "phone",
|
|
type: "tel",
|
|
placeholder: "Phone Number",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "Email Address",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "address",
|
|
type: "text",
|
|
placeholder: "Your Address",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "roofIssue",
|
|
type: "text",
|
|
placeholder:
|
|
"What's the issue? (Leak, Storm Damage, Missing Shingles, Replacement, Insurance Claim)",
|
|
required: false,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "Tell us more about your roofing concern (optional)",
|
|
rows: 4,
|
|
required: false,
|
|
}}
|
|
useInvertedBackground={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/long-shot-men-working-together_23-2149343675.jpg?_wi=3"
|
|
imageAlt="Professional roofing team"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
buttonText="Schedule Free Inspection"
|
|
onSubmit={(data) => {
|
|
console.log("Form submitted:", data);
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
{/* Footer */}
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{ label: "Roof Repair", href: "/services" },
|
|
{ label: "Roof Replacement", href: "/services" },
|
|
{ label: "Storm Damage", href: "/services" },
|
|
{ label: "Insurance Claims", href: "/services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "/" },
|
|
{ label: "Service Areas", href: "#service-areas" },
|
|
{ label: "Reviews", href: "#testimonials" },
|
|
{ label: "Contact", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{ label: "(817) 919-4310", href: "tel:+18179194310" },
|
|
{
|
|
label: "5001 FM1187 Suite 270",
|
|
href: "https://maps.google.com/?q=5001+FM1187+Suite+270+Burleson+TX",
|
|
},
|
|
{
|
|
label: "Burleson, TX 76028",
|
|
href: "https://maps.google.com/?q=5001+FM1187+Suite+270+Burleson+TX",
|
|
},
|
|
{ label: "Schedule Inspection", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "License & Insurance", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2025 Texas Best Roofing Solutions, LLC. All rights reserved."
|
|
bottomRightText="Licensed & Insured Roofing Contractor - Serving DFW since 2015"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |