Files
69f6bea6-6db3-4695-9666-58b…/src/pages/HomePage.tsx
2026-06-16 02:40:17 +00:00

206 lines
7.1 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
import AboutText from '@/components/sections/about/AboutText';
import ContactCta from '@/components/sections/contact/ContactCta';
import FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaCarousel';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
import { CheckCircle, Clock, ShieldCheck, Star } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroBillboard
tag="Trusted Roofing Contractors in Sydney"
title="Professional Roofing Services in Bankstown & Western Sydney"
description="N.S.W Roofing LTD provides reliable, high-quality roofing repairs, inspections, and gutter solutions. 4.9 star rated excellence for your home or business."
primaryButton={{
text: "Get a Free Quote",
href: "#contact",
}}
secondaryButton={{
text: "Call (02) 8859 6011",
href: "tel:0288596011",
}}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-working-with-earphones_23-2149343656.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="why-us" data-section="why-us">
<SectionErrorBoundary name="why-us">
<MetricsIconCards
tag="Why Choose N.S.W Roofing"
title="Built on Trust & Craftsmanship"
description="We are committed to delivering the highest standard of service in Sydney."
metrics={[
{
icon: Star,
title: "Review Rating",
value: "4.9★",
},
{
icon: CheckCircle,
title: "Licensed & Insured",
value: "Certified",
},
{
icon: Clock,
title: "Timely Delivery",
value: "Reliable",
},
{
icon: ShieldCheck,
title: "Workmanship",
value: "Tidy",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="services" data-section="services">
<SectionErrorBoundary name="services">
<FeaturesMediaCarousel
tag="Our Expertise"
title="Comprehensive Roofing Solutions"
description="From emergency leak repairs to full roof restoration, we have you covered."
items={[
{
title: "Roof Repairs & Leaks",
description: "Expert detection and repair of leaks.",
buttonIcon: "Wrench",
imageSrc: "http://img.b2bpic.net/free-photo/single-red-brick-resting-weathered-concrete-tile-roof_1308-190331.jpg",
},
{
title: "Roof Inspections",
description: "Thorough assessments of your roofing condition.",
buttonIcon: "Search",
imageSrc: "http://img.b2bpic.net/free-vector/creative-building-construction-25-blue-icon-pack-such-as-airport-law-construction-hammer-court_1142-24745.jpg",
},
{
title: "Waterproofing & Sealing",
description: "Protecting your home from weather damage.",
buttonIcon: "Droplets",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg",
},
{
title: "Gutter Repairs",
description: "Professional gutter cleaning and repairs.",
buttonIcon: "Waves",
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=9mumlr",
},
{
title: "Roof Sheet & Flashing",
description: "Precision repairs for metal sheets.",
buttonIcon: "Square",
imageSrc: "http://img.b2bpic.net/free-vector/roofing-contractor-buildings-roof-construction-materials_1284-54929.jpg",
},
{
title: "Insurance Assistance",
description: "Seamless help with insurance claim paperwork.",
buttonIcon: "FileText",
imageSrc: "http://img.b2bpic.net/free-vector/construction-template-flat-style_23-2147759377.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="how-it-works" data-section="how-it-works">
<SectionErrorBoundary name="how-it-works">
<AboutText
title="How We Work: 3 Simple Steps\n\n1. Get in touch Call us today.\n2. Expert Inspection We assess the damage.\n3. Quality Repair We restore your roof to perfection."
/>
</SectionErrorBoundary>
</div>
<div id="reviews" data-section="reviews">
<SectionErrorBoundary name="reviews">
<TestimonialOverlayCards
tag="Client Success"
title="What Our Clients Say"
description="Read what our satisfied customers have to say about our roofing services."
testimonials={[
{
name: "Jasper Sutton",
role: "Homeowner",
company: "Bankstown",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
},
{
name: "Muhammad Umar",
role: "Property Manager",
company: "Sydney",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
},
{
name: "ahmed Reda Ali",
role: "Homeowner",
company: "Western Sydney",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
},
{
name: "SHOMAILA KHANAM",
role: "Resident",
company: "Bankstown",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
},
{
name: "Client",
role: "Sydney Homeowner",
company: "NSW",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-working-computer_329181-14601.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="areas" data-section="areas">
<SectionErrorBoundary name="areas">
<SocialProofMarquee
tag="Service Areas"
title="Serving Western Sydney & Beyond"
description="We are proud to serve our community in:"
names={[
"Bankstown",
"Western Sydney",
"Greater NSW",
"Sydney Metro",
"Parramatta",
"Auburn",
"Liverpool",
]}
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Need a Quote?"
text="Ready to get your roof fixed? Contact N.S.W Roofing LTD today for professional service in Bankstown."
primaryButton={{
text: "Call Now",
href: "tel:0288596011",
}}
secondaryButton={{
text: "Get Quote",
href: "#contact",
}}
/>
</SectionErrorBoundary>
</div>
</>
);
}