Update src/app/page.tsx
This commit is contained in:
247
src/app/page.tsx
247
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Skyline Roofing & Siding"
|
||||
/>
|
||||
@@ -54,108 +46,58 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Trusted Roofing & Siding Experts in Petrolia"
|
||||
description="Providing reliable, fair, and professional roofing and siding services. We get the job done right the first time."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@PetroliaResident",
|
||||
testimonial: "They did an excellent job at a fair price.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343673.jpg?_wi=1",
|
||||
imageAlt: "residential roofing crew work",
|
||||
},
|
||||
name: "Sarah J.", handle: "@PetroliaResident", testimonial: "They did an excellent job at a fair price.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343673.jpg", imageAlt: "residential roofing crew work"},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@HappyHomeowner",
|
||||
testimonial: "Very professional and honest company.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-hammer-building-house_23-2148748857.jpg?_wi=1",
|
||||
imageAlt: "roofing shingles installation detail",
|
||||
},
|
||||
name: "Mark D.", handle: "@HappyHomeowner", testimonial: "Very professional and honest company.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-hammer-building-house_23-2148748857.jpg", imageAlt: "roofing shingles installation detail"},
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "@LambtonCounty",
|
||||
testimonial: "Amazing workers. Highly recommend to everyone!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-helmet_23-2149343651.jpg?_wi=1",
|
||||
imageAlt: "siding installation construction",
|
||||
},
|
||||
name: "Elena R.", handle: "@LambtonCounty", testimonial: "Amazing workers. Highly recommend to everyone!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-helmet_23-2149343651.jpg", imageAlt: "siding installation construction"},
|
||||
{
|
||||
name: "James B.",
|
||||
handle: "@LocalNeighbor",
|
||||
testimonial: "Prompt, clean, and top-tier roofing quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-spraying-powder-paint_23-2149714282.jpg?_wi=1",
|
||||
imageAlt: "roof pressure washing service",
|
||||
},
|
||||
name: "James B.", handle: "@LocalNeighbor", testimonial: "Prompt, clean, and top-tier roofing quality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-spraying-powder-paint_23-2149714282.jpg", imageAlt: "roof pressure washing service"},
|
||||
{
|
||||
name: "Alice T.",
|
||||
handle: "@PetroliaHome",
|
||||
testimonial: "Best contractors I have hired in years.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1979.jpg",
|
||||
imageAlt: "happy homeowner portrait",
|
||||
},
|
||||
name: "Alice T.", handle: "@PetroliaHome", testimonial: "Best contractors I have hired in years.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1979.jpg", imageAlt: "happy homeowner portrait"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5198820196",
|
||||
},
|
||||
text: "Call Now", href: "tel:5198820196"},
|
||||
{
|
||||
text: "Get Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Free Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343673.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343673.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1979.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1979.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-father-posing-home_23-2148414859.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-father-posing-home_23-2148414859.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-showing-new-home-his-surprised-happy-girlfriend_74855-10259.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-showing-new-home-his-surprised-happy-girlfriend_74855-10259.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086842.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086842.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1979.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1979.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ Local Homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
type: "text", text: "Licensed & Insured"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Award-Winning Service",
|
||||
},
|
||||
type: "text", text: "Award-Winning Service"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Guaranteed",
|
||||
},
|
||||
type: "text", text: "Quality Guaranteed"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Turnaround",
|
||||
},
|
||||
type: "text", text: "Fast Turnaround"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Competitive Pricing",
|
||||
},
|
||||
type: "text", text: "Competitive Pricing"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -167,49 +109,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Replacement",
|
||||
description: "Full tear-off and installation of high-quality shingles.",
|
||||
icon: Home,
|
||||
title: "Roof Replacement", description: "Full tear-off and installation of high-quality shingles.", icon: Home,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-hammer-building-house_23-2148748857.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-hammer-building-house_23-2148748857.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-hammer-building-house_23-2148748857.jpg?_wi=3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-hammer-building-house_23-2148748857.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-father-posing-home_23-2148414859.jpg",
|
||||
imageAlt: "happy couple house",
|
||||
},
|
||||
{
|
||||
title: "Siding Installation",
|
||||
description: "Durable and aesthetic siding to protect your home exterior.",
|
||||
icon: Building,
|
||||
title: "Siding Installation", description: "Durable and aesthetic siding to protect your home exterior.", icon: Building,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-helmet_23-2149343651.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-helmet_23-2149343651.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-helmet_23-2149343651.jpg?_wi=3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-helmet_23-2149343651.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-showing-new-home-his-surprised-happy-girlfriend_74855-10259.jpg",
|
||||
imageAlt: "young family house exterior",
|
||||
},
|
||||
{
|
||||
title: "Pressure Washing",
|
||||
description: "Keep your home exterior looking new with professional cleaning.",
|
||||
icon: Droplets,
|
||||
title: "Pressure Washing", description: "Keep your home exterior looking new with professional cleaning.", icon: Droplets,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-spraying-powder-paint_23-2149714282.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-spraying-powder-paint_23-2149714282.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-spraying-powder-paint_23-2149714282.jpg?_wi=3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-spraying-powder-paint_23-2149714282.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086842.jpg",
|
||||
imageAlt: "happy man home exterior",
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
@@ -223,60 +147,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
date: "Oct 2023",
|
||||
title: "Roof Replacement",
|
||||
quote: "They did an excellent job at a fair price.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1979.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drafting-tools-blueprints_23-2147785528.jpg?_wi=1",
|
||||
imageAlt: "construction office desk",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", date: "Oct 2023", title: "Roof Replacement", quote: "They did an excellent job at a fair price.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1979.jpg", imageSrc: "http://img.b2bpic.net/free-photo/drafting-tools-blueprints_23-2147785528.jpg", imageAlt: "construction office desk"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
date: "Nov 2023",
|
||||
title: "Siding Installation",
|
||||
quote: "Very professional and honest, highly recommend.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-father-posing-home_23-2148414859.jpg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2203ms",
|
||||
imageAlt: "construction tools logo symbol",
|
||||
},
|
||||
id: "2", name: "Michael Chen", date: "Nov 2023", title: "Siding Installation", quote: "Very professional and honest, highly recommend.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-father-posing-home_23-2148414859.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2203ms", imageAlt: "construction tools logo symbol"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
date: "Dec 2023",
|
||||
title: "Roof Repair",
|
||||
quote: "Amazing workers. Done right the first time.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-showing-new-home-his-surprised-happy-girlfriend_74855-10259.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-construction-company-logo-design_23-2149995388.jpg",
|
||||
imageAlt: "building services logo icon",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", date: "Dec 2023", title: "Roof Repair", quote: "Amazing workers. Done right the first time.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/man-showing-new-home-his-surprised-happy-girlfriend_74855-10259.jpg", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-construction-company-logo-design_23-2149995388.jpg", imageAlt: "building services logo icon"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
date: "Jan 2024",
|
||||
title: "Roofing",
|
||||
quote: "Great communication and very fast response.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086842.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/logo-with-roofs_1025-13.jpg",
|
||||
imageAlt: "home siding company logo",
|
||||
},
|
||||
id: "4", name: "David Kim", date: "Jan 2024", title: "Roofing", quote: "Great communication and very fast response.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086842.jpg", imageSrc: "http://img.b2bpic.net/free-vector/logo-with-roofs_1025-13.jpg", imageAlt: "home siding company logo"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda Wu",
|
||||
date: "Feb 2024",
|
||||
title: "Exterior Reno",
|
||||
quote: "Couldn't be happier with our new siding!",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1979.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/construction-icon-set_1262-6797.jpg",
|
||||
imageAlt: "roofing contractor badge",
|
||||
},
|
||||
id: "5", name: "Linda Wu", date: "Feb 2024", title: "Exterior Reno", quote: "Couldn't be happier with our new siding!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1979.jpg", imageSrc: "http://img.b2bpic.net/free-vector/construction-icon-set_1262-6797.jpg", imageAlt: "roofing contractor badge"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by hundreds of homeowners across Lambton County."
|
||||
@@ -288,14 +167,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Roofing Guild",
|
||||
"Contractors Union",
|
||||
"Better Business",
|
||||
"Home Improvement Pros",
|
||||
"Local Safety Board",
|
||||
"Energy Efficient Homes",
|
||||
"Ontario Builders",
|
||||
]}
|
||||
"Roofing Guild", "Contractors Union", "Better Business", "Home Improvement Pros", "Local Safety Board", "Energy Efficient Homes", "Ontario Builders"]}
|
||||
title="Local Trust & Standards"
|
||||
description="We follow the highest standards of roofing and siding safety in Petrolia."
|
||||
/>
|
||||
@@ -305,12 +177,11 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
tag="Get In Touch"
|
||||
title="Request Your Free Estimate"
|
||||
description="Call us at (519) 882-0196 or send us a message below. We respond within 24 hours."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/drafting-tools-blueprints_23-2147785528.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/drafting-tools-blueprints_23-2147785528.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
buttonText="Submit Estimate Request"
|
||||
@@ -323,41 +194,27 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "(519) 882-0196",
|
||||
href: "tel:5198820196",
|
||||
},
|
||||
label: "(519) 882-0196", href: "tel:5198820196"},
|
||||
{
|
||||
label: "Petrolia, ON",
|
||||
href: "#",
|
||||
},
|
||||
label: "Petrolia, ON", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user