Merge version_1 into main #2
188
src/app/page.tsx
188
src/app/page.tsx
@@ -30,76 +30,47 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why-us",
|
||||
},
|
||||
name: "Why Us", id: "why-us"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Vista Roofing Inc."
|
||||
button={{
|
||||
text: "(647) 567-5088",
|
||||
href: "tel:6475675088",
|
||||
}}
|
||||
text: "(647) 567-5088", href: "tel:6475675088"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Toronto's Trusted Roofing Experts"
|
||||
description="Quality roofing done right — on time, on budget, and built to last."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "See Our Work",
|
||||
href: "#reviews",
|
||||
},
|
||||
text: "See Our Work", href: "#reviews"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15922.jpg?_wi=1",
|
||||
imageAlt: "Vista Roofing Project 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15922.jpg", imageAlt: "Vista Roofing Project 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15922.jpg?_wi=2",
|
||||
imageAlt: "Vista Roofing Project 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15922.jpg", imageAlt: "Vista Roofing Project 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15922.jpg?_wi=3",
|
||||
imageAlt: "Vista Roofing Project 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15922.jpg", imageAlt: "Vista Roofing Project 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15922.jpg?_wi=4",
|
||||
imageAlt: "Vista Roofing Project 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15922.jpg", imageAlt: "Vista Roofing Project 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15922.jpg?_wi=5",
|
||||
imageAlt: "Vista Roofing Project 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15922.jpg", imageAlt: "Vista Roofing Project 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15922.jpg?_wi=6",
|
||||
imageAlt: "Vista Roofing Project 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15922.jpg", imageAlt: "Vista Roofing Project 6"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -112,53 +83,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
title: "Roof Replacement",
|
||||
description: "Full tear-off and replacement for long-term protection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15922.jpg?_wi=7",
|
||||
imageAlt: "beautiful modern shingled roof exterior",
|
||||
},
|
||||
bentoComponent: "reveal-icon", icon: Shield,
|
||||
title: "Roof Replacement", description: "Full tear-off and replacement for long-term protection."},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
title: "Shingle Repair",
|
||||
description: "Targeted repairs for damaged or missing shingles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/streetlight_23-2148098639.jpg",
|
||||
imageAlt: "roof replacement icon teal",
|
||||
},
|
||||
bentoComponent: "reveal-icon", icon: Zap,
|
||||
title: "Shingle Repair", description: "Targeted repairs for damaged or missing shingles."},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Award,
|
||||
title: "Attic & Roof Vents",
|
||||
description: "Improved airflow to prevent moisture buildup.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/texture-colorful-wooden-boards_23-2148198903.jpg",
|
||||
imageAlt: "shingle repair icon teal",
|
||||
},
|
||||
bentoComponent: "reveal-icon", icon: Award,
|
||||
title: "Attic & Roof Vents", description: "Improved airflow to prevent moisture buildup."},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Star,
|
||||
title: "Soffit & Fascia Repair",
|
||||
description: "Protecting your roof edge and home structure.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388956.jpg",
|
||||
imageAlt: "attic vent icon teal",
|
||||
},
|
||||
bentoComponent: "reveal-icon", icon: Star,
|
||||
title: "Soffit & Fascia Repair", description: "Protecting your roof edge and home structure."},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: CheckCircle,
|
||||
title: "Storm Damage Repair",
|
||||
description: "Fast restoration after extreme weather events.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern-background-wallpaper-texture-concept_53876-63188.jpg",
|
||||
imageAlt: "soffit fascia icon teal",
|
||||
},
|
||||
bentoComponent: "reveal-icon", icon: CheckCircle,
|
||||
title: "Storm Damage Repair", description: "Fast restoration after extreme weather events."},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
title: "Eave & Gutter Work",
|
||||
description: "Professional drainage solutions for your roof.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/realistic-construction-sign-background_23-2148169634.jpg",
|
||||
imageAlt: "storm damage icon teal",
|
||||
},
|
||||
bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
title: "Eave & Gutter Work", description: "Professional drainage solutions for your roof."},
|
||||
]}
|
||||
title="What We Do"
|
||||
description="Expert roofing solutions tailored to your home's needs."
|
||||
@@ -172,23 +113,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Star,
|
||||
title: "Customer Rating",
|
||||
value: "5.0",
|
||||
},
|
||||
id: "m1", icon: Star,
|
||||
title: "Customer Rating", value: "5.0"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: CheckCircle,
|
||||
title: "Satisfied Customers",
|
||||
value: "17+",
|
||||
},
|
||||
id: "m2", icon: CheckCircle,
|
||||
title: "Satisfied Customers", value: "17+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Serving GTA",
|
||||
value: "Since 2019",
|
||||
},
|
||||
id: "m3", icon: Award,
|
||||
title: "Serving GTA", value: "Since 2019"},
|
||||
]}
|
||||
title="Why Homeowners Trust Vista Roofing"
|
||||
description="We stand behind our work with quality, honesty, and clear communication."
|
||||
@@ -200,30 +132,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark Ramkishun",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-european-guy-living-alone-spending-all-day-home-while-social-distancing-being-optimistic-carefree-looking-camera-with-smile_343059-2035.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Mark Ramkishun", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-european-guy-living-alone-spending-all-day-home-while-social-distancing-being-optimistic-carefree-looking-camera-with-smile_343059-2035.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Patrick Kwan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-handsome-man_23-2148238926.jpg",
|
||||
},
|
||||
id: "2", name: "Patrick Kwan", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-handsome-man_23-2148238926.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ana Shah",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
|
||||
},
|
||||
id: "3", name: "Ana Shah", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Kerry Wei",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
|
||||
},
|
||||
id: "4", name: "Kerry Wei", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-european-guy-living-alone-spending-all-day-home-while-social-distancing-being-optimistic-carefree-looking-camera-with-smile_343059-2035.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-european-guy-living-alone-spending-all-day-home-while-social-distancing-being-optimistic-carefree-looking-camera-with-smile_343059-2035.jpg"},
|
||||
]}
|
||||
cardTitle="What Our Customers Say"
|
||||
cardTag="5.0 ⭐ Rated on Google"
|
||||
@@ -235,8 +152,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Get Your Free Roofing Estimate"
|
||||
description="Ready to protect your home? Send us a message and we'll reach out shortly."
|
||||
@@ -247,33 +163,21 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Vista Roofing Inc.",
|
||||
items: [
|
||||
title: "Vista Roofing Inc.", items: [
|
||||
{
|
||||
label: "26 Warren Bradley St, Markham, ON L6C 2W5",
|
||||
href: "#",
|
||||
},
|
||||
label: "26 Warren Bradley St, Markham, ON L6C 2W5", href: "#"},
|
||||
{
|
||||
label: "(647) 567-5088",
|
||||
href: "tel:6475675088",
|
||||
},
|
||||
label: "(647) 567-5088", href: "tel:6475675088"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Why Us",
|
||||
href: "#why-us",
|
||||
},
|
||||
label: "Why Us", href: "#why-us"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Reviews", href: "#reviews"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user