Merge version_1 into main #2
162
src/app/page.tsx
162
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Gallery", id: "gallery"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="NJ Roofing"
|
||||
/>
|
||||
@@ -52,42 +44,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Premium Roofing for NJ Homes"
|
||||
description="Expert residential roofing services. Fast, reliable, and built to last. Schedule your free inspection today."
|
||||
tag="NJ Roofing Company"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Free Estimate", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
text: "Call Now", href: "tel:5550123"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-construction-roof-daylight_23-2148748815.jpg",
|
||||
imageAlt: "Professional residential roof installation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-construction-roof-daylight_23-2148748815.jpg", imageAlt: "Professional residential roof installation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-repairer-with-ladder-uniform-isolated_1303-14255.jpg",
|
||||
imageAlt: "Expert roofing contractor at work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15895.jpg?_wi=1",
|
||||
imageAlt: "New roof shingles installation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg?_wi=1",
|
||||
imageAlt: "Completed roofing project exterior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-deserted-decaying-house-nature_23-2150166639.jpg?_wi=1",
|
||||
imageAlt: "Premium roof shingles installation after",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-repairer-with-ladder-uniform-isolated_1303-14255.jpg", imageAlt: "Expert roofing contractor at work"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -103,20 +74,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Replacement",
|
||||
description: "High-quality materials and craftsmanship for long-lasting performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15895.jpg?_wi=2",
|
||||
},
|
||||
title: "Roof Replacement", description: "High-quality materials and craftsmanship for long-lasting performance.", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15895.jpg"},
|
||||
{
|
||||
title: "Roof Repair",
|
||||
description: "Quick, reliable fixes for leaks and minor damage to prevent structural issues.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg",
|
||||
},
|
||||
title: "Roof Repair", description: "Quick, reliable fixes for leaks and minor damage to prevent structural issues.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg"},
|
||||
{
|
||||
title: "Storm Damage Restoration",
|
||||
description: "Expert assessment and restoration following severe weather incidents.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/balcony-house-with-walls-broken-wood_1122-1163.jpg",
|
||||
},
|
||||
title: "Storm Damage Restoration", description: "Expert assessment and restoration following severe weather incidents.", imageSrc: "http://img.b2bpic.net/free-photo/balcony-house-with-walls-broken-wood_1122-1163.jpg"},
|
||||
]}
|
||||
title="Professional Roofing Services"
|
||||
description="Comprehensive roofing solutions for all your needs, delivered with precision and care."
|
||||
@@ -131,41 +93,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Project 1 Before",
|
||||
price: "Before",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slate-background-texture-with-copy-space_23-2148283290.jpg",
|
||||
},
|
||||
id: "p1", name: "Project 1 Before", price: "Before", imageSrc: "http://img.b2bpic.net/free-photo/slate-background-texture-with-copy-space_23-2148283290.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Project 1 After",
|
||||
price: "After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Project 1 After", price: "After", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Project 2 Before",
|
||||
price: "Before",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-yellow-rural-house-with-wooden-stairs-countryside_176420-7157.jpg",
|
||||
},
|
||||
id: "p3", name: "Project 2 Before", price: "Before", imageSrc: "http://img.b2bpic.net/free-photo/cute-yellow-rural-house-with-wooden-stairs-countryside_176420-7157.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Project 2 After",
|
||||
price: "After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg?_wi=1",
|
||||
},
|
||||
id: "p4", name: "Project 2 After", price: "After", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Project 3 Before",
|
||||
price: "Before",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24747.jpg",
|
||||
},
|
||||
id: "p5", name: "Project 3 Before", price: "Before", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24747.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Project 3 After",
|
||||
price: "After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-deserted-decaying-house-nature_23-2150166639.jpg?_wi=2",
|
||||
},
|
||||
id: "p6", name: "Project 3 After", price: "After", imageSrc: "http://img.b2bpic.net/free-photo/view-deserted-decaying-house-nature_23-2150166639.jpg"},
|
||||
]}
|
||||
title="Our Recent Projects"
|
||||
description="A look at the quality craftsmanship we deliver to our customers."
|
||||
@@ -179,40 +117,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
testimonial: "The new roof looks amazing. Fast work and great communication.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg?_wi=3",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Homeowner", testimonial: "The new roof looks amazing. Fast work and great communication.", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael D.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Professional, clean, and finished right on time. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Michael D.", role: "Homeowner", testimonial: "Professional, clean, and finished right on time. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Quick response after storm damage. Everything looks brand new.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-deserted-decaying-house-nature_23-2150166639.jpg?_wi=3",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Homeowner", testimonial: "Quick response after storm damage. Everything looks brand new.", imageSrc: "http://img.b2bpic.net/free-photo/view-deserted-decaying-house-nature_23-2150166639.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Homeowner",
|
||||
testimonial: "No leaks even after heavy rain. Strong and reliable install.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg?_wi=4",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Homeowner", testimonial: "No leaks even after heavy rain. Strong and reliable install.", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa M.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Honest inspection, no pressure, and perfect repairs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg?_wi=3",
|
||||
},
|
||||
id: "5", name: "Lisa M.", role: "Homeowner", testimonial: "Honest inspection, no pressure, and perfect repairs.", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg"},
|
||||
]}
|
||||
title="What Homeowners Say"
|
||||
description="Trust the experience of hundreds of satisfied NJ neighbors."
|
||||
@@ -223,16 +136,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Get a Free Estimate Instantly"
|
||||
description="Fill out the form and receive a fast response via text or email."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Quote",
|
||||
href: "#",
|
||||
},
|
||||
text: "Request Quote", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -241,29 +151,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
label: "Gallery", href: "#gallery"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Estimates",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Estimates", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user