Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| c51daa8893 | |||
| 9d4e2dd202 | |||
| 8e85b39cdb |
186
src/app/page.tsx
186
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "features"},
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Reviews",
|
name: "Reviews", id: "testimonials"},
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="O'Hanlon Roofing"
|
brandName="O'Hanlon Roofing"
|
||||||
/>
|
/>
|
||||||
@@ -58,67 +48,42 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplit
|
<HeroSplit
|
||||||
background={{
|
background={{
|
||||||
variant: "radial-gradient",
|
variant: "radial-gradient"}}
|
||||||
}}
|
|
||||||
title="Quality Roofing & Expert Construction"
|
title="Quality Roofing & Expert Construction"
|
||||||
description="Mechanicsburg's trusted contractor. From new roofs to custom siding and front stoops, we bring craftsmanship and attention to detail to every home."
|
description="Mechanicsburg's trusted contractor. From new roofs to custom siding and front stoops, we bring craftsmanship and attention to detail to every home."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Get a Quote",
|
text: "Get a Quote", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Our Services",
|
text: "Our Services", href: "#features"},
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-confident-young-carpenter_329181-15653.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-confident-young-carpenter_329181-15653.jpg"
|
||||||
imageAlt="O'Hanlon Roofing construction project"
|
imageAlt="O'Hanlon Roofing construction project"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg",
|
src: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg", alt: "Satisfied client"},
|
||||||
alt: "Satisfied client",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/blissful-girl-expressing-happiness-drinking-coffee-her-cozy-kitchen_197531-6718.jpg",
|
src: "http://img.b2bpic.net/free-photo/blissful-girl-expressing-happiness-drinking-coffee-her-cozy-kitchen_197531-6718.jpg", alt: "Happy homeowner"},
|
||||||
alt: "Happy homeowner",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg",
|
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg", alt: "Professional client"},
|
||||||
alt: "Professional client",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/man-talking-phone-kitchen_23-2148254569.jpg",
|
src: "http://img.b2bpic.net/free-photo/man-talking-phone-kitchen_23-2148254569.jpg", alt: "Local resident"},
|
||||||
alt: "Local resident",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-356.jpg",
|
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-356.jpg", alt: "Happy client"},
|
||||||
alt: "Happy client",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Trusted by 500+ local homeowners"
|
avatarText="Trusted by 500+ local homeowners"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Roofing"},
|
||||||
text: "Roofing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Siding"},
|
||||||
text: "Siding",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Repairs"},
|
||||||
text: "Repairs",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Construction"},
|
||||||
text: "Construction",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Consultation"},
|
||||||
text: "Consultation",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -130,17 +95,11 @@ export default function LandingPage() {
|
|||||||
description="Mike O'Hanlon delivers unmatched quality. We focus on the details that make a house a home, ensuring every siding, roof, and front porch build exceeds expectations."
|
description="Mike O'Hanlon delivers unmatched quality. We focus on the details that make a house a home, ensuring every siding, roof, and front porch build exceeds expectations."
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
value: "20+",
|
value: "20+", title: "Years Experience"},
|
||||||
title: "Years Experience",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "5.0",
|
value: "5 Star", title: "Customer Rating"},
|
||||||
title: "Customer Rating",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "100%",
|
value: "100%", title: "Satisfied Clients"},
|
||||||
title: "Satisfied Clients",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-side-view-construction-engineer-using-tablet_23-2148233673.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-side-view-construction-engineer-using-tablet_23-2148233673.jpg"
|
||||||
imageAlt="Mike O'Hanlon at work"
|
imageAlt="Mike O'Hanlon at work"
|
||||||
@@ -157,26 +116,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Roofing Installation",
|
title: "Roofing Installation", description: "Durable, high-quality roofing systems designed to withstand the elements.", imageSrc: "http://img.b2bpic.net/free-photo/metallic-iron-textured-abstract-backdrop_23-2148139853.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg", buttonText: "Learn More"},
|
||||||
description: "Durable, high-quality roofing systems designed to withstand the elements.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/metallic-iron-textured-abstract-backdrop_23-2148139853.jpg",
|
|
||||||
titleImageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343678.jpg",
|
|
||||||
buttonText: "Learn More",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Insulated Siding",
|
title: "Insulated Siding", description: "Improve your home's thermal efficiency and curb appeal with precision vinyl siding.", imageSrc: "http://img.b2bpic.net/free-photo/white-wood-plank-background-texture_158595-6402.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702230.jpg", buttonText: "Learn More"},
|
||||||
description: "Improve your home's thermal efficiency and curb appeal with precision vinyl siding.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/white-wood-plank-background-texture_158595-6402.jpg",
|
|
||||||
titleImageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702230.jpg",
|
|
||||||
buttonText: "Learn More",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Custom Stoops & Entryways",
|
title: "Custom Stoops & Entryways", description: "Custom front stoops that create a welcoming entrance to your home.", imageSrc: "http://img.b2bpic.net/free-photo/japanese-house-entrance_23-2149445303.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/front-view-front-door-with-beige-wall-plants_23-2149360586.jpg", buttonText: "Learn More"},
|
||||||
description: "Custom front stoops that create a welcoming entrance to your home.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/japanese-house-entrance_23-2149445303.jpg",
|
|
||||||
titleImageSrc: "http://img.b2bpic.net/free-photo/front-view-front-door-with-beige-wall-plants_23-2149360586.jpg",
|
|
||||||
buttonText: "Learn More",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Expert Services"
|
title="Our Expert Services"
|
||||||
description="Specialized construction services tailored for your home."
|
description="Specialized construction services tailored for your home."
|
||||||
@@ -188,30 +132,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Nancy Parmer", 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"},
|
||||||
name: "Nancy Parmer",
|
|
||||||
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",
|
id: "2", name: "Larry Parmer", imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-358.jpg"},
|
||||||
name: "Larry Parmer",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-358.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/proper-collaboration-two-carpenter-workers_329181-15626.jpg"},
|
||||||
name: "John Doe",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/proper-collaboration-two-carpenter-workers_329181-15626.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Jane Smith", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-near-wall_23-2148718039.jpg"},
|
||||||
name: "Jane Smith",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-near-wall_23-2148718039.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Robert Miller", imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-phone-home_23-2148990135.jpg"},
|
||||||
name: "Robert Miller",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-phone-home_23-2148990135.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
cardTitle="What Our Clients Say"
|
cardTitle="What Our Clients Say"
|
||||||
cardTag="Verified Reviews"
|
cardTag="Verified Reviews"
|
||||||
@@ -226,20 +155,11 @@ export default function LandingPage() {
|
|||||||
tag="Construction Excellence"
|
tag="Construction Excellence"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "500+", description: "Projects Completed"},
|
||||||
value: "500+",
|
|
||||||
description: "Projects Completed",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "15+", description: "Years Serving Mechanicsburg"},
|
||||||
value: "15+",
|
|
||||||
description: "Years Serving Mechanicsburg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "5 Star", description: "Average Rating"},
|
||||||
value: "5",
|
|
||||||
description: "Star Average Rating",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="blur-reveal"
|
metricsAnimation="blur-reveal"
|
||||||
/>
|
/>
|
||||||
@@ -251,20 +171,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Do you provide free quotes?", content: "Yes, we offer detailed consultations and free project estimates."},
|
||||||
title: "Do you provide free quotes?",
|
|
||||||
content: "Yes, we offer detailed consultations and free project estimates.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "How long does a roof take?", content: "Most roof replacements are completed within a few days depending on the size."},
|
||||||
title: "How long does a roof take?",
|
|
||||||
content: "Most roof replacements are completed within a few days depending on the size.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "Do you work in Mechanicsburg?", content: "Yes, we are based in Mechanicsburg, PA and serve the surrounding areas."},
|
||||||
title: "Do you work in Mechanicsburg?",
|
|
||||||
content: "Yes, we are based in Mechanicsburg, PA and serve the surrounding areas.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Frequently Asked Questions"
|
title="Frequently Asked Questions"
|
||||||
description="Common questions regarding our roofing and construction services."
|
description="Common questions regarding our roofing and construction services."
|
||||||
@@ -276,8 +187,7 @@ export default function LandingPage() {
|
|||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "radial-gradient",
|
variant: "radial-gradient"}}
|
||||||
}}
|
|
||||||
tag="Get In Touch"
|
tag="Get In Touch"
|
||||||
title="Let's Get Started"
|
title="Let's Get Started"
|
||||||
description="Contact us today for your home renovation project. Call Mike at (717) 712-6776."
|
description="Contact us today for your home renovation project. Call Mike at (717) 712-6776."
|
||||||
@@ -290,29 +200,19 @@ export default function LandingPage() {
|
|||||||
logoText="O'Hanlon Roofing"
|
logoText="O'Hanlon Roofing"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About Us",
|
label: "About Us", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Services",
|
label: "Services", href: "#features"},
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Support",
|
title: "Support", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Contact",
|
label: "Contact", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Privacy Policy",
|
label: "Privacy Policy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -322,4 +222,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user