Merge version_1 into main #2
281
src/app/page.tsx
281
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
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: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="JM Roofing"
|
||||
/>
|
||||
@@ -61,98 +51,55 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Quality Roofing. Three Generations of Trust."
|
||||
description="JM Roofing delivers premium roofing services, combining time-honored expertise with modern materials to protect what matters most."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "JM Roofing replaced our old roof quickly. Fantastic local team!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15650.jpg",
|
||||
},
|
||||
name: "John D.", handle: "@johnd", testimonial: "JM Roofing replaced our old roof quickly. Fantastic local team!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15650.jpg"},
|
||||
{
|
||||
name: "Mary S.",
|
||||
handle: "@marys",
|
||||
testimonial: "Reliable and honest. These guys have true expertise.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-orange-t-shirt-looking-happy-front-view_176474-93526.jpg",
|
||||
},
|
||||
name: "Mary S.", handle: "@marys", testimonial: "Reliable and honest. These guys have true expertise.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-house-model-orange-t-shirt-looking-happy-front-view_176474-93526.jpg"},
|
||||
{
|
||||
name: "Robert B.",
|
||||
handle: "@robertb",
|
||||
testimonial: "Best service in town, period. My roof looks amazing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-loader-holding-house-model-uniform-front-view_176474-21361.jpg",
|
||||
},
|
||||
name: "Robert B.", handle: "@robertb", testimonial: "Best service in town, period. My roof looks amazing.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-loader-holding-house-model-uniform-front-view_176474-21361.jpg"},
|
||||
{
|
||||
name: "Emily K.",
|
||||
handle: "@emilyk",
|
||||
testimonial: "Very professional from start to finish. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clients-realtor-touring-new-high-class-office-space_482257-90948.jpg",
|
||||
},
|
||||
name: "Emily K.", handle: "@emilyk", testimonial: "Very professional from start to finish. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clients-realtor-touring-new-high-class-office-space_482257-90948.jpg"},
|
||||
{
|
||||
name: "Peter M.",
|
||||
handle: "@peterm",
|
||||
testimonial: "Three generations shows in their quality. Excellent work.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-doing-paperwork-office_273609-6924.jpg",
|
||||
},
|
||||
name: "Peter M.", handle: "@peterm", testimonial: "Three generations shows in their quality. Excellent work.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-doing-paperwork-office_273609-6924.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-holding-hammer-drill-looking-away_23-2148748783.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-holding-hammer-drill-looking-away_23-2148748783.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-level-checking-roof-timber_23-2148748853.jpg",
|
||||
alt: "Worker with hard hat and level",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-level-checking-roof-timber_23-2148748853.jpg", alt: "Worker with hard hat and level"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-carpenter-man-sitting-smiling_23-2148748790.jpg",
|
||||
alt: "Carpenter smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-carpenter-man-sitting-smiling_23-2148748790.jpg", alt: "Carpenter smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-male-laborer-with-hard-hat-safety-glasses_23-2148773506.jpg",
|
||||
alt: "Male laborer with safety gear",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-male-laborer-with-hard-hat-safety-glasses_23-2148773506.jpg", alt: "Male laborer with safety gear"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384856.jpg",
|
||||
alt: "Man working in warehouse",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384856.jpg", alt: "Man working in warehouse"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-father-holding-baby-carrier_23-2150167104.jpg",
|
||||
alt: "Family portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-father-holding-baby-carrier_23-2150167104.jpg", alt: "Family portrait"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
type: "text", text: "Licensed & Insured"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family-Owned",
|
||||
},
|
||||
type: "text", text: "Family-Owned"},
|
||||
{
|
||||
type: "text",
|
||||
text: "3rd Generation",
|
||||
},
|
||||
type: "text", text: "3rd Generation"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Experts",
|
||||
},
|
||||
type: "text", text: "Local Experts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Guaranteed",
|
||||
},
|
||||
type: "text", text: "Quality Guaranteed"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -162,20 +109,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Built on a legacy of excellence for three generations.",
|
||||
},
|
||||
type: "text", content: "Built on a legacy of excellence for three generations."},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/multinational-colleagues-looking-laptop-screen-office-meeting_1098-20273.jpg",
|
||||
alt: "Family business roofing heritage",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/multinational-colleagues-looking-laptop-screen-office-meeting_1098-20273.jpg", alt: "Family business roofing heritage"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Our History",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Our History", href: "#about"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -187,35 +127,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Residential Roof Replacement",
|
||||
descriptions: [
|
||||
"Full shingle installation",
|
||||
"Expert shingle removal",
|
||||
"Leak-proof underlayment",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg?_wi=1",
|
||||
},
|
||||
id: "1", title: "Residential Roof Replacement", descriptions: [
|
||||
"Full shingle installation", "Expert shingle removal", "Leak-proof underlayment"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Emergency Roof Repairs",
|
||||
descriptions: [
|
||||
"Fast storm damage repair",
|
||||
"Waterproofing solutions",
|
||||
"Leak detection experts",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg?_wi=1",
|
||||
},
|
||||
id: "2", title: "Emergency Roof Repairs", descriptions: [
|
||||
"Fast storm damage repair", "Waterproofing solutions", "Leak detection experts"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Roof Maintenance & Inspections",
|
||||
descriptions: [
|
||||
"Full roof inspections",
|
||||
"Gutter cleaning services",
|
||||
"Proactive repair planning",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks-working-tablet-computer_342744-441.jpg?_wi=1",
|
||||
},
|
||||
id: "3", title: "Roof Maintenance & Inspections", descriptions: [
|
||||
"Full roof inspections", "Gutter cleaning services", "Proactive repair planning"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks-working-tablet-computer_342744-441.jpg"},
|
||||
]}
|
||||
title="Our Roofing Expertise"
|
||||
description="Comprehensive roofing solutions for residential and commercial properties."
|
||||
@@ -230,25 +152,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1500+",
|
||||
title: "Projects Completed",
|
||||
description: "Reliable craftsmanship delivered.",
|
||||
icon: CheckCircle,
|
||||
id: "m1", value: "1500+", title: "Projects Completed", description: "Reliable craftsmanship delivered.", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "3",
|
||||
title: "Generations",
|
||||
description: "Family-owned since day one.",
|
||||
icon: Award,
|
||||
id: "m2", value: "3", title: "Generations", description: "Family-owned since day one.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Satisfaction Rate",
|
||||
description: "Happy homeowners every time.",
|
||||
icon: Star,
|
||||
id: "m3", value: "98%", title: "Satisfaction Rate", description: "Happy homeowners every time.", icon: Star,
|
||||
},
|
||||
]}
|
||||
title="Our Impact in Numbers"
|
||||
@@ -262,60 +172,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John D.",
|
||||
date: "Jan 2024",
|
||||
title: "Local Homeowner",
|
||||
quote: "Fantastic service from start to finish.",
|
||||
tag: "Recommended",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-correcting-grammar-mistakes_23-2150171438.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-hammer-drill-looking-away_23-2148748783.jpg?_wi=2",
|
||||
imageAlt: "happy customer residential roofing project",
|
||||
},
|
||||
id: "t1", name: "John D.", date: "Jan 2024", title: "Local Homeowner", quote: "Fantastic service from start to finish.", tag: "Recommended", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-correcting-grammar-mistakes_23-2150171438.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-hammer-drill-looking-away_23-2148748783.jpg", imageAlt: "happy customer residential roofing project"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mary S.",
|
||||
date: "Dec 2023",
|
||||
title: "Business Owner",
|
||||
quote: "Reliable and efficient, would hire again.",
|
||||
tag: "Expert",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/friendly-bearded-adult-man-making-roof-gesture-head_176420-18706.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multinational-colleagues-looking-laptop-screen-office-meeting_1098-20273.jpg",
|
||||
imageAlt: "happy customer residential roofing project",
|
||||
},
|
||||
id: "t2", name: "Mary S.", date: "Dec 2023", title: "Business Owner", quote: "Reliable and efficient, would hire again.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/friendly-bearded-adult-man-making-roof-gesture-head_176420-18706.jpg", imageSrc: "http://img.b2bpic.net/free-photo/multinational-colleagues-looking-laptop-screen-office-meeting_1098-20273.jpg", imageAlt: "happy customer residential roofing project"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Robert B.",
|
||||
date: "Nov 2023",
|
||||
title: "Resident",
|
||||
quote: "Best roofing company in the area.",
|
||||
tag: "High Quality",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-happy-man-with-orange-life-jacket_23-2147562089.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg?_wi=2",
|
||||
imageAlt: "happy customer residential roofing project",
|
||||
},
|
||||
id: "t3", name: "Robert B.", date: "Nov 2023", title: "Resident", quote: "Best roofing company in the area.", tag: "High Quality", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-happy-man-with-orange-life-jacket_23-2147562089.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg", imageAlt: "happy customer residential roofing project"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily K.",
|
||||
date: "Oct 2023",
|
||||
title: "Homeowner",
|
||||
quote: "Excellent work and very respectful team.",
|
||||
tag: "Trusted",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/businessman-checking-checklist_1153-1117.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg?_wi=2",
|
||||
imageAlt: "happy customer residential roofing project",
|
||||
},
|
||||
id: "t4", name: "Emily K.", date: "Oct 2023", title: "Homeowner", quote: "Excellent work and very respectful team.", tag: "Trusted", avatarSrc: "http://img.b2bpic.net/free-photo/businessman-checking-checklist_1153-1117.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg", imageAlt: "happy customer residential roofing project"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Peter M.",
|
||||
date: "Sep 2023",
|
||||
title: "Property Manager",
|
||||
quote: "They don't cut corners. Very satisfied.",
|
||||
tag: "Reliable",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-smiling-couple-renovating-remodeling-their-new-apartment-man-is-painting-walls-with-roller-woman-is-connecting-with-laptop_496169-761.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks-working-tablet-computer_342744-441.jpg?_wi=2",
|
||||
imageAlt: "happy customer residential roofing project",
|
||||
},
|
||||
id: "t5", name: "Peter M.", date: "Sep 2023", title: "Property Manager", quote: "They don't cut corners. Very satisfied.", tag: "Reliable", avatarSrc: "http://img.b2bpic.net/free-photo/young-smiling-couple-renovating-remodeling-their-new-apartment-man-is-painting-walls-with-roller-woman-is-connecting-with-laptop_496169-761.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks-working-tablet-computer_342744-441.jpg", imageAlt: "happy customer residential roofing project"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear directly from the community we've served for decades."
|
||||
@@ -327,14 +192,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Construction Pro",
|
||||
"Building Safety Alliance",
|
||||
"Master Builders",
|
||||
"Roofing Experts",
|
||||
"Home Renovation Guild",
|
||||
"Reliable Contractors",
|
||||
"Sustainable Building Association",
|
||||
]}
|
||||
"Construction Pro", "Building Safety Alliance", "Master Builders", "Roofing Experts", "Home Renovation Guild", "Reliable Contractors", "Sustainable Building Association"]}
|
||||
title="Trusted Partners & Affiliations"
|
||||
description="We partner with the best in the industry to ensure quality and safety."
|
||||
/>
|
||||
@@ -346,20 +204,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does a roof last?",
|
||||
content: "Depending on materials, modern roofs last 25-50 years with regular maintenance.",
|
||||
},
|
||||
id: "f1", title: "How long does a roof last?", content: "Depending on materials, modern roofs last 25-50 years with regular maintenance."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer financing?",
|
||||
content: "Yes, we work with various financing options to fit your budget.",
|
||||
},
|
||||
id: "f2", title: "Do you offer financing?", content: "Yes, we work with various financing options to fit your budget."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is your team insured?",
|
||||
content: "Absolutely. We are fully licensed, bonded, and insured for your peace of mind.",
|
||||
},
|
||||
id: "f3", title: "Is your team insured?", content: "Absolutely. We are fully licensed, bonded, and insured for your peace of mind."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/executive-with-helmet-staring-through-window_1098-570.jpg"
|
||||
title="Common Roofing Questions"
|
||||
@@ -370,10 +219,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Contact"
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Get a Free Inspection"
|
||||
description="Contact our team for a professional assessment and competitive quote today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-with-drill-low-view_23-2148748772.jpg"
|
||||
@@ -387,29 +236,19 @@ export default function LandingPage() {
|
||||
logoText="JM Roofing"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Support", href: "#contact"},
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:info@jmroofing.com",
|
||||
},
|
||||
label: "Email", href: "mailto:info@jmroofing.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user