Merge version_2 into main #2
205
src/app/page.tsx
205
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="TMR Gutter Replacement"
|
||||
/>
|
||||
@@ -58,68 +48,43 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Expert Gutter Replacement on Brisbane Southside"
|
||||
description="Premium gutter replacement and landscaping maintenance services dedicated to protecting your home with quality craftsmanship."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746289.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746289.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/real-estate-insurance-concept-cheerful-man-buying-property-celebrating-saying-yes-showin_1258-144784.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/real-estate-insurance-concept-cheerful-man-buying-property-celebrating-saying-yes-showin_1258-144784.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fulllength-portrait-curly-blonde-woman-dressed-black-silk-pants-stylish-green-striped-sh_197531-33604.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/fulllength-portrait-curly-blonde-woman-dressed-black-silk-pants-stylish-green-striped-sh_197531-33604.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-embraced-couple-conversing-with-female-realtor_23-2148895486.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-embraced-couple-conversing-with-female-realtor_23-2148895486.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-shirt-smiling-posing-kitchen_23-2148414940.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-shirt-smiling-posing-kitchen_23-2148414940.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by hundreds of local Brisbane homeowners."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "View Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "View Our Services", href: "#services"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fully Licensed",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Fully Licensed", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Quality Guaranteed",
|
||||
icon: Award,
|
||||
type: "text-icon", text: "Quality Guaranteed", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Local Brisbane Experts",
|
||||
icon: MapPin,
|
||||
type: "text-icon", text: "Local Brisbane Experts", icon: MapPin,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fast Turnaround",
|
||||
icon: Clock,
|
||||
type: "text-icon", text: "Fast Turnaround", icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Eco-Friendly Practices",
|
||||
icon: Leaf,
|
||||
type: "text-icon", text: "Eco-Friendly Practices", icon: Leaf,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -130,24 +95,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Professional Service",
|
||||
},
|
||||
type: "text", content: "Professional Service"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-portrait-young-attractive-bearded-dark-skinned-farmer-blue-t-shirt-with-garden-tools-holding-hands-crossed-looking-aside-with-confident-face-expression_176420-19901.jpg",
|
||||
alt: "About our team",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/vertical-portrait-young-attractive-bearded-dark-skinned-farmer-blue-t-shirt-with-garden-tools-holding-hands-crossed-looking-aside-with-confident-face-expression_176420-19901.jpg", alt: "About our team"},
|
||||
{
|
||||
type: "text",
|
||||
content: "Committed to Excellence",
|
||||
},
|
||||
type: "text", content: "Committed to Excellence"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More About Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Learn More About Us", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,35 +115,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Gutter Replacement",
|
||||
descriptions: [
|
||||
"Full roof gutter system replacement using premium materials.",
|
||||
"Custom-fit solutions for any home architecture.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-practicing-yoga_72229-482.jpg?_wi=1",
|
||||
imageAlt: "Gutter replacement service",
|
||||
},
|
||||
id: "f1", title: "Gutter Replacement", descriptions: [
|
||||
"Full roof gutter system replacement using premium materials.", "Custom-fit solutions for any home architecture."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-practicing-yoga_72229-482.jpg?_wi=1", imageAlt: "Gutter replacement service"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Maintenance & Cleaning",
|
||||
descriptions: [
|
||||
"Routine gutter cleaning services to prevent water damage.",
|
||||
"Downpipe inspection and debris clearance.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-practicing-yoga_72229-482.jpg?_wi=2",
|
||||
imageAlt: "Gutter maintenance service",
|
||||
},
|
||||
id: "f2", title: "Maintenance & Cleaning", descriptions: [
|
||||
"Routine gutter cleaning services to prevent water damage.", "Downpipe inspection and debris clearance."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-practicing-yoga_72229-482.jpg?_wi=2", imageAlt: "Gutter maintenance service"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Landscaping Maintenance",
|
||||
descriptions: [
|
||||
"Complete yard cleanup and maintenance.",
|
||||
"Sustainable practices to keep your property pristine.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-young-attractive-bearded-dark-skinned-farmer-blue-t-shirt-with-garden-tools-holding-hands-crossed-looking-aside-with-confident-face-expression_176420-19901.jpg",
|
||||
imageAlt: "Landscaping maintenance service",
|
||||
},
|
||||
id: "f3", title: "Landscaping Maintenance", descriptions: [
|
||||
"Complete yard cleanup and maintenance.", "Sustainable practices to keep your property pristine."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-young-attractive-bearded-dark-skinned-farmer-blue-t-shirt-with-garden-tools-holding-hands-crossed-looking-aside-with-confident-face-expression_176420-19901.jpg", imageAlt: "Landscaping maintenance service"},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="We specialize in comprehensive gutter solutions and maintenance designed for the specific needs of Brisbane homes."
|
||||
@@ -199,30 +137,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746289.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746289.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-insurance-concept-cheerful-man-buying-property-celebrating-saying-yes-showin_1258-144784.jpg",
|
||||
},
|
||||
id: "2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-insurance-concept-cheerful-man-buying-property-celebrating-saying-yes-showin_1258-144784.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fulllength-portrait-curly-blonde-woman-dressed-black-silk-pants-stylish-green-striped-sh_197531-33604.jpg",
|
||||
},
|
||||
id: "3", name: "Emily P.", imageSrc: "http://img.b2bpic.net/free-photo/fulllength-portrait-curly-blonde-woman-dressed-black-silk-pants-stylish-green-striped-sh_197531-33604.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-embraced-couple-conversing-with-female-realtor_23-2148895486.jpg",
|
||||
},
|
||||
id: "4", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-embraced-couple-conversing-with-female-realtor_23-2148895486.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-shirt-smiling-posing-kitchen_23-2148414940.jpg",
|
||||
},
|
||||
id: "5", name: "Linda R.", imageSrc: "http://img.b2bpic.net/free-photo/man-shirt-smiling-posing-kitchen_23-2148414940.jpg"},
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Testimonials"
|
||||
@@ -236,20 +159,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does a replacement take?",
|
||||
content: "Most residential gutter replacements are completed within 1-2 days.",
|
||||
},
|
||||
id: "q1", title: "How long does a replacement take?", content: "Most residential gutter replacements are completed within 1-2 days."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you provide a warranty?",
|
||||
content: "Yes, all our gutter installations come with a comprehensive material and workmanship warranty.",
|
||||
},
|
||||
id: "q2", title: "Do you provide a warranty?", content: "Yes, all our gutter installations come with a comprehensive material and workmanship warranty."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Absolutely, we are fully licensed and insured for all roofing and landscaping services.",
|
||||
},
|
||||
id: "q3", title: "Are you licensed and insured?", content: "Absolutely, we are fully licensed and insured for all roofing and landscaping services."},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/furniture-assembly-worker-uses-laptop-consult-instructions-handyman-doing-good-job_482257-24842.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -263,14 +181,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to protect your home with professional service? Contact our team for a free estimate today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:hello@tmr.com",
|
||||
},
|
||||
text: "Contact Us Now", href: "mailto:hello@tmr.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -280,37 +195,23 @@ export default function LandingPage() {
|
||||
logoText="TMR Gutter Replacement"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Gutter Replacement",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Gutter Replacement", href: "#services"},
|
||||
{
|
||||
label: "Maintenance",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Maintenance", href: "#services"},
|
||||
{
|
||||
label: "Landscaping",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Landscaping", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user