Merge version_1 into main #2
219
src/app/page.tsx
219
src/app/page.tsx
@@ -31,21 +31,13 @@ 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: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Sala's Roofing"
|
||||
/>
|
||||
@@ -57,35 +49,21 @@ export default function LandingPage() {
|
||||
description="Luxury Roofing & Exterior Solutions Across Illinois. We deliver premium craftsmanship and reliability for every project."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Free Estimate", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=62yfk0&_wi=1",
|
||||
imageAlt: "Sala's Roofing Residential Project",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=62yfk0", imageAlt: "Sala's Roofing Residential Project"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2xjxdw",
|
||||
imageAlt: "Roofing Detail 2",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2xjxdw", imageAlt: "Roofing Detail 2"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=42wa5q",
|
||||
imageAlt: "Roofing Detail 3",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=42wa5q", imageAlt: "Roofing Detail 3"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ocgfr3",
|
||||
imageAlt: "Roofing Detail 4",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ocgfr3", imageAlt: "Roofing Detail 4"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kfvkkx",
|
||||
imageAlt: "Roofing Detail 5",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kfvkkx", imageAlt: "Roofing Detail 5"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g31m36",
|
||||
imageAlt: "Roofing Detail 6",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g31m36", imageAlt: "Roofing Detail 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -97,19 +75,13 @@ export default function LandingPage() {
|
||||
description="Sala's Roofing Contractors, LLC delivers premium roofing, siding, and gutter solutions. Licensed, insured, and trusted across Illinois, we bring craftsmanship and reliability to every project."
|
||||
metrics={[
|
||||
{
|
||||
value: "30+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "30+", title: "Years Experience"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Licensed & Insured",
|
||||
},
|
||||
value: "100%", title: "Licensed & Insured"},
|
||||
{
|
||||
value: "5-Year",
|
||||
title: "Workmanship Warranty",
|
||||
},
|
||||
value: "5-Year", title: "Workmanship Warranty"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bmt7uv&_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bmt7uv"
|
||||
imageAlt="Sala's Roofing Team"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -123,52 +95,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Roofing",
|
||||
description: "Premium roofing installations.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5t2a4o",
|
||||
imageAlt: "roofing material installation",
|
||||
title: "Roofing", description: "Premium roofing installations.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Siding",
|
||||
description: "Durable and aesthetic siding options.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Home,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=62yfk0&_wi=2",
|
||||
imageAlt: "roofing material installation",
|
||||
title: "Siding", description: "Durable and aesthetic siding options.", bentoComponent: "reveal-icon", icon: Home,
|
||||
},
|
||||
{
|
||||
title: "Gutters",
|
||||
description: "Advanced gutter and drainage solutions.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Droplet,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bmt7uv&_wi=2",
|
||||
imageAlt: "roofing material installation",
|
||||
title: "Gutters", description: "Advanced gutter and drainage solutions.", bentoComponent: "reveal-icon", icon: Droplet,
|
||||
},
|
||||
{
|
||||
title: "Windows",
|
||||
description: "Energy-efficient window installations.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Square,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=24ukbv&_wi=1",
|
||||
imageAlt: "roofing material installation",
|
||||
title: "Windows", description: "Energy-efficient window installations.", bentoComponent: "reveal-icon", icon: Square,
|
||||
},
|
||||
{
|
||||
title: "Skylights",
|
||||
description: "Professional skylight integration.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sun,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tce3i2&_wi=1",
|
||||
imageAlt: "roofing material installation",
|
||||
title: "Skylights", description: "Professional skylight integration.", bentoComponent: "reveal-icon", icon: Sun,
|
||||
},
|
||||
{
|
||||
title: "Soffit & Fascia",
|
||||
description: "Precise trim and finish work.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Layers,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=28w64j&_wi=1",
|
||||
imageAlt: "roofing material installation",
|
||||
title: "Soffit & Fascia", description: "Precise trim and finish work.", bentoComponent: "reveal-icon", icon: Layers,
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
@@ -183,34 +125,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "30+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Deep market knowledge",
|
||||
"Stable foundation",
|
||||
"Industry reputation",
|
||||
],
|
||||
id: "1", value: "30+", title: "Years Experience", items: [
|
||||
"Deep market knowledge", "Stable foundation", "Industry reputation"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "Full",
|
||||
title: "Coverage",
|
||||
items: [
|
||||
"Fully licensed",
|
||||
"Professionally insured",
|
||||
"Safety compliance",
|
||||
],
|
||||
id: "2", value: "Full", title: "Coverage", items: [
|
||||
"Fully licensed", "Professionally insured", "Safety compliance"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "5-Year",
|
||||
title: "Workmanship Guarantee",
|
||||
items: [
|
||||
"Peace of mind",
|
||||
"Quality assurance",
|
||||
"Trusted partnership",
|
||||
],
|
||||
id: "3", value: "5-Year", title: "Workmanship Guarantee", items: [
|
||||
"Peace of mind", "Quality assurance", "Trusted partnership"],
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
@@ -226,45 +150,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jessica R.",
|
||||
role: "Homeowner",
|
||||
company: "Illinois",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=24ukbv&_wi=2",
|
||||
},
|
||||
id: "1", name: "Jessica R.", role: "Homeowner", company: "Illinois", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=24ukbv"},
|
||||
{
|
||||
id: "2",
|
||||
name: "David P.",
|
||||
role: "Homeowner",
|
||||
company: "Illinois",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tce3i2&_wi=2",
|
||||
},
|
||||
id: "2", name: "David P.", role: "Homeowner", company: "Illinois", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tce3i2"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Maria S.",
|
||||
role: "Homeowner",
|
||||
company: "Illinois",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=28w64j&_wi=2",
|
||||
},
|
||||
id: "3", name: "Maria S.", role: "Homeowner", company: "Illinois", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=28w64j"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert B.",
|
||||
role: "Homeowner",
|
||||
company: "Illinois",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ujy8v8",
|
||||
},
|
||||
id: "4", name: "Robert B.", role: "Homeowner", company: "Illinois", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ujy8v8"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Susan W.",
|
||||
role: "Homeowner",
|
||||
company: "Illinois",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l2a6d9",
|
||||
},
|
||||
id: "5", name: "Susan W.", role: "Homeowner", company: "Illinois", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l2a6d9"},
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Read experiences from homeowners across Illinois."
|
||||
@@ -275,8 +174,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Contact Us"
|
||||
title="Get Your Free Estimate"
|
||||
description="Call us today at 708-629-0781 or request a quote online."
|
||||
@@ -290,50 +188,31 @@ export default function LandingPage() {
|
||||
logoText="Sala's Roofing"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Roofing",
|
||||
href: "#",
|
||||
},
|
||||
label: "Roofing", href: "#"},
|
||||
{
|
||||
label: "Siding",
|
||||
href: "#",
|
||||
},
|
||||
label: "Siding", href: "#"},
|
||||
{
|
||||
label: "Gutters",
|
||||
href: "#",
|
||||
},
|
||||
label: "Gutters", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Estimates",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Estimates", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user