Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
225
src/app/page.tsx
225
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
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="Denver Roofers"
|
||||
/>
|
||||
@@ -62,32 +52,20 @@ export default function LandingPage() {
|
||||
description="Expert roof repairs, replacements, and installations for Colorado homes. Reliable, durable, and local."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/new-brick-house-with-modular-chimney-stone-coated-metal-roof-tile-plastic-windows-rain-gutter_1253-1543.jpg?_wi=1"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/never-ending-happiness-our-new-home_329181-9763.jpg",
|
||||
alt: "happy homeowner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/never-ending-happiness-our-new-home_329181-9763.jpg", alt: "happy homeowner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg",
|
||||
alt: "satisfied customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg", alt: "satisfied customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-greyhaired-woman-smiling-confident-drinking-coffee-new-home_839833-34774.jpg",
|
||||
alt: "happy homeowner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-greyhaired-woman-smiling-confident-drinking-coffee-new-home_839833-34774.jpg", alt: "happy homeowner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-talking-phone-kitchen_23-2148254569.jpg",
|
||||
alt: "satisfied homeowner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-talking-phone-kitchen_23-2148254569.jpg", alt: "satisfied homeowner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-riding-scooter-outside_23-2149019498.jpg",
|
||||
alt: "satisfied customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-riding-scooter-outside_23-2149019498.jpg", alt: "satisfied customer"},
|
||||
]}
|
||||
avatarText="Trusted by 2,000+ local homeowners"
|
||||
/>
|
||||
@@ -100,17 +78,11 @@ export default function LandingPage() {
|
||||
description="We specialize in protecting Denver homes from the elements. Our team combines premium materials with master craftsmanship to deliver roofs built to last through every Colorado season."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "15+", title: "Years Experience"},
|
||||
{
|
||||
value: "2k+",
|
||||
title: "Roofs Repaired",
|
||||
},
|
||||
value: "2k+", title: "Roofs Repaired"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Satisfied Clients",
|
||||
},
|
||||
value: "100%", title: "Satisfied Clients"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086833.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -124,29 +96,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Repair",
|
||||
title: "Storm Damage Repair",
|
||||
subtitle: "Fast Response",
|
||||
description: "Quick restoration after hail or storm damage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/bundle-engineering-set-icons_24877-57318.jpg",
|
||||
imageAlt: "construction industry certification icon",
|
||||
},
|
||||
tag: "Repair", title: "Storm Damage Repair", subtitle: "Fast Response", description: "Quick restoration after hail or storm damage.", imageSrc: "http://img.b2bpic.net/free-vector/bundle-engineering-set-icons_24877-57318.jpg", imageAlt: "construction industry certification icon"},
|
||||
{
|
||||
tag: "Installation",
|
||||
title: "Roof Replacement",
|
||||
subtitle: "Quality Materials",
|
||||
description: "Long-lasting replacements with modern shingles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-brick-house-with-modular-chimney-stone-coated-metal-roof-tile-plastic-windows-rain-gutter_1253-1543.jpg?_wi=2",
|
||||
imageAlt: "construction industry certification icon",
|
||||
},
|
||||
tag: "Installation", title: "Roof Replacement", subtitle: "Quality Materials", description: "Long-lasting replacements with modern shingles.", imageSrc: "http://img.b2bpic.net/free-photo/new-brick-house-with-modular-chimney-stone-coated-metal-roof-tile-plastic-windows-rain-gutter_1253-1543.jpg?_wi=2", imageAlt: "construction industry certification icon"},
|
||||
{
|
||||
tag: "Inspection",
|
||||
title: "Roof Inspections",
|
||||
subtitle: "Detailed Reporting",
|
||||
description: "Comprehensive checkups to ensure your roof is structurally sound.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086833.jpg?_wi=2",
|
||||
imageAlt: "construction industry certification icon",
|
||||
},
|
||||
tag: "Inspection", title: "Roof Inspections", subtitle: "Detailed Reporting", description: "Comprehensive checkups to ensure your roof is structurally sound.", imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086833.jpg?_wi=2", imageAlt: "construction industry certification icon"},
|
||||
]}
|
||||
title="Our Roofing Services"
|
||||
description="We provide comprehensive solutions tailored to your unique roofing needs."
|
||||
@@ -161,20 +115,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24/7",
|
||||
description: "Emergency Support",
|
||||
},
|
||||
id: "m1", value: "24/7", description: "Emergency Support"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Lifetime",
|
||||
description: "Material Warranty",
|
||||
},
|
||||
id: "m2", value: "Lifetime", description: "Material Warranty"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Fast",
|
||||
description: "Permit Approval",
|
||||
},
|
||||
id: "m3", value: "Fast", description: "Permit Approval"},
|
||||
]}
|
||||
title="Quality You Can Measure"
|
||||
description="We stand by our work with industry-leading standards."
|
||||
@@ -188,59 +133,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Homeowner",
|
||||
company: "Denver",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-good-looking-thick-skinned-student-woman-with-curly-hair-casual-fashionable-clothes-looking-aside-smiling-brightfully-friend-outside-waiting-her-order-coffee-shop-life_176420-12327.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", role: "Homeowner", company: "Denver", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-good-looking-thick-skinned-student-woman-with-curly-hair-casual-fashionable-clothes-looking-aside-smiling-brightfully-friend-outside-waiting-her-order-coffee-shop-life_176420-12327.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Wilson",
|
||||
role: "Homeowner",
|
||||
company: "Boulder",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg",
|
||||
},
|
||||
id: "2", name: "James Wilson", role: "Homeowner", company: "Boulder", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Davis",
|
||||
role: "Homeowner",
|
||||
company: "Aurora",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happily-smiling-latino-dark-skinned-man-wears-blank-heather-grey-clothing-pose-near-wooden-ladder-white-wall-side-view_346278-1041.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Davis", role: "Homeowner", company: "Aurora", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happily-smiling-latino-dark-skinned-man-wears-blank-heather-grey-clothing-pose-near-wooden-ladder-white-wall-side-view_346278-1041.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert Brown",
|
||||
role: "Homeowner",
|
||||
company: "Littleton",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg",
|
||||
},
|
||||
id: "4", name: "Robert Brown", role: "Homeowner", company: "Littleton", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda White",
|
||||
role: "Homeowner",
|
||||
company: "Centennial",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-carrying-girlfriend-back_23-2147744872.jpg",
|
||||
},
|
||||
id: "5", name: "Linda White", role: "Homeowner", company: "Centennial", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-carrying-girlfriend-back_23-2147744872.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
value: "4.9", label: "Avg Rating"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Reviews",
|
||||
},
|
||||
value: "500+", label: "Reviews"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Referral Rate",
|
||||
},
|
||||
value: "100%", label: "Referral Rate"},
|
||||
]}
|
||||
title="Voices of Our Clients"
|
||||
description="See why Denver homeowners choose us for their roofing projects."
|
||||
@@ -253,20 +167,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How often should I inspect my roof?",
|
||||
content: "We recommend professional inspections every 2-3 years, or after any severe hail storm.",
|
||||
},
|
||||
id: "f1", title: "How often should I inspect my roof?", content: "We recommend professional inspections every 2-3 years, or after any severe hail storm."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long does a roof replacement take?",
|
||||
content: "Most residential roof replacements take 2-3 days, depending on weather and complexity.",
|
||||
},
|
||||
id: "f2", title: "How long does a roof replacement take?", content: "Most residential roof replacements take 2-3 days, depending on weather and complexity."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer financing?",
|
||||
content: "Yes, we work with multiple financing partners to make your roofing project affordable.",
|
||||
},
|
||||
id: "f3", title: "Do you offer financing?", content: "Yes, we work with multiple financing partners to make your roofing project affordable."},
|
||||
{
|
||||
id: "f4", title: "Are you licensed and insured?", content: "Yes, we are fully licensed and insured for all roofing operations in Colorado."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -280,14 +187,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Roofing Guild",
|
||||
"Contractor Alliance",
|
||||
"Local Business Hub",
|
||||
"Material Quality Seal",
|
||||
"Denver Service Trust",
|
||||
"Home Improvement Net",
|
||||
"Safety Standards Org",
|
||||
]}
|
||||
"Roofing Guild", "Contractor Alliance", "Local Business Hub", "Material Quality Seal", "Denver Service Trust", "Home Improvement Net", "Safety Standards Org"]}
|
||||
title="Certified Excellence"
|
||||
description="We are proud members of leading industry organizations."
|
||||
/>
|
||||
@@ -297,14 +197,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Ready to protect your home? Get your free professional roofing consultation today."
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to protect your home? 1450 1/2 S Humboldt St, Denver, CO 80210. Phone: (303) 535-3829."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call (303) 555-0101",
|
||||
href: "tel:3035550101",
|
||||
},
|
||||
text: "Call (303) 535-3829", href: "tel:3035353829"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -315,37 +212,31 @@ export default function LandingPage() {
|
||||
logoText="Denver Roofers"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Contact Info", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "(303) 535-3829", href: "tel:3035353829"},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "1450 1/2 S Humboldt St, Denver, CO", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Terms of Use", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user