Update src/app/page.tsx
This commit is contained in:
247
src/app/page.tsx
247
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Roofing Company Davie"
|
||||
/>
|
||||
@@ -53,48 +41,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Reliable Roof Repair & Roofing Services in Davie, FL"
|
||||
description="Protect your home with our fast, thorough, and expert roofing services. Rated 5.0 stars for our commitment to safety and quality."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: (754) 328-5911",
|
||||
href: "tel:+17543285911",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call Now: (754) 328-5911", href: "tel:+17543285911" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/a-high-quality-professional-photo-of-a-m-1778100071599-73b66592.png?_wi=1",
|
||||
imageAlt: "Professional roof repair",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/aerial-view-of-a-residential-neighborhoo-1778100080912-15306ce0.png?_wi=1",
|
||||
imageAlt: "Aerial roof inspection",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/close-up-photo-of-high-quality-roofing-m-1778100090539-7134212a.png?_wi=1",
|
||||
imageAlt: "High quality roof shingles",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/a-professional-roofing-contractor-team-s-1778100101684-db6fdb90.png",
|
||||
imageAlt: "Professional roofing team",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/modern-roofing-inspection-equipment-and--1778100111221-a771bf17.png",
|
||||
imageAlt: "Roof inspection equipment",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/professional-roofing-repair-in-progress--1778100119947-a98553f3.png",
|
||||
imageAlt: "Roof leak repair",
|
||||
},
|
||||
{ id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/a-high-quality-professional-photo-of-a-m-1778100071599-73b66592.png", imageAlt: "Professional roof repair" },
|
||||
{ id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/aerial-view-of-a-residential-neighborhoo-1778100080912-15306ce0.png", imageAlt: "Aerial roof inspection" },
|
||||
{ id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/close-up-photo-of-high-quality-roofing-m-1778100090539-7134212a.png", imageAlt: "High quality roof shingles" },
|
||||
{ id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/a-professional-roofing-contractor-team-s-1778100101684-db6fdb90.png", imageAlt: "Professional roofing team" },
|
||||
{ id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/modern-roofing-inspection-equipment-and--1778100111221-a771bf17.png", imageAlt: "Roof inspection equipment" },
|
||||
{ id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/professional-roofing-repair-in-progress--1778100119947-a98553f3.png", imageAlt: "Roof leak repair" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,9 +61,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Established Experts in Davie Roofing"
|
||||
description={[
|
||||
"At Roofing Company Davie, we help local homeowners and businesses keep their roofs safe, strong, and weather-ready.",
|
||||
"Our team is dedicated to providing thorough checks, strong repairs, and fast response times to protect your most valuable investment.",
|
||||
]}
|
||||
"At Roofing Company Davie, we help local homeowners and businesses keep their roofs safe, strong, and weather-ready.", "Our team is dedicated to providing thorough checks, strong repairs, and fast response times to protect your most valuable investment."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -114,47 +69,24 @@ export default function LandingPage() {
|
||||
<FeatureCardNine
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Leak & Sagging Repair",
|
||||
description: "We specialize in fixing leaks, roof sagging, and structural support issues to keep your home dry and safe.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/professional-roofing-tool-in-action-high-1778100140621-c210daae.png",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/professional-roofing-tool-in-action-high-1778100233514-8b22bc3c.png",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/a-high-quality-professional-photo-of-a-m-1778100071599-73b66592.png?_wi=2",
|
||||
imageAlt: "Professional roofing tool in action, high quality imagery of precision leak repair service.",
|
||||
},
|
||||
{
|
||||
title: "Inspections & Strengthening",
|
||||
description: "Full roof checks and support strengthening to ensure your roof is resilient against Florida weather.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/close-up-view-of-roof-structure-strength-1778100152895-abad6807.png",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/close-up-view-of-roof-structure-strength-1778100243052-60fa874b.png",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/aerial-view-of-a-residential-neighborhoo-1778100080912-15306ce0.png?_wi=2",
|
||||
imageAlt: "Professional roofing tool in action, high quality imagery of precision leak repair service.",
|
||||
},
|
||||
{
|
||||
title: "Emergency & Storm Repairs",
|
||||
description: "Emergency services and storm damage checks to help you respond fast when you need us most.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/roofing-material-after-storm-repair-clea-1778100162427-a9d566bd.png",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/roofing-material-after-storm-repair-clea-1778100251136-9f11a669.png",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/close-up-photo-of-high-quality-roofing-m-1778100090539-7134212a.png?_wi=2",
|
||||
imageAlt: "Professional roofing tool in action, high quality imagery of precision leak repair service.",
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
showStepNumbers={false}
|
||||
title="Comprehensive Roofing Services"
|
||||
description="Fast response, thorough work, and protection for your home."
|
||||
features={[
|
||||
{
|
||||
title: "Leak & Sagging Repair", description: "We specialize in fixing leaks, roof sagging, and structural support issues to keep your home dry and safe.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/professional-roofing-tool-in-action-high-1778100140621-c210daae.png" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/professional-roofing-tool-in-action-high-1778100233514-8b22bc3c.png" }
|
||||
},
|
||||
{
|
||||
title: "Inspections & Strengthening", description: "Full roof checks and support strengthening to ensure your roof is resilient against Florida weather.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/close-up-view-of-roof-structure-strength-1778100152895-abad6807.png" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/close-up-view-of-roof-structure-strength-1778100243052-60fa874b.png" }
|
||||
},
|
||||
{
|
||||
title: "Emergency & Storm Repairs", description: "Emergency services and storm damage checks to help you respond fast when you need us most.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/roofing-material-after-storm-repair-clea-1778100162427-a9d566bd.png" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/roofing-material-after-storm-repair-clea-1778100251136-9f11a669.png" }
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -164,21 +96,9 @@ export default function LandingPage() {
|
||||
title="Trusted by the Davie Community"
|
||||
tag="Our Achievements"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "5.0",
|
||||
description: "Star Rating",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "1000+",
|
||||
description: "Roofs Repaired",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "15+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
{ id: "1", value: "5.0", description: "Star Rating" },
|
||||
{ id: "2", value: "1000+", description: "Roofs Repaired" },
|
||||
{ id: "3", value: "15+", description: "Years Experience" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -189,21 +109,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How fast can you respond to a roof leak?",
|
||||
content: "We offer fast emergency response times in Davie and surrounding areas.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you perform full roof inspections?",
|
||||
content: "Yes, we provide thorough roof checks to identify any potential issues early.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Absolutely, we are a fully licensed and insured roofing contractor.",
|
||||
},
|
||||
{ id: "1", title: "How fast can you respond to a roof leak?", content: "We offer fast emergency response times in Davie and surrounding areas." },
|
||||
{ id: "2", title: "Do you perform full roof inspections?", content: "Yes, we provide thorough roof checks to identify any potential issues early." },
|
||||
{ id: "3", title: "Are you licensed and insured?", content: "Absolutely, we are a fully licensed and insured roofing contractor." },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/high-quality-close-up-of-professional-ro-1778100222900-76ccb3c5.png"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -220,46 +128,11 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
company: "Davie Resident",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/professional-portrait-of-a-happy-homeown-1778100173603-6a622f2f.png",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike D.",
|
||||
role: "Business Owner",
|
||||
company: "Davie Local",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/professional-portrait-of-a-local-busines-1778100185473-555707d6.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
role: "Homeowner",
|
||||
company: "Davie Resident",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/happy-couple-outside-their-house-1778100194597-be8605d1.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Homeowner",
|
||||
company: "Davie Resident",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/professional-local-resident-portrait-1778100203284-27afd6d3.png",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tom B.",
|
||||
role: "Homeowner",
|
||||
company: "Davie Resident",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/portrait-of-a-mature-homeowner-1778100213503-256ad213.png",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Homeowner", company: "Davie Resident", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/professional-portrait-of-a-happy-homeown-1778100173603-6a622f2f.png" },
|
||||
{ id: "2", name: "Mike D.", role: "Business Owner", company: "Davie Local", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/professional-portrait-of-a-local-busines-1778100185473-555707d6.png" },
|
||||
{ id: "3", name: "Elena R.", role: "Homeowner", company: "Davie Resident", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/happy-couple-outside-their-house-1778100194597-be8605d1.png" },
|
||||
{ id: "4", name: "David K.", role: "Homeowner", company: "Davie Resident", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/professional-local-resident-portrait-1778100203284-27afd6d3.png" },
|
||||
{ id: "5", name: "Tom B.", role: "Homeowner", company: "Davie Resident", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AY6OUkkDWDB9f8RXWuG5JkBXgc/portrait-of-a-mature-homeowner-1778100213503-256ad213.png" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by homeowners and businesses in Davie, FL."
|
||||
@@ -269,16 +142,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Call us now at (754) 328-5911 to schedule your roofing repair or inspection. Visit us at 3325 S University Dr Ste.149, Davie, FL 33328. Open until 6 PM."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: (754) 328-5911",
|
||||
href: "tel:+17543285911",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call Now: (754) 328-5911", href: "tel:+17543285911" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -287,33 +153,16 @@ export default function LandingPage() {
|
||||
logoText="Roofing Company Davie"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user