bender/3d081dcc-4dc8-4aa9-a2e9-3098cb15dcdb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-13 08:17:30 +00:00
parent 9931a38738
commit 263f80450d
1 changed files with 62 additions and 178 deletions
Download Patch File Download Diff File Expand all files Collapse all files

240
src/app/page.tsx
View File

@@ -9,7 +9,7 @@ import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Building2, Camera, Clock, Droplet, Droplets, Search, Shield, Wrench } from "lucide-react";
export default function LandingPage() {
@@ -31,112 +31,71 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Reviews",
id: "testimonials",
},
name: "Reviews", id: "testimonials"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="First Rate Roofing"
button={{
text: "Call 0484 675 100",
href: "tel:0484675100",
}}
text: "Call 0484 675 100", href: "tel:0484675100"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Fast & Reliable Tile Roof Repairs on the Gold Coast"
description="Don't let a small leak become a major structural disaster. We provide honest, local, and professional roofing solutions to keep your home protected and secure."
kpis={[
{
value: "4.7★",
label: "Google Rating",
},
value: "4.7★", label: "Google Rating"},
{
value: "Local",
label: "Gold Coast Owned",
},
value: "Local", label: "Gold Coast Owned"},
{
value: "Fast",
label: "Emergency Response",
},
value: "Fast", label: "Emergency Response"},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Call Now",
href: "tel:0484675100",
},
text: "Call Now", href: "tel:0484675100"},
{
text: "Request Free Quote",
href: "#contact",
},
text: "Request Free Quote", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/happy-friends-standing-near-river_74855-2882.jpg",
alt: "Happy friends standing near river",
},
src: "http://img.b2bpic.net/free-photo/happy-friends-standing-near-river_74855-2882.jpg", alt: "Happy friends standing near river"},
{
src: "http://img.b2bpic.net/free-photo/couple-taking-selfie_23-2147637621.jpg",
alt: "Couple taking a selfie",
},
src: "http://img.b2bpic.net/free-photo/couple-taking-selfie_23-2147637621.jpg", alt: "Couple taking a selfie"},
{
src: "http://img.b2bpic.net/free-photo/young-adult-wearing-blank-shirt_23-2149321721.jpg",
alt: "Young adult wearing blank shirt",
},
src: "http://img.b2bpic.net/free-photo/young-adult-wearing-blank-shirt_23-2149321721.jpg", alt: "Young adult wearing blank shirt"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-young-cheerful-girl-rests-morning-beach_176420-5824.jpg",
alt: "Beautiful young cheerful girl rests at morning beach",
},
src: "http://img.b2bpic.net/free-photo/beautiful-young-cheerful-girl-rests-morning-beach_176420-5824.jpg", alt: "Beautiful young cheerful girl rests at morning beach"},
{
src: "http://img.b2bpic.net/free-photo/smiley-father-posing-with-arms-crossed_23-2148414862.jpg",
alt: "Smiley father posing with arms crossed",
},
src: "http://img.b2bpic.net/free-photo/smiley-father-posing-with-arms-crossed_23-2148414862.jpg", alt: "Smiley father posing with arms crossed"},
]}
avatarText="Trusted by 500+ local homeowners"
marqueeItems={[
{
type: "text-icon",
text: "Storm Damage Repair",
icon: Droplets,
type: "text-icon", text: "Storm Damage Repair", icon: Droplets,
},
{
type: "text-icon",
text: "Roof Leaks",
icon: Droplet,
type: "text-icon", text: "Roof Leaks", icon: Droplet,
},
{
type: "text-icon",
text: "Tile Replacement",
icon: Building2,
type: "text-icon", text: "Tile Replacement", icon: Building2,
},
{
type: "text-icon",
text: "Full Inspections",
icon: Search,
type: "text-icon", text: "Full Inspections", icon: Search,
},
{
type: "text-icon",
text: "Ridge Capping",
icon: Wrench,
type: "text-icon", text: "Ridge Capping", icon: Wrench,
},
]}
/>
@@ -149,37 +108,16 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "f1",
label: "Tile Repairs",
title: "Expert Tile Roof Repairs",
items: [
"Broken tile replacement",
"Ridge capping repairs",
"Full roof restoration",
"Secure weather-proofing",
],
id: "f1", label: "Tile Repairs", title: "Expert Tile Roof Repairs", items: [
"Broken tile replacement", "Ridge capping repairs", "Full roof restoration", "Secure weather-proofing"],
},
{
id: "f2",
label: "Leak Detection",
title: "Precision Leak Detection",
items: [
"Advanced leak diagnosis",
"Storm damage assessment",
"Prompt patching",
"Preventative sealing",
],
id: "f2", label: "Leak Detection", title: "Precision Leak Detection", items: [
"Advanced leak diagnosis", "Storm damage assessment", "Prompt patching", "Preventative sealing"],
},
{
id: "f3",
label: "Maintenance",
title: "Roof Inspections & Care",
items: [
"Complete roof checkups",
"Debris cleaning",
"Gutter maintenance",
"Preventative reporting",
],
id: "f3", label: "Maintenance", title: "Roof Inspections & Care", items: [
"Complete roof checkups", "Debris cleaning", "Gutter maintenance", "Preventative reporting"],
},
]}
title="Comprehensive Roofing Services"
@@ -194,57 +132,37 @@ export default function LandingPage() {
metrics={[
{
icon: Shield,
label: "Reliability",
value: "100%",
},
label: "Reliability", value: "100%"},
{
icon: Clock,
label: "Response Time",
value: "Fast",
},
label: "Response Time", value: "Fast"},
{
icon: Camera,
label: "Photo Proof",
value: "Included",
},
label: "Photo Proof", value: "Included"},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
<TestimonialCardThirteen
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-wearing-blank-shirt_23-2149321717.jpg",
},
id: "t1", name: "Sarah J.", handle: "@sarahj_roof", testimonial: "Excellent work on my roof tiles, leak stopped immediately! Highly professional.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-wearing-blank-shirt_23-2149321717.jpg"},
{
id: "t2",
name: "Michael T.",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg",
},
id: "t2", name: "Michael T.", handle: "@michaelt_gc", testimonial: "Fast and reliable, very honest and clear communication throughout the process.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg"},
{
id: "t3",
name: "Emily D.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
},
{
id: "t4",
name: "Robert L.",
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-360.jpg",
},
{
id: "t5",
name: "David W.",
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-wearing-blank-shirt_23-2149321715.jpg",
},
id: "t3", name: "Emily D.", handle: "@emilyd_home", testimonial: "Fixed our ridge capping perfectly. The photo proofing was a great touch.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg"},
]}
cardTitle="What Our Clients Say"
cardTag="12 Google Reviews"
cardAnimation="slide-up"
showRating={true}
title="What Our Clients Say"
description="Hear from our local Gold Coast customers about their experience with us."
textboxLayout="default"
animationType="slide-up"
/>
</div>
@@ -253,20 +171,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "How fast can you attend a roof leak?",
content: "We prioritize emergency calls and strive to provide rapid, same-day or next-day assessment for urgent storm damage and leaks.",
},
id: "q1", title: "How fast can you attend a roof leak?", content: "We prioritize emergency calls and strive to provide rapid, same-day or next-day assessment for urgent storm damage and leaks."},
{
id: "q2",
title: "Do you provide free quotes?",
content: "Yes, we offer free, no-obligation quotes for all tile roof repair and inspection services.",
},
id: "q2", title: "Do you provide free quotes?", content: "Yes, we offer free, no-obligation quotes for all tile roof repair and inspection services."},
{
id: "q3",
title: "Are you fully insured?",
content: "Absolutely. We are fully insured and carry all necessary certifications for residential roof work in Queensland.",
},
id: "q3", title: "Are you fully insured?", content: "Absolutely. We are fully insured and carry all necessary certifications for residential roof work in Queensland."},
]}
sideTitle="Common Roof Questions"
faqsAnimation="slide-up"
@@ -277,14 +186,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "rotated-rays-static-grid",
}}
variant: "rotated-rays-static-grid"}}
text="Queensland storms don't wait. A small roof leak today can cost thousands in structural damage tomorrow. Protect your biggest asset—contact our team for an honest inspection and professional fix before it's too late."
buttons={[
{
text: "Fix My Roof Now",
href: "tel:0484675100",
},
text: "Fix My Roof Now", href: "tel:0484675100"},
]}
/>
</div>
@@ -293,18 +199,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
text="Ready to get your roof fixed? Call First Rate Roofing on 0484 675 100 or click the button below to request a free quote today."
buttons={[
{
text: "Call 0484 675 100",
href: "tel:0484675100",
},
text: "Call 0484 675 100", href: "tel:0484675100"},
{
text: "Request Quote",
href: "#contact",
},
text: "Request Quote", href: "#contact"},
]}
/>
</div>
@@ -313,46 +214,29 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "First Rate Roofing",
items: [
title: "First Rate Roofing", items: [
{
label: "Gold Coast, QLD",
href: "#",
},
label: "Gold Coast, QLD", href: "#"},
{
label: "0484 675 100",
href: "tel:0484675100",
},
label: "0484 675 100", href: "tel:0484675100"},
],
},
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Tile Repairs",
href: "#services",
},
label: "Tile Repairs", href: "#services"},
{
label: "Leak Detection",
href: "#services",
},
label: "Leak Detection", href: "#services"},
{
label: "Maintenance",
href: "#services",
},
label: "Maintenance", href: "#services"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}
@@ -363,4 +247,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}