Merge version_1 into main #2
260
src/app/page.tsx
260
src/app/page.tsx
@@ -32,64 +32,41 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="S&S Roofing"
|
||||
button={{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Roofing Done Right in Norton, MA"
|
||||
description="Professional roofing services for local homeowners. Reliable, fast, and built to last."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request a Quote", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343701.jpg?_wi=1",
|
||||
imageAlt: "residential roof repair expert",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343701.jpg", imageAlt: "residential roof repair expert"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-white-building-hamilton-gardens-new-zealand-blue-sky_181624-13599.jpg?_wi=1",
|
||||
imageAlt: "house with high quality roof",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-white-building-hamilton-gardens-new-zealand-blue-sky_181624-13599.jpg", imageAlt: "house with high quality roof"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-low-view_23-2148748785.jpg?_wi=1",
|
||||
imageAlt: "roof inspection worker safety",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-low-view_23-2148748785.jpg", imageAlt: "roof inspection worker safety"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cat-floor-house_23-2149304095.jpg",
|
||||
imageAlt: "residential roof repair expert",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cat-floor-house_23-2149304095.jpg", imageAlt: "residential roof repair expert"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg",
|
||||
imageAlt: "house with high quality roof",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg", imageAlt: "house with high quality roof"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,47 +88,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Repair",
|
||||
description: "Quick, reliable response to leaks and storm damage.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg",
|
||||
imageAlt: "roof inspection worker",
|
||||
},
|
||||
title: "Roof Repair", description: "Quick, reliable response to leaks and storm damage.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg", imageAlt: "roof inspection worker"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg",
|
||||
imageAlt: "roof shingle installation close-up",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343701.jpg?_wi=2",
|
||||
imageAlt: "roof inspection worker",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg", imageAlt: "roof shingle installation close-up"}
|
||||
},
|
||||
{
|
||||
title: "Full Replacement",
|
||||
description: "Quality materials installed to last for decades.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg",
|
||||
imageAlt: "roof inspection worker",
|
||||
},
|
||||
title: "Full Replacement", description: "Quality materials installed to last for decades.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg", imageAlt: "roof inspection worker"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg",
|
||||
imageAlt: "roof shingle installation close-up",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-white-building-hamilton-gardens-new-zealand-blue-sky_181624-13599.jpg?_wi=2",
|
||||
imageAlt: "roof inspection worker",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofer-working-with-helmet_23-2149343710.jpg", imageAlt: "roof shingle installation close-up"}
|
||||
},
|
||||
{
|
||||
title: "Inspections",
|
||||
description: "Professional assessments to identify potential issues.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks_342744-442.jpg",
|
||||
imageAlt: "roof inspection worker",
|
||||
},
|
||||
title: "Inspections", description: "Professional assessments to identify potential issues.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks_342744-442.jpg", imageAlt: "roof inspection worker"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-spraying-powder-paint_23-2149714282.jpg",
|
||||
imageAlt: "roof shingle installation close-up",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-low-view_23-2148748785.jpg?_wi=2",
|
||||
imageAlt: "roof inspection worker",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-spraying-powder-paint_23-2149714282.jpg", imageAlt: "roof shingle installation close-up"}
|
||||
}
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Comprehensive Roofing Services"
|
||||
@@ -166,29 +119,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "20+",
|
||||
title: "Years Experience",
|
||||
description: "Proven local expertise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8673.jpg",
|
||||
imageAlt: "roof inspection worker",
|
||||
},
|
||||
id: "1", value: "20+", title: "Years Experience", description: "Proven local expertise.", imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8673.jpg", imageAlt: "roof inspection worker"},
|
||||
{
|
||||
id: "2",
|
||||
value: "100s",
|
||||
title: "Roofs Repaired",
|
||||
description: "Trusted by local homeowners.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14806.jpg",
|
||||
imageAlt: "roof shingle installation close-up",
|
||||
},
|
||||
id: "2", value: "100s", title: "Roofs Repaired", description: "Trusted by local homeowners.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14806.jpg", imageAlt: "roof shingle installation close-up"},
|
||||
{
|
||||
id: "3",
|
||||
value: "100%",
|
||||
title: "Commitment",
|
||||
description: "Dedicated to your satisfaction.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-male-musician-climbing-roof-with-electric-guitar_23-2148680354.jpg",
|
||||
imageAlt: "roof inspection worker",
|
||||
},
|
||||
id: "3", value: "100%", title: "Commitment", description: "Dedicated to your satisfaction.", imageSrc: "http://img.b2bpic.net/free-photo/back-view-male-musician-climbing-roof-with-electric-guitar_23-2148680354.jpg", imageAlt: "roof inspection worker"},
|
||||
]}
|
||||
title="Why Norton Trusts S&S"
|
||||
description="We combine local expertise with professional standards."
|
||||
@@ -203,65 +138,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Norton, MA",
|
||||
name: "Recent Residential Project",
|
||||
price: "Quality Work",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg",
|
||||
imageAlt: "completed roof installation house",
|
||||
},
|
||||
id: "1", brand: "Norton, MA", name: "Recent Residential Project", price: "Quality Work", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg", imageAlt: "completed roof installation house"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Norton, MA",
|
||||
name: "Asphalt Shingle Install",
|
||||
price: "Quality Work",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metallic-iron-textured-abstract-backdrop_23-2148139853.jpg",
|
||||
imageAlt: "roof repair before after",
|
||||
},
|
||||
id: "2", brand: "Norton, MA", name: "Asphalt Shingle Install", price: "Quality Work", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/metallic-iron-textured-abstract-backdrop_23-2148139853.jpg", imageAlt: "roof repair before after"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Norton, MA",
|
||||
name: "Storm Repair Result",
|
||||
price: "Quality Work",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343702.jpg",
|
||||
imageAlt: "residential roofing home exterior",
|
||||
},
|
||||
id: "3", brand: "Norton, MA", name: "Storm Repair Result", price: "Quality Work", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343702.jpg", imageAlt: "residential roofing home exterior"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Norton, MA",
|
||||
name: "Roof Installation",
|
||||
price: "Quality Work",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-together-with-helmets_23-2149343707.jpg",
|
||||
imageAlt: "new roof completed house",
|
||||
},
|
||||
id: "4", brand: "Norton, MA", name: "Roof Installation", price: "Quality Work", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-together-with-helmets_23-2149343707.jpg", imageAlt: "new roof completed house"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Norton, MA",
|
||||
name: "Exterior Update",
|
||||
price: "Quality Work",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg",
|
||||
imageAlt: "modern roof installation",
|
||||
},
|
||||
id: "5", brand: "Norton, MA", name: "Exterior Update", price: "Quality Work", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-roof-full-shot_23-2149343662.jpg", imageAlt: "modern roof installation"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Norton, MA",
|
||||
name: "Roof Maintenance",
|
||||
price: "Quality Work",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-working-roof_23-2149343672.jpg",
|
||||
imageAlt: "completed residential roof",
|
||||
},
|
||||
id: "6", brand: "Norton, MA", name: "Roof Maintenance", price: "Quality Work", rating: 5,
|
||||
reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-working-roof_23-2149343672.jpg", imageAlt: "completed residential roof"},
|
||||
]}
|
||||
title="Our Recent Work"
|
||||
description="Take a look at the quality craftsmanship we provide to our neighbors."
|
||||
@@ -274,50 +167,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Prompt & Professional",
|
||||
quote: "Mark was at my house within an hour to help with a roof leak. Excellent service.",
|
||||
name: "Thomas Fuller",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-construction-uniform-blue-safety-helmet-ladder-winking-looking-camera-isolated-orange-background_141793-11092.jpg",
|
||||
imageAlt: "happy homeowner portrait",
|
||||
},
|
||||
id: "1", title: "Prompt & Professional", quote: "Mark was at my house within an hour to help with a roof leak. Excellent service.", name: "Thomas Fuller", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-construction-uniform-blue-safety-helmet-ladder-winking-looking-camera-isolated-orange-background_141793-11092.jpg", imageAlt: "happy homeowner portrait"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Best Around",
|
||||
quote: "Best roofing company around Norton. Very happy with the result.",
|
||||
name: "Greg",
|
||||
role: "Local Guide",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg",
|
||||
imageAlt: "satisfied customer portrait",
|
||||
},
|
||||
id: "2", title: "Best Around", quote: "Best roofing company around Norton. Very happy with the result.", name: "Greg", role: "Local Guide", imageSrc: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg", imageAlt: "satisfied customer portrait"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Fair & Fast",
|
||||
quote: "Mark is the best. Works fast and prices are fair. I'll only use S&S.",
|
||||
name: "Primal True Savage",
|
||||
role: "Local Guide",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-standing-embraced-while-drinking-wine-kitchen_637285-3748.jpg",
|
||||
imageAlt: "smiling resident portrait",
|
||||
},
|
||||
id: "3", title: "Fair & Fast", quote: "Mark is the best. Works fast and prices are fair. I'll only use S&S.", name: "Primal True Savage", role: "Local Guide", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-standing-embraced-while-drinking-wine-kitchen_637285-3748.jpg", imageAlt: "smiling resident portrait"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Professional",
|
||||
quote: "Reliable and responsive team for our roofing needs.",
|
||||
name: "Client Name",
|
||||
role: "Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-enjoying-cafe-while-waiter-is-brining-their-order-table_637285-573.jpg",
|
||||
imageAlt: "happy family homeowner",
|
||||
},
|
||||
id: "4", title: "Professional", quote: "Reliable and responsive team for our roofing needs.", name: "Client Name", role: "Resident", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-enjoying-cafe-while-waiter-is-brining-their-order-table_637285-573.jpg", imageAlt: "happy family homeowner"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Highly Recommend",
|
||||
quote: "Great local company. Very happy with the repairs.",
|
||||
name: "Another Neighbor",
|
||||
role: "Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg",
|
||||
imageAlt: "resident portrait smiling",
|
||||
},
|
||||
id: "5", title: "Highly Recommend", quote: "Great local company. Very happy with the repairs.", name: "Another Neighbor", role: "Resident", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg", imageAlt: "resident portrait smiling"},
|
||||
]}
|
||||
title="Happy Homeowners"
|
||||
description="See why your neighbors trust S&S Roofing."
|
||||
@@ -330,20 +188,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer free quotes?",
|
||||
content: "Yes, contact us to schedule your estimate.",
|
||||
},
|
||||
id: "1", title: "Do you offer free quotes?", content: "Yes, contact us to schedule your estimate."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What areas do you serve?",
|
||||
content: "We primarily serve Norton, MA and surrounding areas.",
|
||||
},
|
||||
id: "2", title: "What areas do you serve?", content: "We primarily serve Norton, MA and surrounding areas."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Yes, we are a fully licensed and insured professional roofing company.",
|
||||
},
|
||||
id: "3", title: "Are you licensed and insured?", content: "Yes, we are a fully licensed and insured professional roofing company."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-wearing-protection-helmets_23-2149343642.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -357,8 +206,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Call S&S Roofing Today"
|
||||
description="Call us at +1 508-668-8505 or fill out the form for a free quote."
|
||||
@@ -373,25 +221,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Call: 508-668-8505",
|
||||
href: "tel:+15086688505",
|
||||
},
|
||||
label: "Call: 508-668-8505", href: "tel:+15086688505"},
|
||||
{
|
||||
label: "23 N Washington St, Norton, MA",
|
||||
href: "#",
|
||||
},
|
||||
label: "23 N Washington St, Norton, MA", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user