Merge version_1 into main #2
305
src/app/page.tsx
305
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Our Craft",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Our Craft", id: "about" },
|
||||
{ name: "Projects", id: "projects" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="WestPro"
|
||||
/>
|
||||
@@ -58,42 +43,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Timeless roofs. Unparalleled elegance."
|
||||
description="WestPro Roofing delivers luxury craftsmanship that protects and elevates your home for generations."
|
||||
buttons={[
|
||||
{
|
||||
text: "REQUEST A CONSULTATION",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "REQUEST A CONSULTATION", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-roof-architecture-quebec-city_649448-2146.jpg?_wi=1",
|
||||
imageAlt: "Luxury roofing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg?_wi=1",
|
||||
imageAlt: "Slate masterpiece",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-villa-with-modern-architectural-design_23-2151694134.jpg",
|
||||
imageAlt: "Copper perfection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg",
|
||||
imageAlt: "Modern shingle",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-beautiful-stone-houses-roquebrune-cap-martin-commune-france_181624-7627.jpg",
|
||||
imageAlt: "Tile restoration",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-yellow-rural-house-with-wooden-stairs-countryside_176420-7157.jpg?_wi=1",
|
||||
imageAlt: "Roofing craft",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/old-roof-architecture-quebec-city_649448-2146.jpg", imageAlt: "Luxury roofing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg", imageAlt: "Slate masterpiece" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-villa-with-modern-architectural-design_23-2151694134.jpg", imageAlt: "Copper perfection" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg", imageAlt: "Modern shingle" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-beautiful-stone-houses-roquebrune-cap-martin-commune-france_181624-7627.jpg", imageAlt: "Tile restoration" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -106,41 +65,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Signature Roof Installation",
|
||||
description: "Architectural shingles, standing-seam metal, slate, and custom tile roofs designed for timeless beauty.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-construction-roof_23-2148748814.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-roof-architecture-quebec-city_649448-2146.jpg?_wi=2",
|
||||
imageAlt: "modern roof installation craft",
|
||||
title: "Signature Roof Installation", description: "Architectural shingles, standing-seam metal, slate, and custom tile roofs designed for timeless beauty.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg", imageAlt: "modern roof installation craft" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-construction-roof_23-2148748814.jpg", imageAlt: "modern roof installation craft" }
|
||||
},
|
||||
{
|
||||
title: "Elite Roof Restoration",
|
||||
description: "Expert repairs, full replacements, and preventative maintenance that restore your roof to better-than-new.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-yellow-rural-house-with-wooden-stairs-countryside_176420-7157.jpg?_wi=2",
|
||||
imageAlt: "modern roof installation craft",
|
||||
title: "Elite Roof Restoration", description: "Expert repairs, full replacements, and preventative maintenance that restore your roof to better-than-new.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg", imageAlt: "modern roof installation craft" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343659.jpg", imageAlt: "modern roof installation craft" }
|
||||
},
|
||||
{
|
||||
title: "Bespoke Gutter Systems",
|
||||
description: "Seamless copper, zinc, and aluminum gutters engineered for flawless water management.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/razor-blades-with-yellow-background_23-2150970035.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-577.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg?_wi=2",
|
||||
imageAlt: "modern roof installation craft",
|
||||
},
|
||||
title: "Bespoke Gutter Systems", description: "Seamless copper, zinc, and aluminum gutters engineered for flawless water management.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/razor-blades-with-yellow-background_23-2150970035.jpg", imageAlt: "modern roof installation craft" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-577.jpg", imageAlt: "modern roof installation craft" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Signature Roofing Services"
|
||||
@@ -153,9 +88,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Masters of the craft. Guardians of your home."
|
||||
description={[
|
||||
"WestPro Roofing was founded on the belief that a roof is more than protection — it is the crowning architectural statement of a distinguished home.",
|
||||
"We combine time-honored techniques with premium materials to protect your family legacy.",
|
||||
]}
|
||||
"WestPro Roofing was founded on the belief that a roof is more than protection — it is the crowning architectural statement of a distinguished home.", "We combine time-honored techniques with premium materials to protect your family legacy."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -166,42 +99,12 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Montecito Estate",
|
||||
price: "Slate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-coarse-plaster-surfaces_23-2148252825.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Napa Vineyard",
|
||||
price: "Copper",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-11875.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Pacific Palisades",
|
||||
price: "Shingle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756549.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Santa Barbara",
|
||||
price: "Tile",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metallic-iron-textured-abstract-backdrop_23-2148139853.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Beverly Estate",
|
||||
price: "Slate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-tiles-from-building-city_23-2148798634.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Malibu Villa",
|
||||
price: "Metal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-wooden-house-with-new-roof_23-2149343703.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Montecito Estate", price: "Slate", imageSrc: "http://img.b2bpic.net/free-photo/view-coarse-plaster-surfaces_23-2148252825.jpg" },
|
||||
{ id: "p2", name: "Napa Vineyard", price: "Copper", imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-11875.jpg" },
|
||||
{ id: "p3", name: "Pacific Palisades", price: "Shingle", imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756549.jpg" },
|
||||
{ id: "p4", name: "Santa Barbara", price: "Tile", imageSrc: "http://img.b2bpic.net/free-photo/metallic-iron-textured-abstract-backdrop_23-2148139853.jpg" },
|
||||
{ id: "p5", name: "Beverly Estate", price: "Slate", imageSrc: "http://img.b2bpic.net/free-photo/roof-tiles-from-building-city_23-2148798634.jpg" },
|
||||
{ id: "p6", name: "Malibu Villa", price: "Metal", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-wooden-house-with-new-roof_23-2149343703.jpg" }
|
||||
]}
|
||||
title="Homes Transformed"
|
||||
description="See our recent work on distinguished estates."
|
||||
@@ -214,33 +117,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "180+",
|
||||
title: "Luxury Homes",
|
||||
items: [
|
||||
"Completed projects",
|
||||
"Satisfied families",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
title: "Retention",
|
||||
items: [
|
||||
"Client trust",
|
||||
"Long-term care",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.98",
|
||||
title: "Rating",
|
||||
items: [
|
||||
"Avg customer review",
|
||||
"Professionalism",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "180+", title: "Luxury Homes", items: ["Completed projects", "Satisfied families"] },
|
||||
{ id: "m2", value: "98%", title: "Retention", items: ["Client trust", "Long-term care"] },
|
||||
{ id: "m3", value: "4.98", title: "Rating", items: ["Avg customer review", "Professionalism"] }
|
||||
]}
|
||||
title="Excellence by the Numbers"
|
||||
description="Proof of our commitment to craftsmanship."
|
||||
@@ -253,41 +132,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "J. Thompson",
|
||||
handle: "Roof Repair",
|
||||
testimonial: "Amazing work, extremely sophisticated team. Exceptional quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-handsome-dark-haired-latin-man-posing-with-arms-folded-kitchen_74855-8094.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "M. Rodriguez",
|
||||
handle: "Roof Install",
|
||||
testimonial: "Superior quality at a great price. They beat everyone else.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3865.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "D. Chen",
|
||||
handle: "Gutter Install",
|
||||
testimonial: "Very professional and punctual work. Excellent value.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-time-young-handsome-man-white-shirt-black-jacket-expressing-positivity-talking-phone-leadership-great-career-manager-cheerful-mood_197531-2121.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "S. Patel",
|
||||
handle: "Roofing",
|
||||
testimonial: "Great and efficient work from start to finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-busy-mature-businessman-laptop-his-way-office_74855-3680.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "K. Ramirez",
|
||||
handle: "Repair",
|
||||
testimonial: "Responsive, professional, and very high quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-brunette-woman-sunglasses-look-camera_197531-33795.jpg",
|
||||
},
|
||||
{ id: "1", name: "J. Thompson", handle: "Roof Repair", testimonial: "Amazing work, extremely sophisticated team. Exceptional quality.", imageSrc: "http://img.b2bpic.net/free-photo/happy-handsome-dark-haired-latin-man-posing-with-arms-folded-kitchen_74855-8094.jpg" },
|
||||
{ id: "2", name: "M. Rodriguez", handle: "Roof Install", testimonial: "Superior quality at a great price. They beat everyone else.", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3865.jpg" },
|
||||
{ id: "3", name: "D. Chen", handle: "Gutter Install", testimonial: "Very professional and punctual work. Excellent value.", imageSrc: "http://img.b2bpic.net/free-photo/successful-time-young-handsome-man-white-shirt-black-jacket-expressing-positivity-talking-phone-leadership-great-career-manager-cheerful-mood_197531-2121.jpg" },
|
||||
{ id: "4", name: "S. Patel", handle: "Roofing", testimonial: "Great and efficient work from start to finish.", imageSrc: "http://img.b2bpic.net/free-photo/serious-busy-mature-businessman-laptop-his-way-office_74855-3680.jpg" },
|
||||
{ id: "5", name: "K. Ramirez", handle: "Repair", testimonial: "Responsive, professional, and very high quality.", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-brunette-woman-sunglasses-look-camera_197531-33795.jpg" }
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Real homes. Real luxury. Real results."
|
||||
@@ -299,21 +148,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is the warranty length?",
|
||||
content: "We offer a 10-year transferable warranty on all installations.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you provide financing?",
|
||||
content: "Yes, we offer multiple financing options to suit your budget.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is the inspection free?",
|
||||
content: "Yes, all consultations and inspections are complimentary.",
|
||||
},
|
||||
{ id: "f1", title: "What is the warranty length?", content: "We offer a 10-year transferable warranty on all installations." },
|
||||
{ id: "f2", title: "Do you provide financing?", content: "Yes, we offer multiple financing options to suit your budget." },
|
||||
{ id: "f3", title: "Is the inspection free?", content: "Yes, all consultations and inspections are complimentary." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers about our process and care."
|
||||
@@ -324,9 +161,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Consultation"
|
||||
title="Ready for a roof that defines luxury?"
|
||||
description="Schedule your complimentary consultation today."
|
||||
@@ -339,56 +174,26 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Warranty",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Warranty", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Installations",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Restorations",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Gutters",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
title: "Services", items: [
|
||||
{ label: "Installations", href: "#services" },
|
||||
{ label: "Restorations", href: "#services" },
|
||||
{ label: "Gutters", href: "#services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "(555) 123-ROOF",
|
||||
href: "tel:5551237663",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Connect", items: [
|
||||
{ label: "(555) 123-ROOF", href: "tel:5551237663" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Facebook", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="WestPro Roofing"
|
||||
/>
|
||||
@@ -396,4 +201,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user