Merge version_2 into main #1
239
src/app/page.tsx
239
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
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: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Polar Edge Roof Co."
|
||||
/>
|
||||
@@ -61,37 +51,23 @@ export default function LandingPage() {
|
||||
description="Your trusted South Miami roofing experts. Providing professional, licensed, and insured roofing services you can depend on."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+17867233115",
|
||||
},
|
||||
text: "Call Now", href: "tel:+17867233115"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks_342744-442.jpg"
|
||||
imageAlt="Professional roof installation by Polar Edge Roof Co."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg",
|
||||
alt: "Full shot man wearing protection helmet outdoors",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg", alt: "Full shot man wearing protection helmet outdoors"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748774.jpg",
|
||||
alt: "Man working on roof with a drill",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748774.jpg", alt: "Man working on roof with a drill"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-asian-technician-man-standing-talking-smartphone-long-rows-photovoltaic-solar-panels-copy-space_1150-57278.jpg",
|
||||
alt: "Young Asian technician man standing and talking on smartphone between long rows of photovoltaic solar panels copy space",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-asian-technician-man-standing-talking-smartphone-long-rows-photovoltaic-solar-panels-copy-space_1150-57278.jpg", alt: "Young Asian technician man standing and talking on smartphone between long rows of photovoltaic solar panels copy space"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-playing-guitar_23-2149223663.jpg",
|
||||
alt: "Full shot man playing the guitar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-playing-guitar_23-2149223663.jpg", alt: "Full shot man playing the guitar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks_342744-442.jpg",
|
||||
alt: "Professional roofing service residential roof",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks_342744-442.jpg", alt: "Professional roofing service residential roof"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy homeowners"
|
||||
/>
|
||||
@@ -104,17 +80,11 @@ export default function LandingPage() {
|
||||
description="Founded on the principles of integrity and attention to detail, Polar Edge Roof Co. brings personalized care to every home in South Miami. We pride ourselves on reliable communication and top-tier roofing expertise."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "100%", title: "Customer Satisfaction"},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Roofs Completed",
|
||||
},
|
||||
value: "15+", title: "Years Experience"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Customer Satisfaction",
|
||||
},
|
||||
value: "500+", title: "Roofs Completed"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/construction-people-working-roof_23-2149343666.jpg"
|
||||
imageAlt="Our experienced roofing team at work."
|
||||
@@ -129,33 +99,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Residential Roofing",
|
||||
description: "High-quality installation using premium materials.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-yellow-rural-house-with-wooden-stairs-countryside_176420-7157.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Residential Roofing", description: "High-quality installation using premium materials.", imageSrc: "http://img.b2bpic.net/free-photo/cute-yellow-rural-house-with-wooden-stairs-countryside_176420-7157.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Roof Repair",
|
||||
description: "Fast and effective fixes for leaks and damage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Roof Repair", description: "Fast and effective fixes for leaks and damage.", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Roof Replacement",
|
||||
description: "Complete replacement for total protection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-20.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Roof Replacement", description: "Complete replacement for total protection.", imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-20.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Storm Assessment",
|
||||
description: "Thorough evaluation after severe weather events.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-working-roof_23-2148748777.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Storm Assessment", description: "Thorough evaluation after severe weather events.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-working-roof_23-2148748777.jpg", buttonText: "Learn More"},
|
||||
]}
|
||||
title="Expert Roofing Services"
|
||||
description="Protect your home with comprehensive roofing solutions tailored to Florida’s unique climate."
|
||||
@@ -169,44 +119,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "pillar-1",
|
||||
value: "Expert",
|
||||
title: "Experienced Professionals",
|
||||
items: [
|
||||
"Licensed team",
|
||||
"Certified experts",
|
||||
"Advanced training",
|
||||
],
|
||||
id: "pillar-1", value: "Expert", title: "Experienced Professionals", items: [
|
||||
"Licensed team", "Certified experts", "Advanced training"],
|
||||
},
|
||||
{
|
||||
id: "pillar-2",
|
||||
value: "Custom",
|
||||
title: "Tailored Solutions",
|
||||
items: [
|
||||
"Personalized design",
|
||||
"Material variety",
|
||||
"Fits your budget",
|
||||
],
|
||||
id: "pillar-2", value: "Custom", title: "Tailored Solutions", items: [
|
||||
"Personalized design", "Material variety", "Fits your budget"],
|
||||
},
|
||||
{
|
||||
id: "pillar-3",
|
||||
value: "Fast",
|
||||
title: "Reliable Service",
|
||||
items: [
|
||||
"Timely arrivals",
|
||||
"Efficient execution",
|
||||
"Clean workspace",
|
||||
],
|
||||
id: "pillar-3", value: "Fast", title: "Reliable Service", items: [
|
||||
"Timely arrivals", "Efficient execution", "Clean workspace"],
|
||||
},
|
||||
{
|
||||
id: "pillar-4",
|
||||
value: "Care",
|
||||
title: "Customer-Centered",
|
||||
items: [
|
||||
"Clear communication",
|
||||
"Honest estimates",
|
||||
"Dedicated support",
|
||||
],
|
||||
id: "pillar-4", value: "Care", title: "Customer-Centered", items: [
|
||||
"Clear communication", "Honest estimates", "Dedicated support"],
|
||||
},
|
||||
]}
|
||||
title="Why Choose Polar Edge"
|
||||
@@ -220,25 +146,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "step-1",
|
||||
title: "1. Consultation",
|
||||
content: "We discuss your needs and conduct an initial site assessment to understand your roofing requirements.",
|
||||
},
|
||||
id: "step-1", title: "1. Consultation", content: "We discuss your needs and conduct an initial site assessment to understand your roofing requirements."},
|
||||
{
|
||||
id: "step-2",
|
||||
title: "2. Planning",
|
||||
content: "Our team prepares a detailed project plan with high-quality materials and accurate cost estimates.",
|
||||
},
|
||||
id: "step-2", title: "2. Planning", content: "Our team prepares a detailed project plan with high-quality materials and accurate cost estimates."},
|
||||
{
|
||||
id: "step-3",
|
||||
title: "3. Execution",
|
||||
content: "Skilled craftsmen perform the work with precision, focusing on safety and efficiency.",
|
||||
},
|
||||
id: "step-3", title: "3. Execution", content: "Skilled craftsmen perform the work with precision, focusing on safety and efficiency."},
|
||||
{
|
||||
id: "step-4",
|
||||
title: "4. Follow-Up",
|
||||
content: "We conduct a thorough final inspection to ensure our work meets the highest quality standards.",
|
||||
},
|
||||
id: "step-4", title: "4. Follow-Up", content: "We conduct a thorough final inspection to ensure our work meets the highest quality standards."},
|
||||
]}
|
||||
title="Our 4-Step Roofing Process"
|
||||
description="We ensure a seamless journey from the initial consultation to the follow-up inspection."
|
||||
@@ -254,45 +168,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "rev-1",
|
||||
name: "James",
|
||||
role: "Local Guide",
|
||||
company: "Polar Edge Roof Co.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/recognized-recommended-allowance-approve-permit_53876-121138.jpg",
|
||||
},
|
||||
id: "rev-1", name: "James", role: "Local Guide", company: "Polar Edge Roof Co.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/recognized-recommended-allowance-approve-permit_53876-121138.jpg"},
|
||||
{
|
||||
id: "rev-2",
|
||||
name: "Mary Keene",
|
||||
role: "Client",
|
||||
company: "Polar Edge Roof Co.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-man-with-long-hair-tattoos-posing-holding-ar_158595-2400.jpg",
|
||||
},
|
||||
id: "rev-2", name: "Mary Keene", role: "Client", company: "Polar Edge Roof Co.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-man-with-long-hair-tattoos-posing-holding-ar_158595-2400.jpg"},
|
||||
{
|
||||
id: "rev-3",
|
||||
name: "Elizabeth Ferguson",
|
||||
role: "Client",
|
||||
company: "Polar Edge Roof Co.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233781.jpg",
|
||||
},
|
||||
id: "rev-3", name: "Elizabeth Ferguson", role: "Client", company: "Polar Edge Roof Co.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233781.jpg"},
|
||||
{
|
||||
id: "rev-4",
|
||||
name: "Gilma Yi",
|
||||
role: "Client",
|
||||
company: "Polar Edge Roof Co.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-woman-with-tablet-cafe_1262-3779.jpg",
|
||||
},
|
||||
id: "rev-4", name: "Gilma Yi", role: "Client", company: "Polar Edge Roof Co.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-woman-with-tablet-cafe_1262-3779.jpg"},
|
||||
{
|
||||
id: "rev-5",
|
||||
name: "Virginia Molden",
|
||||
role: "Client",
|
||||
company: "Polar Edge Roof Co.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-practicing-tai-chi-outside_23-2149893705.jpg",
|
||||
},
|
||||
id: "rev-5", name: "Virginia Molden", role: "Client", company: "Polar Edge Roof Co.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-practicing-tai-chi-outside_23-2149893705.jpg"},
|
||||
]}
|
||||
title="Verified 5-Star Results"
|
||||
description="Join our satisfied clients across South Miami."
|
||||
@@ -303,8 +192,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Get a Free Quote"
|
||||
description="Ready to protect your home? Reach out to us for expert roofing assistance in South Miami, FL. Call +1 (786) 723-3115."
|
||||
@@ -317,50 +205,31 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Residential Roofing",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Residential Roofing", href: "#services"},
|
||||
{
|
||||
label: "Roof Repair",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Roof Repair", href: "#services"},
|
||||
{
|
||||
label: "Replacements",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Replacements", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
title: "Info", items: [
|
||||
{
|
||||
label: "6332 SW 59th Pl, South Miami, FL 33143",
|
||||
href: "#",
|
||||
},
|
||||
label: "6332 SW 59th Pl, South Miami, FL 33143", href: "#"},
|
||||
{
|
||||
label: "+1 (786) 723-3115",
|
||||
href: "tel:+17867233115",
|
||||
},
|
||||
label: "+1 (786) 723-3115", href: "tel:+17867233115"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -370,4 +239,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user