Merge version_1 into main #1
225
src/app/page.tsx
225
src/app/page.tsx
@@ -30,30 +30,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Lancaster County Roofing"
|
||||
/>
|
||||
@@ -61,20 +43,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Protecting Your Home in Lancaster County"
|
||||
description="Professional, family-owned roofing services with 50+ years of experience. Get your free roofing estimate today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+17175550123",
|
||||
},
|
||||
{ text: "Get Free Estimate", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:+17175550123" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg"
|
||||
imageAlt="Professional roof inspection in Lancaster PA"
|
||||
@@ -87,36 +61,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
label: "Residential",
|
||||
title: "Roof Installation",
|
||||
items: [
|
||||
"Asphalt Shingles",
|
||||
"Metal Roofing",
|
||||
"Slate Repair",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
label: "Repair",
|
||||
title: "Emergency Repair",
|
||||
items: [
|
||||
"Leak Detection",
|
||||
"Storm Damage",
|
||||
"Flashing Repair",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
label: "Commercial",
|
||||
title: "Commercial Roofing",
|
||||
items: [
|
||||
"Flat Roof Systems",
|
||||
"Roof Coatings",
|
||||
"Maintenance",
|
||||
],
|
||||
},
|
||||
{ id: "s1", label: "Residential", title: "Roof Installation", items: ["Asphalt Shingles", "Metal Roofing", "Slate Repair"] },
|
||||
{ id: "s2", label: "Repair", title: "Emergency Repair", items: ["Leak Detection", "Storm Damage", "Flashing Repair"] },
|
||||
{ id: "s3", label: "Commercial", title: "Commercial Roofing", items: ["Flat Roof Systems", "Roof Coatings", "Maintenance"] },
|
||||
]}
|
||||
title="Our Roofing Services"
|
||||
description="Comprehensive repair and installation solutions for Lancaster County homes."
|
||||
@@ -128,45 +75,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="50+ Years of Local Trust"
|
||||
description={[
|
||||
"Lancaster County Roofing has been a family-owned staple of Pennsylvania. We bring five decades of expertise to every shingle we install, ensuring your peace of mind.",
|
||||
]}
|
||||
"Lancaster County Roofing has been a family-owned staple of Pennsylvania. We bring five decades of expertise to every shingle we install, ensuring your peace of mind."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Shingle Installation",
|
||||
price: "Lancaster, PA",
|
||||
variant: "Complete Re-roof",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Metal Roof System",
|
||||
price: "Lititz, PA",
|
||||
variant: "New Construction",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof-clouds_23-2149343646.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Roof Repair",
|
||||
price: "Ephrata, PA",
|
||||
variant: "Storm Restoration",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-writing-condenser-values_482257-90848.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Commercial Flat Roof",
|
||||
price: "Columbia, PA",
|
||||
variant: "Commercial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-corner-with-sky_23-2148106888.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Shingle Installation", price: "Lancaster, PA", variant: "Complete Re-roof", imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg" },
|
||||
{ id: "p2", name: "Metal Roof System", price: "Lititz, PA", variant: "New Construction", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof-clouds_23-2149343646.jpg" },
|
||||
{ id: "p3", name: "Roof Repair", price: "Ephrata, PA", variant: "Storm Restoration", imageSrc: "http://img.b2bpic.net/free-photo/engineer-writing-condenser-values_482257-90848.jpg" },
|
||||
{ id: "p4", name: "Commercial Flat Roof", price: "Columbia, PA", variant: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/building-corner-with-sky_23-2148106888.jpg" },
|
||||
]}
|
||||
title="Our Recent Projects"
|
||||
description="See the difference quality materials and expert workmanship make."
|
||||
@@ -179,60 +102,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Mark D.",
|
||||
role: "Homeowner",
|
||||
company: "Lancaster, PA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-expression_1194-1747.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah P.",
|
||||
role: "Property Manager",
|
||||
company: "Lititz, PA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-architect-with-thumb-up_1149-1128.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David W.",
|
||||
role: "Homeowner",
|
||||
company: "Ephrata, PA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3666.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Linda M.",
|
||||
role: "Homeowner",
|
||||
company: "Columbia, PA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jim T.",
|
||||
role: "Homeowner",
|
||||
company: "Manheim, PA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-couple-dancing_23-2149071573.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Mark D.", role: "Homeowner", company: "Lancaster, PA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-expression_1194-1747.jpg" },
|
||||
{ id: "t2", name: "Sarah P.", role: "Property Manager", company: "Lititz, PA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-architect-with-thumb-up_1149-1128.jpg" },
|
||||
{ id: "t3", name: "David W.", role: "Homeowner", company: "Ephrata, PA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3666.jpg" },
|
||||
{ id: "t4", name: "Linda M.", role: "Homeowner", company: "Columbia, PA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg" },
|
||||
{ id: "t5", name: "Jim T.", role: "Homeowner", company: "Manheim, PA", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-couple-dancing_23-2149071573.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "50+",
|
||||
label: "Years Served",
|
||||
},
|
||||
{
|
||||
value: "5000+",
|
||||
label: "Roofs Fixed",
|
||||
},
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{ value: "50+", label: "Years Served" },
|
||||
{ value: "5000+", label: "Roofs Fixed" },
|
||||
{ value: "4.9", label: "Avg Rating" },
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="Real feedback from neighbors across Lancaster County."
|
||||
@@ -244,14 +123,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Lancaster City",
|
||||
"Lititz",
|
||||
"Ephrata",
|
||||
"Manheim",
|
||||
"Columbia",
|
||||
"Mount Joy",
|
||||
"Quarryville",
|
||||
]}
|
||||
"Lancaster City", "Lititz", "Ephrata", "Manheim", "Columbia", "Mount Joy", "Quarryville"]}
|
||||
title="Serving the Lancaster Community"
|
||||
description="We are proud to serve communities across the entire Lancaster region."
|
||||
/>
|
||||
@@ -260,15 +132,10 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to get started? Contact us today for your professional roofing consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "#form",
|
||||
},
|
||||
{ text: "Contact Us Now", href: "#form" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -277,38 +144,20 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Residential",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Commercial",
|
||||
href: "#services",
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Residential", href: "#services" },
|
||||
{ label: "Commercial", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user