Merge version_2 into main #1
186
src/app/page.tsx
186
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="O'Hanlon Roofing"
|
||||
/>
|
||||
@@ -58,67 +48,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Our Services", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-confident-young-carpenter_329181-15653.jpg"
|
||||
imageAlt="O'Hanlon Roofing construction project"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg",
|
||||
alt: "Satisfied client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-recording-their-house-tour_23-2151139106.jpg", alt: "Satisfied client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blissful-girl-expressing-happiness-drinking-coffee-her-cozy-kitchen_197531-6718.jpg",
|
||||
alt: "Happy homeowner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blissful-girl-expressing-happiness-drinking-coffee-her-cozy-kitchen_197531-6718.jpg", alt: "Happy homeowner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg",
|
||||
alt: "Professional client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg", alt: "Professional client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-talking-phone-kitchen_23-2148254569.jpg",
|
||||
alt: "Local resident",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-talking-phone-kitchen_23-2148254569.jpg", alt: "Local resident"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-356.jpg",
|
||||
alt: "Happy client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-356.jpg", alt: "Happy client"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ local homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Roofing",
|
||||
},
|
||||
type: "text", text: "Roofing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Siding",
|
||||
},
|
||||
type: "text", text: "Siding"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Repairs",
|
||||
},
|
||||
type: "text", text: "Repairs"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Construction",
|
||||
},
|
||||
type: "text", text: "Construction"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Consultation",
|
||||
},
|
||||
type: "text", text: "Consultation"},
|
||||
]}
|
||||
/>
|
||||
</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."
|
||||
metrics={[
|
||||
{
|
||||
value: "20+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "20+", title: "Years Experience"},
|
||||
{
|
||||
value: "5.0",
|
||||
title: "Customer Rating",
|
||||
},
|
||||
value: "⭐⭐⭐⭐⭐", title: "Customer Rating"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Satisfied Clients",
|
||||
},
|
||||
value: "100%", title: "Satisfied Clients"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-side-view-construction-engineer-using-tablet_23-2148233673.jpg"
|
||||
imageAlt="Mike O'Hanlon at work"
|
||||
@@ -157,26 +116,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="Specialized construction services tailored for your home."
|
||||
@@ -188,30 +132,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Larry Parmer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-358.jpg",
|
||||
},
|
||||
id: "2", name: "Larry Parmer", imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-358.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "John Doe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/proper-collaboration-two-carpenter-workers_329181-15626.jpg",
|
||||
},
|
||||
id: "3", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/proper-collaboration-two-carpenter-workers_329181-15626.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jane Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-near-wall_23-2148718039.jpg",
|
||||
},
|
||||
id: "4", name: "Jane Smith", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-near-wall_23-2148718039.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-phone-home_23-2148990135.jpg",
|
||||
},
|
||||
id: "5", name: "Robert Miller", imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-phone-home_23-2148990135.jpg"},
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Verified Reviews"
|
||||
@@ -226,20 +155,11 @@ export default function LandingPage() {
|
||||
tag="Construction Excellence"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
id: "m1", value: "500+", description: "Projects Completed"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
description: "Years Serving Mechanicsburg",
|
||||
},
|
||||
id: "m2", value: "15+", description: "Years Serving Mechanicsburg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5",
|
||||
description: "Star Average Rating",
|
||||
},
|
||||
id: "m3", value: "⭐⭐⭐⭐⭐", description: "Star Average Rating"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -251,20 +171,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you provide free quotes?",
|
||||
content: "Yes, we offer detailed consultations and free project estimates.",
|
||||
},
|
||||
id: "f1", title: "Do you provide free quotes?", content: "Yes, we offer detailed consultations and free project estimates."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long does a roof take?",
|
||||
content: "Most roof replacements are completed within a few days depending on the size.",
|
||||
},
|
||||
id: "f2", title: "How long does a roof take?", content: "Most roof replacements are completed within a few days depending on the size."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you work in Mechanicsburg?",
|
||||
content: "Yes, we are based in Mechanicsburg, PA and serve the surrounding areas.",
|
||||
},
|
||||
id: "f3", title: "Do you work in Mechanicsburg?", content: "Yes, we are based in Mechanicsburg, PA and serve the surrounding areas."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions regarding our roofing and construction services."
|
||||
@@ -276,8 +187,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get In Touch"
|
||||
title="Let's Get Started"
|
||||
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"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -322,4 +222,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user