Update src/pages/HomePage.tsx
This commit is contained in:
@@ -11,195 +11,101 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<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>
|
||||
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">
|
||||
<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>
|
||||
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">
|
||||
<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>
|
||||
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">
|
||||
<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>
|
||||
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">
|
||||
<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>
|
||||
tag="Client Success"
|
||||
title="What Our Clients Say"
|
||||
description="Read what our happy 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">
|
||||
<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>
|
||||
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">
|
||||
<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>
|
||||
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>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user