Merge version_1 into main #2
258
src/app/page.tsx
258
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Our Heritage",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Heritage", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Trust",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Trust", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="JM Roofing"
|
||||
/>
|
||||
@@ -60,62 +50,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="JM Roofing: Three Generations of Excellence"
|
||||
description="Exquisite craftsmanship meets modern roofing technology. Trusted by families since 1974."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-beautiful-roof-wooden-house_23-2149343706.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-beautiful-roof-wooden-house_23-2149343706.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",
|
||||
alt: "Satisfied client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg", alt: "Satisfied client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/trans-couple-holding-each-other-being-affectionate-city-streets_23-2149304563.jpg",
|
||||
alt: "Satisfied client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/trans-couple-holding-each-other-being-affectionate-city-streets_23-2149304563.jpg", alt: "Satisfied client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photo-black-woman-caucasian-guy-have-outdoor-walk-stand-closely_273609-18072.jpg",
|
||||
alt: "Satisfied client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/photo-black-woman-caucasian-guy-have-outdoor-walk-stand-closely_273609-18072.jpg", alt: "Satisfied client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-talking-smartphone-sitting-open-terrace_259150-59317.jpg",
|
||||
alt: "Satisfied client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-talking-smartphone-sitting-open-terrace_259150-59317.jpg", alt: "Satisfied client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-showing-approval_23-2148269355.jpg",
|
||||
alt: "Satisfied client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-showing-approval_23-2148269355.jpg", alt: "Satisfied client"},
|
||||
]}
|
||||
avatarText="Trusted by over 10,000 local homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
type: "text", text: "Licensed & Insured"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lifetime Warranties",
|
||||
},
|
||||
type: "text", text: "Lifetime Warranties"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Since 1974",
|
||||
},
|
||||
type: "text", text: "Since 1974"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-friendly",
|
||||
},
|
||||
type: "text", text: "Eco-friendly"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Materials",
|
||||
},
|
||||
type: "text", text: "Premium Materials"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,19 +95,13 @@ export default function LandingPage() {
|
||||
description="For over three generations, JM Roofing has stood the test of time, blending artisanal techniques with state-of-the-art materials to protect what matters most."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Generational Expertise",
|
||||
description: "Three generations of roofing knowledge passed down.",
|
||||
},
|
||||
title: "Generational Expertise", description: "Three generations of roofing knowledge passed down."},
|
||||
{
|
||||
title: "Premium Materials",
|
||||
description: "We only source the highest grade roofing systems.",
|
||||
},
|
||||
title: "Premium Materials", description: "We only source the highest grade roofing systems."},
|
||||
{
|
||||
title: "Lifetime Warranties",
|
||||
description: "Confidence in every shingle and seal.",
|
||||
},
|
||||
title: "Lifetime Warranties", description: "Confidence in every shingle and seal."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15632.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15632.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -152,64 +113,46 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Residential Shingle Systems",
|
||||
description: "The gold standard for durability and curb appeal.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg",
|
||||
title: "Residential Shingle Systems", description: "The gold standard for durability and curb appeal.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-worker-with-helmet-working-roof_23-2149343663.jpg", imageAlt: "asphalt shingle roofing installation"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Check,
|
||||
text: "Asphalt & Architectural",
|
||||
},
|
||||
text: "Asphalt & Architectural"},
|
||||
{
|
||||
icon: Check,
|
||||
text: "Detailed flashing",
|
||||
},
|
||||
text: "Detailed flashing"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-roof-wooden-house_23-2149343706.jpg?_wi=2",
|
||||
imageAlt: "asphalt shingle roofing installation",
|
||||
},
|
||||
{
|
||||
title: "Modern Metal Roofing",
|
||||
description: "Sleek, sustainable, and built for the next century.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-near-tablet-with-blueprint_23-2147785622.jpg",
|
||||
title: "Modern Metal Roofing", description: "Sleek, sustainable, and built for the next century.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-near-tablet-with-blueprint_23-2147785622.jpg", imageAlt: "metal roof architecture modern"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Check,
|
||||
text: "Energy efficient",
|
||||
},
|
||||
text: "Energy efficient"},
|
||||
{
|
||||
icon: Check,
|
||||
text: "Low maintenance",
|
||||
},
|
||||
text: "Low maintenance"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15632.jpg?_wi=2",
|
||||
imageAlt: "asphalt shingle roofing installation",
|
||||
},
|
||||
{
|
||||
title: "Flat Roofing Expertise",
|
||||
description: "Advanced waterproofing for modern architecture.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748774.jpg",
|
||||
title: "Flat Roofing Expertise", description: "Advanced waterproofing for modern architecture.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748774.jpg", imageAlt: "flat roof waterproofing installation"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Check,
|
||||
text: "EPDM/TPO systems",
|
||||
},
|
||||
text: "EPDM/TPO systems"},
|
||||
{
|
||||
icon: Check,
|
||||
text: "Leak prevention",
|
||||
},
|
||||
text: "Leak prevention"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-traveling-using-sustainable-mobility_23-2149292681.jpg?_wi=1",
|
||||
imageAlt: "asphalt shingle roofing installation",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Roofing Services"
|
||||
@@ -225,41 +168,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Premium Architectural Shingle",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-view-man-working-roof-with-drill_23-2148748773.jpg",
|
||||
},
|
||||
id: "1", name: "Premium Architectural Shingle", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/low-view-man-working-roof-with-drill_23-2148748773.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Standing Seam Metal Panel",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-building-corner_23-2148107091.jpg",
|
||||
},
|
||||
id: "2", name: "Standing Seam Metal Panel", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/city-building-corner_23-2148107091.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Synthetic Slate Tile",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg",
|
||||
},
|
||||
id: "3", name: "Synthetic Slate Tile", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Commercial TPO Membrane",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-hands-engaged-it-yourself-project_23-2151509510.jpg",
|
||||
},
|
||||
id: "4", name: "Commercial TPO Membrane", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/view-hands-engaged-it-yourself-project_23-2151509510.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Copper Accent Flashing",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-print-house-with-cardboard-design_23-2148393081.jpg",
|
||||
},
|
||||
id: "5", name: "Copper Accent Flashing", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/blue-print-house-with-cardboard-design_23-2148393081.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Advanced Roof Ventilation",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-smoking-roof_1321-1036.jpg",
|
||||
},
|
||||
id: "6", name: "Advanced Roof Ventilation", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-smoking-roof_1321-1036.jpg"},
|
||||
]}
|
||||
title="Quality Roofing Materials"
|
||||
description="Browse our curated selection of premium roofing materials."
|
||||
@@ -274,25 +193,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "50+",
|
||||
title: "Years Experience",
|
||||
description: "Three generations strong.",
|
||||
icon: Award,
|
||||
id: "1", value: "50+", title: "Years Experience", description: "Three generations strong.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "10k+",
|
||||
title: "Roofs Protected",
|
||||
description: "Families served to date.",
|
||||
icon: Shield,
|
||||
id: "2", value: "10k+", title: "Roofs Protected", description: "Families served to date.", icon: Shield,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
description: "Our promise to you.",
|
||||
icon: Star,
|
||||
id: "3", value: "100%", title: "Satisfaction", description: "Our promise to you.", icon: Star,
|
||||
},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
@@ -307,40 +214,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Homeowner",
|
||||
testimonial: "Excellent service and craftsmanship.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-traveling-using-sustainable-mobility_23-2149292681.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", role: "Homeowner", testimonial: "Excellent service and craftsmanship.", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-traveling-using-sustainable-mobility_23-2149292681.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Wilson",
|
||||
role: "Property Manager",
|
||||
testimonial: "JM Roofing is the best in the business.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-low-angle-view-engineer-architect-shaking-hands_23-2148233784.jpg",
|
||||
},
|
||||
id: "2", name: "James Wilson", role: "Property Manager", testimonial: "JM Roofing is the best in the business.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-low-angle-view-engineer-architect-shaking-hands_23-2148233784.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Davis",
|
||||
role: "Homeowner",
|
||||
testimonial: "Fast, professional, and very clean.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-giving-potted-plant-her-client-greenhouse_23-2147948333.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Davis", role: "Homeowner", testimonial: "Fast, professional, and very clean.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-giving-potted-plant-her-client-greenhouse_23-2147948333.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert Brown",
|
||||
role: "Architect",
|
||||
testimonial: "Superior attention to technical detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-shirt-vest-hat-holding-house-model-looking-merry-front-view_176474-30838.jpg",
|
||||
},
|
||||
id: "4", name: "Robert Brown", role: "Architect", testimonial: "Superior attention to technical detail.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-shirt-vest-hat-holding-house-model-looking-merry-front-view_176474-30838.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Karen Thompson",
|
||||
role: "Homeowner",
|
||||
testimonial: "Generations of trust is not just a slogan.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086831.jpg",
|
||||
},
|
||||
id: "5", name: "Karen Thompson", role: "Homeowner", testimonial: "Generations of trust is not just a slogan.", imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086831.jpg"},
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="See why our neighbors choose JM Roofing."
|
||||
@@ -353,20 +235,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long does a roof replacement take?",
|
||||
content: "Most residential replacements are completed within 2-3 days.",
|
||||
},
|
||||
id: "1", title: "How long does a roof replacement take?", content: "Most residential replacements are completed within 2-3 days."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer warranties?",
|
||||
content: "Yes, we provide industry-leading lifetime warranties on all materials.",
|
||||
},
|
||||
id: "2", title: "Do you offer warranties?", content: "Yes, we provide industry-leading lifetime warranties on all materials."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What payment options do you accept?",
|
||||
content: "We offer flexible financing options and accept all major payments.",
|
||||
},
|
||||
id: "3", title: "What payment options do you accept?", content: "We offer flexible financing options and accept all major payments."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our services."
|
||||
@@ -378,14 +251,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
text="Ready to get started on your next roof?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Free Estimate",
|
||||
href: "tel:555-0123",
|
||||
},
|
||||
text: "Request Free Estimate", href: "tel:555-0123"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -394,29 +264,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "JM Roofing",
|
||||
items: [
|
||||
title: "JM Roofing", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user