Update src/app/page.tsx
This commit is contained in:
228
src/app/page.tsx
228
src/app/page.tsx
@@ -33,48 +33,33 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Texas Best Roof Repair"
|
||||
button={{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
logoText="Texas Best Roof Repair"
|
||||
description="Protecting your home with quality, integrity, and precision. We provide top-tier roof repair and replacement services across Texas."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Your Free Estimate", href: "#contact"},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Our Services", href: "#features"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aeodgv&_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aeodgv"
|
||||
imageAlt="Texas residential roofing project"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -87,29 +72,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Craftsmanship",
|
||||
description: "Certified professionals delivering unmatched precision on every project.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kxab3s&_wi=1",
|
||||
imageAlt: "Expert roofing work",
|
||||
},
|
||||
title: "Expert Craftsmanship", description: "Certified professionals delivering unmatched precision on every project.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kxab3s", imageAlt: "Expert roofing work"},
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
text: "Licensed & Insured"},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Quality Guaranteed",
|
||||
},
|
||||
text: "Quality Guaranteed"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Fast Turnaround",
|
||||
},
|
||||
text: "Fast Turnaround"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aeodgv&_wi=2",
|
||||
imageAlt: "high quality roofing materials",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Texas Best?"
|
||||
@@ -125,41 +101,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Roof Leak Repair",
|
||||
price: "From $299",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=deuq4d&_wi=1",
|
||||
},
|
||||
id: "1", name: "Roof Leak Repair", price: "From $299", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=deuq4d"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Storm Damage Restoration",
|
||||
price: "Free Inspection",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sdp9rl&_wi=1",
|
||||
},
|
||||
id: "2", name: "Storm Damage Restoration", price: "Free Inspection", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sdp9rl"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Roof Replacement",
|
||||
price: "Custom Quotes",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bc0kso&_wi=1",
|
||||
},
|
||||
id: "3", name: "Roof Replacement", price: "Custom Quotes", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bc0kso"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Gutter Installation",
|
||||
price: "From $150",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=obvfl6",
|
||||
},
|
||||
id: "4", name: "Gutter Installation", price: "From $150", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=obvfl6"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Preventative Maintenance",
|
||||
price: "From $199",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=riyait",
|
||||
},
|
||||
id: "5", name: "Preventative Maintenance", price: "From $199", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=riyait"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Roof Ventilation Upgrades",
|
||||
price: "From $350",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e4b08a",
|
||||
},
|
||||
id: "6", name: "Roof Ventilation Upgrades", price: "From $350", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e4b08a"},
|
||||
]}
|
||||
title="Our Roofing Services"
|
||||
description="From emergency repairs to full roof replacements, we provide comprehensive solutions for every Texas home."
|
||||
@@ -173,26 +125,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Serving the state",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2lgjil",
|
||||
},
|
||||
id: "m1", value: "15+", title: "Years Experience", description: "Serving the state", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2lgjil"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5000+",
|
||||
title: "Roofs Repaired",
|
||||
description: "Happy clients",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r1o703",
|
||||
},
|
||||
id: "m2", value: "5000+", title: "Roofs Repaired", description: "Happy clients", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r1o703"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Emergency Support",
|
||||
description: "Always ready",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4y4b8n",
|
||||
},
|
||||
id: "m3", value: "24/7", title: "Emergency Support", description: "Always ready", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4y4b8n"},
|
||||
]}
|
||||
title="Proven Excellence"
|
||||
description="Years of service and thousands of roofs restored, serving the Texas community with dedication."
|
||||
@@ -205,60 +142,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
date: "Oct 2023",
|
||||
title: "Great Experience",
|
||||
quote: "Quick and professional. My roof looks amazing!",
|
||||
tag: "Verified",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gnqc7d",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aeodgv&_wi=3",
|
||||
imageAlt: "happy home owner front door",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", date: "Oct 2023", title: "Great Experience", quote: "Quick and professional. My roof looks amazing!", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gnqc7d", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aeodgv", imageAlt: "happy home owner front door"},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Davis",
|
||||
date: "Sep 2023",
|
||||
title: "Reliable",
|
||||
quote: "They fixed my leak in record time. Highly recommend.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=khs5df",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kxab3s&_wi=2",
|
||||
imageAlt: "happy home owner front door",
|
||||
},
|
||||
id: "2", name: "John Davis", date: "Sep 2023", title: "Reliable", quote: "They fixed my leak in record time. Highly recommend.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=khs5df", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kxab3s", imageAlt: "happy home owner front door"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma Wilson",
|
||||
date: "Aug 2023",
|
||||
title: "Top Notch",
|
||||
quote: "Expert team, honest pricing. Very happy.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=keyabf",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=deuq4d&_wi=2",
|
||||
imageAlt: "happy home owner front door",
|
||||
},
|
||||
id: "3", name: "Emma Wilson", date: "Aug 2023", title: "Top Notch", quote: "Expert team, honest pricing. Very happy.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=keyabf", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=deuq4d", imageAlt: "happy home owner front door"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Michael Reed",
|
||||
date: "July 2023",
|
||||
title: "Superb Service",
|
||||
quote: "Professional team, great quality.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qzs7jy",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sdp9rl&_wi=2",
|
||||
imageAlt: "happy home owner front door",
|
||||
},
|
||||
id: "4", name: "Michael Reed", date: "July 2023", title: "Superb Service", quote: "Professional team, great quality.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qzs7jy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sdp9rl", imageAlt: "happy home owner front door"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda Adams",
|
||||
date: "June 2023",
|
||||
title: "Highly Recommend",
|
||||
quote: "Best roofing service in town.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ojgs88",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bc0kso&_wi=2",
|
||||
imageAlt: "happy home owner front door",
|
||||
},
|
||||
id: "5", name: "Linda Adams", date: "June 2023", title: "Highly Recommend", quote: "Best roofing service in town.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ojgs88", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bc0kso", imageAlt: "happy home owner front door"},
|
||||
]}
|
||||
title="What Homeowners Say"
|
||||
description="Hear directly from your neighbors about why they trust Texas Best Roof Repair for their home."
|
||||
@@ -270,14 +162,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"GAF",
|
||||
"Owens Corning",
|
||||
"CertainTeed",
|
||||
"IKO",
|
||||
"Tamko",
|
||||
"Malarkey",
|
||||
"Atlas",
|
||||
]}
|
||||
"GAF", "Owens Corning", "CertainTeed", "IKO", "Tamko", "Malarkey", "Atlas"]}
|
||||
title="Our Trusted Partnerships"
|
||||
description="We are proud to work with the industry's leading manufacturers and suppliers."
|
||||
/>
|
||||
@@ -289,20 +174,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer free estimates?",
|
||||
content: "Yes, we provide free, no-obligation roof inspections and estimates.",
|
||||
},
|
||||
id: "f1", title: "Do you offer free estimates?", content: "Yes, we provide free, no-obligation roof inspections and estimates."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Yes, we are fully licensed and insured roofing contractors in Texas.",
|
||||
},
|
||||
id: "f2", title: "Are you licensed and insured?", content: "Yes, we are fully licensed and insured roofing contractors in Texas."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How long does a roof replacement take?",
|
||||
content: "Most projects are completed within 1-2 days depending on the size and roof type.",
|
||||
},
|
||||
id: "f3", title: "How long does a roof replacement take?", content: "Most projects are completed within 1-2 days depending on the size and roof type."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions regarding our roofing services."
|
||||
@@ -317,22 +193,14 @@ export default function LandingPage() {
|
||||
description="Contact us today for a free inspection or estimate. We're ready to help protect your home."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe your roofing issue...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Describe your roofing issue...", rows: 4,
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s00642"
|
||||
/>
|
||||
@@ -343,33 +211,21 @@ export default function LandingPage() {
|
||||
logoText="Texas Best Roof Repair"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#features",
|
||||
},
|
||||
label: "About Us", href: "#features"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Services", href: "#products"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Estimates",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Estimates", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user