Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
240
src/app/page.tsx
240
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user