342 lines
20 KiB
TypeScript
342 lines
20 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
|
|
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
|
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
|
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
import { Award, Sparkles, Wrench, Home, CheckCircle, Users, HelpCircle, DollarSign, Phone, AlertCircle } from "lucide-react";
|
|
|
|
const HomePage = () => {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Quick Links", items: [
|
|
{ label: "Home", href: "/" },
|
|
{ label: "Services", href: "/services" },
|
|
{ label: "About Us", href: "#" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
],
|
|
},
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Roof Repair", href: "/services" },
|
|
{ label: "Roof Replacement", href: "/services" },
|
|
{ label: "Maintenance", href: "/services" },
|
|
{ label: "Emergency Response", href: "/services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Call: +1-555-0100", href: "tel:+1-555-0100" },
|
|
{ label: "Free Estimate", href: "#contact" },
|
|
{ label: "Emergency Service", href: "tel:+1-555-0100" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Warranty Info", href: "#" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="large"
|
|
background="fluid"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Ramon Garcia Roofing"
|
|
navItems={navItems}
|
|
button={{
|
|
text: "Call Now for Free Estimate", href: "tel:+1-555-0100"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
title="Trusted Roofing Since 2005"
|
|
description="3rd generation roofer with 20 years of hands-on experience serving your community. Free estimates, fast response, warranty on every job."
|
|
tag="Family-Owned & Licensed"
|
|
tagIcon={Award}
|
|
buttons={[
|
|
{
|
|
text: "Call Now for Free Estimate", href: "tel:+1-555-0100"},
|
|
{
|
|
text: "Request Quote Online", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/tennis-player-serving_23-2147821230.jpg"
|
|
imageAlt="Professional roofing crew installing new roof"
|
|
mediaAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
name: "Sarah Martinez", handle: "Homeowner, North Side", testimonial:
|
|
"Fast, professional, and honest pricing. They fixed our roof in one day!", rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/technologies-make-life-easier-portrait-cheerful-young-man-smiling-joyfully-happy-with-his-newly-bought-laptop-pc-while-using-it-remote-work-sitting-modern-cafeteria-coffee-break_273609-1942.jpg"},
|
|
{
|
|
name: "John Thompson", handle: "Property Manager, Downtown", testimonial:
|
|
"Reliable and responsive. We trust them for all our properties.", rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg"},
|
|
{
|
|
name: "David Chen", handle: "Commercial Building Owner", testimonial:
|
|
"Expert in commercial flat roofing. Their warranty is unbeatable.", rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12778.jpg"},
|
|
]}
|
|
useInvertedBackground={false}
|
|
imagePosition="right"
|
|
background={{ variant: "plain" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
title="20+ years of roofing expertise, thousands of satisfied customers, and a commitment to quality that speaks for itself."
|
|
tag="Why Choose Us"
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "20+", description:
|
|
"Years of hands-on roofing experience across residential, commercial, and multi-family projects."},
|
|
{
|
|
id: "2", value: "3,500+", description:
|
|
"Satisfied customers throughout the region with verified reviews and long-term relationships."},
|
|
{
|
|
id: "3", value: "100%", description:
|
|
"Warranty on all materials and labor. We stand behind every job we complete."},
|
|
{
|
|
id: "4", value: "24hrs", description:
|
|
"Emergency response availability for storm damage and urgent roof repairs."},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentySix
|
|
title="Our Roofing Services"
|
|
description="Comprehensive solutions for every roofing need, from emergency repairs to full system replacements."
|
|
tag="Expert Services"
|
|
tagIcon={Sparkles}
|
|
features={[
|
|
{
|
|
title: "Roof Repair", description:
|
|
"Expert diagnosis and fast fixes for leaks, missing shingles, and storm damage.", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/vertical-selective-focus-shot-wooden-fence_181624-56303.jpg", imageAlt: "Professional roof repair work", buttonIcon: Wrench,
|
|
},
|
|
{
|
|
title: "Roof Replacement", description:
|
|
"Complete roof system replacement with premium materials and multi-year warranties.", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg", imageAlt: "New roof installation", buttonIcon: Home,
|
|
},
|
|
{
|
|
title: "Roof Maintenance", description:
|
|
"Preventative inspections, cleaning, and maintenance to extend roof life and avoid costly repairs.", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/portrait-factory-engineer-worker-standing-metal-platform-industrial-storage-tanks-looking-camera_342744-445.jpg", imageAlt: "Routine roof maintenance", buttonIcon: CheckCircle,
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialproof" data-section="socialproof">
|
|
<SocialProofOne
|
|
title="Trusted by Hundreds of Homeowners and Property Managers"
|
|
description="Recommended by local contractors, insurance companies, and satisfied customers across the region."
|
|
tag="Community Leaders"
|
|
tagIcon={Users}
|
|
names={[
|
|
"Local Builder's Association", "State Roofing Contractors Board", "Community Chamber of Commerce", "Regional Insurance Network", "Homeowner Warranty Partners", "Licensed Trade Federation", "Emergency Services Network", "Certified Inspector Alliance"]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
showCard={true}
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
title="Real Reviews from Real Customers"
|
|
description="Don't just take our word for it—see what homeowners and property managers say about working with Ramon Garcia Roofing."
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Outstanding Quality and Professionalism", quote:
|
|
"Ramon and his team showed up exactly on time, completed the entire roof replacement in two days, and cleaned up thoroughly. The quality is exceptional and the price was fair. I highly recommend them.", name: "Linda Rodriguez", role: "Homeowner, Maple Street", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/technologies-make-life-easier-portrait-cheerful-young-man-smiling-joyfully-happy-with-his-newly-bought-laptop-pc-while-using-it-remote-work-sitting-modern-cafeteria-coffee-break_273609-1942.jpg", imageAlt: "Linda Rodriguez"},
|
|
{
|
|
id: "2", title: "Reliable Partner for Multiple Properties", quote:
|
|
"We manage 15 rental properties and need contractors we can trust. Ramon's team has handled repairs and maintenance on all of them. Consistent quality, honest pricing, and they always respect our timelines.", name: "Michael Torres", role: "Property Manager, Urban Properties Inc", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg", imageAlt: "Michael Torres"},
|
|
{
|
|
id: "3", title: "Expert Commercial Roofing Services", quote:
|
|
"We own a commercial building and needed flat roof expertise. Ramon brought the knowledge, the crew, and the warranty. Zero issues during or after. This is professional roofing done right.", name: "Patricia Chen", role: "Building Owner, Commerce District", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12778.jpg", imageAlt: "Patricia Chen"},
|
|
{
|
|
id: "4", title: "Emergency Response That Saved Our Home", quote:
|
|
"When a storm damaged our roof, we called at 10 PM and they were there by 11 PM with a temporary fix. Next morning they assessed everything and got us scheduled immediately. That's customer care.", name: "James Wilson", role: "Homeowner, Northridge", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/medium-shot-happy-family-expecting-baby_23-2150232795.jpg", imageAlt: "James Wilson"},
|
|
{
|
|
id: "5", title: "Transparent, No Hidden Costs", quote:
|
|
"Got three quotes. Ramon was the most detailed and honest about what needed to be done. No upsell, no surprises. The warranty paperwork was clear and easy to understand.", name: "Robert Martinez", role: "Homeowner, Westside", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/front-view-woman-sitting-chair_23-2149833734.jpg", imageAlt: "Robert Martinez"},
|
|
{
|
|
id: "6", title: "Family Business With True Care", quote:
|
|
"You can tell this is a family business that genuinely cares about their reputation. They treated my home like it was their own. Exceptional craftsmanship and kindness throughout.", name: "Karen Sullivan", role: "Homeowner, Central Avenue", imageSrc:
|
|
"http://img.b2bpic.net/free-photo/fathers-day-concept-with-family-outdoors_23-2148097847.jpg", imageAlt: "Karen Sullivan"},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardTwo
|
|
title="Transparent Pricing for Every Budget"
|
|
description="Free estimates with no obligation. We provide detailed breakdowns so you know exactly what you're paying for."
|
|
tag="Flexible Options"
|
|
tagIcon={DollarSign}
|
|
plans={[
|
|
{
|
|
id: "emergency", badge: "Fast Response", badgeIcon: AlertCircle,
|
|
price: "From $500", subtitle: "Immediate repairs for storm damage and leaks", buttons: [
|
|
{
|
|
text: "Emergency Call: +1-555-0100", href: "tel:+1-555-0100"},
|
|
{
|
|
text: "Request Emergency Service", href: "#contact"},
|
|
],
|
|
features: [
|
|
"24-hour emergency availability", "Fast temporary protection solutions", "Full assessment and detailed estimate", "Warranty on all repair work"],
|
|
},
|
|
{
|
|
id: "repair", badge: "Common Choice", badgeIcon: Sparkles,
|
|
price: "$1,500 - $5,000", subtitle: "Targeted repairs to extend roof life", buttons: [
|
|
{
|
|
text: "Call for Free Inspection", href: "tel:+1-555-0100"},
|
|
{
|
|
text: "Request Free Estimate", href: "#contact"},
|
|
],
|
|
features: [
|
|
"Professional roof inspection included", "Honest repair recommendations", "Premium materials used", "Multi-year warranty on repairs"],
|
|
},
|
|
{
|
|
id: "replacement", badge: "Best Value", badgeIcon: Home,
|
|
price: "$8,000 - $25,000+", subtitle: "Complete roof replacement with warranty", buttons: [
|
|
{
|
|
text: "Schedule Consultation", href: "tel:+1-555-0100"},
|
|
{
|
|
text: "Request Free Quote", href: "#contact"},
|
|
],
|
|
features: [
|
|
"Full system removal and replacement", "Premium material options available", "10+ year workmanship warranty", "Licensed and insured installation"],
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Get answers to common questions about our services, pricing, and warranty."
|
|
tag="Help & Support"
|
|
tagIcon={HelpCircle}
|
|
faqs={[
|
|
{
|
|
id: "1", title:
|
|
"How quickly can you respond to emergency roof damage?", content:
|
|
"We offer 24-hour emergency response for storm damage and urgent repairs. Call us immediately at +1-555-0100 and we'll dispatch a team to protect your home and provide a temporary solution the same day."},
|
|
{
|
|
id: "2", title: "Do you offer free estimates?", content:
|
|
"Yes! We provide free, detailed estimates for all roofing work. Our inspector will assess your roof thoroughly, explain your options, and give you a written quote with no obligation. No surprise charges."},
|
|
{
|
|
id: "3", title: "What's your warranty policy?", content:
|
|
"We warranty 100% of our materials and labor. Repairs typically carry a 5-10 year warranty, while full replacements include a 15-25 year warranty depending on materials chosen. All warranties are documented in writing."},
|
|
{
|
|
id: "4", title: "How long does a typical roof replacement take?", content:
|
|
"Most residential roof replacements take 1-3 days depending on size and weather. We'll give you a precise timeline during your estimate. We also ensure minimal disruption to your home and clean up thoroughly when done."},
|
|
{
|
|
id: "5", title: "Do you work with insurance companies?", content:
|
|
"Yes. We have extensive experience working with homeowner's insurance claims. We can help document damage, work directly with adjusters, and often coordinate payment directly with your insurance provider."},
|
|
{
|
|
id: "6", title: "Are you licensed and insured?", content:
|
|
"Absolutely. We are fully licensed, bonded, and carry comprehensive liability insurance. You can verify our licenses with the State Roofing Contractors Board. Your protection is our priority."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/engineers-helmets-standing-by-factory_1157-35351.jpg"
|
|
imageAlt="Professional roofing expert explaining services"
|
|
mediaAnimation="slide-up"
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
mediaPosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Get Your Free Estimate Today"
|
|
ctaDescription="Call us now or fill out our form for a fast response. No obligation, no hidden charges."
|
|
ctaButton={{
|
|
text: "Call: +1-555-0100", href: "tel:+1-555-0100"}}
|
|
ctaIcon={Phone}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What's the best time to call?", content:
|
|
"We're available Monday-Friday 7 AM-6 PM, Saturday 8 AM-4 PM, and 24/7 for emergencies. Call +1-555-0100 anytime."},
|
|
{
|
|
id: "2", title:
|
|
"Can you handle both residential and commercial projects?", content:
|
|
"Yes! We have extensive experience with residential homes, multi-family buildings, and commercial properties. Our team is equipped for all roofing types and sizes."},
|
|
{
|
|
id: "3", title: "How do I request a free estimate?", content:
|
|
"Simply call +1-555-0100 or fill out our online form. We'll schedule a convenient time for our inspector to visit your property, assess the roof, and provide a detailed written estimate."},
|
|
]}
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
accordionAnimationType="smooth"
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={footerColumns}
|
|
bottomLeftText="© 2025 Ramon Garcia Roofing. Licensed, Bonded & Insured. All rights reserved."
|
|
bottomRightText="Serving the community since 2005."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
};
|
|
|
|
export default HomePage; |