Merge version_1 into main #2
307
src/app/page.tsx
307
src/app/page.tsx
@@ -31,83 +31,34 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Get Free Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Get Free Quote", href: "#contact" }}
|
||||
brandName="Hours.JM Roofing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="3 Generations of Roofing Excellence"
|
||||
description="Premium roofing solutions built on trust, precision, and legacy craftsmanship."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-teaching-her-grandfather-how-use-laptop_1157-29763.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215071.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/diverse-husband-wife-having-fun-with-pictures-smartphone-recording-video-moving-new-rented-apartment-flat-homeowners-enjoying-property-relocation-with-mobile-phone_482257-49833.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-woman-holding-hands-kitchen_23-2148363553.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/home-residential-family-living-house-concept_53876-124162.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Free Inspection",
|
||||
href: "#contact",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-teaching-her-grandfather-how-use-laptop_1157-29763.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215071.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/diverse-husband-wife-having-fun-with-pictures-smartphone-recording-video-moving-new-rented-apartment-flat-homeowners-enjoying-property-relocation-with-mobile-phone_482257-49833.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-woman-holding-hands-kitchen_23-2148363553.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/home-residential-family-living-house-concept_53876-124162.jpg", alt: "Client 5" },
|
||||
]}
|
||||
buttons={[{ text: "Request Free Inspection", href: "#contact" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "3rd Generation Experts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Guaranteed",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Turnaround",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Materials",
|
||||
},
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "3rd Generation Experts" },
|
||||
{ type: "text", text: "Quality Guaranteed" },
|
||||
{ type: "text", text: "Fast Turnaround" },
|
||||
{ type: "text", text: "Premium Materials" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -116,15 +67,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "A Legacy of Trust",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg",
|
||||
alt: "Our Work",
|
||||
},
|
||||
{ type: "text", content: "A Legacy of Trust" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg", alt: "Our Work" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -136,49 +80,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Installation",
|
||||
description: "High-end, durable roofing systems built to last decades.",
|
||||
icon: Briefcase,
|
||||
title: "Roof Installation", description: "High-end, durable roofing systems built to last decades.", icon: Briefcase,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-hammer-full-shot_23-2149343668.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-construction-worker-roof_23-2149343669.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg?_wi=1",
|
||||
imageAlt: "durable high quality roof installation",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-hammer-full-shot_23-2149343668.jpg", imageAlt: "durable high quality roof installation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-construction-worker-roof_23-2149343669.jpg", imageAlt: "durable high quality roof installation" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Roof Repair",
|
||||
description: "Fast, reliable fixes that protect your home instantly.",
|
||||
icon: Wrench,
|
||||
title: "Roof Repair", description: "Fast, reliable fixes that protect your home instantly.", icon: Wrench,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13502.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-with-protection-helmet_23-2149343638.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg?_wi=1",
|
||||
imageAlt: "durable high quality roof installation",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13502.jpg", imageAlt: "durable high quality roof installation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-with-protection-helmet_23-2149343638.jpg", imageAlt: "durable high quality roof installation" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Inspection",
|
||||
description: "Detailed roof inspections with honest reporting.",
|
||||
icon: Search,
|
||||
title: "Inspection", description: "Detailed roof inspections with honest reporting.", icon: Search,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343664.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-industrial-worker-standing-by-metal-industrial-building_342744-446.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-teaching-her-grandfather-how-use-laptop_1157-29763.jpg",
|
||||
imageAlt: "durable high quality roof installation",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-sitting-roof_23-2149343664.jpg", imageAlt: "durable high quality roof installation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-industrial-worker-standing-by-metal-industrial-building_342744-446.jpg", imageAlt: "durable high quality roof installation" }
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
@@ -193,49 +113,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "3rd Gen Expertise",
|
||||
description: "Three generations of roofing mastery.",
|
||||
icon: Award,
|
||||
title: "3rd Gen Expertise", description: "Three generations of roofing mastery.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-working-roof_23-2149343672.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg?_wi=2",
|
||||
imageAlt: "durable high quality roof installation",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-roof_23-2149343640.jpg", imageAlt: "durable high quality roof installation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-working-roof_23-2149343672.jpg", imageAlt: "durable high quality roof installation" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Premium Materials",
|
||||
description: "Only the finest quality supplies.",
|
||||
icon: Shield,
|
||||
title: "Premium Materials", description: "Only the finest quality supplies.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-working-roof_23-2149343661.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg?_wi=2",
|
||||
imageAlt: "durable high quality roof installation",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg", imageAlt: "durable high quality roof installation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-working-roof_23-2149343661.jpg", imageAlt: "durable high quality roof installation" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Reliable Service",
|
||||
description: "Fast, honest, and professional.",
|
||||
icon: Clock,
|
||||
title: "Reliable Service", description: "Fast, honest, and professional.", icon: Clock,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-people-working-roof_23-2149343666.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-hammer-full-shot_23-2149343668.jpg?_wi=2",
|
||||
imageAlt: "durable high quality roof installation",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/construction-people-working-roof_23-2149343666.jpg", imageAlt: "durable high quality roof installation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg", imageAlt: "durable high quality roof installation" }
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
@@ -249,27 +145,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "3",
|
||||
title: "Generations",
|
||||
description: "Legacy of craftsmanship.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-task_23-2151741209.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
description: "Guaranteed quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-worker-sitting-brick-wall_259150-57719.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "1000+",
|
||||
title: "Projects",
|
||||
description: "Roofs completed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-with-construction-plan_23-2148269822.jpg",
|
||||
},
|
||||
{ id: "1", value: "3", title: "Generations", description: "Legacy of craftsmanship.", imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-task_23-2151741209.jpg" },
|
||||
{ id: "2", value: "100%", title: "Satisfaction", description: "Guaranteed quality.", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-worker-sitting-brick-wall_259150-57719.jpg" },
|
||||
{ id: "3", value: "1000+", title: "Projects", description: "Roofs completed.", imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-with-construction-plan_23-2148269822.jpg" },
|
||||
]}
|
||||
title="Our Success"
|
||||
description="Proven results for our community."
|
||||
@@ -282,41 +160,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Excellent service and craftsmanship.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-cleaning-equipment-living-room_329181-649.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Homeowner",
|
||||
testimonial: "3 generations of expertise shows.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Alice M.",
|
||||
role: "Owner",
|
||||
testimonial: "Professional and fast.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-outdoors-sunset-crossed-arms_158538-20634.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Bob K.",
|
||||
role: "Owner",
|
||||
testimonial: "Highly recommended roofing team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990738.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily C.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Beautiful work on our new roof.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-waving-hand-outside_23-2149447136.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Homeowner", testimonial: "Excellent service and craftsmanship.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-cleaning-equipment-living-room_329181-649.jpg" },
|
||||
{ id: "2", name: "Mark D.", role: "Homeowner", testimonial: "3 generations of expertise shows.", imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg" },
|
||||
{ id: "3", name: "Alice M.", role: "Owner", testimonial: "Professional and fast.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-outdoors-sunset-crossed-arms_158538-20634.jpg" },
|
||||
{ id: "4", name: "Bob K.", role: "Owner", testimonial: "Highly recommended roofing team.", imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990738.jpg" },
|
||||
{ id: "5", name: "Emily C.", role: "Homeowner", testimonial: "Beautiful work on our new roof.", imageSrc: "http://img.b2bpic.net/free-photo/man-waving-hand-outside_23-2149447136.jpg" },
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="What our clients say about us."
|
||||
@@ -328,21 +176,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long does a roof last?",
|
||||
content: "With proper installation, decades.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you provide estimates?",
|
||||
content: "Yes, always free of charge.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are you licensed?",
|
||||
content: "Fully licensed and insured.",
|
||||
},
|
||||
{ id: "1", title: "How long does a roof last?", content: "With proper installation, decades." },
|
||||
{ id: "2", title: "Do you provide estimates?", content: "Yes, always free of charge." },
|
||||
{ id: "3", title: "Are you licensed?", content: "Fully licensed and insured." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -355,16 +191,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
text="Get Your Free Quote Today. Request an inspection."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call Now", href: "tel:5550123" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -372,29 +201,15 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Services", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user