Merge version_2 into main #2
166
src/app/page.tsx
166
src/app/page.tsx
@@ -31,25 +31,15 @@ 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: "Work",
|
||||
id: "showcase",
|
||||
},
|
||||
name: "Work", id: "showcase"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Local Toronto"
|
||||
/>
|
||||
@@ -58,41 +48,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Toronto’s Elite Roofing & Masonry"
|
||||
description="Precision craftsmanship. Built to last. Designed to impress."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request a Quote", href: "#contact"},
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "#showcase",
|
||||
},
|
||||
text: "View Our Work", href: "#showcase"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg?_wi=1",
|
||||
imageAlt: "Luxury Roofing Project",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg?_wi=1", imageAlt: "Luxury Roofing Project"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metallic-background-with-black-lines_23-2148744336.jpg?_wi=1",
|
||||
imageAlt: "Premium Roofing Material",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metallic-background-with-black-lines_23-2148744336.jpg?_wi=1", imageAlt: "Premium Roofing Material"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207692.jpg?_wi=1",
|
||||
imageAlt: "Masonry Craftsmanship",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207692.jpg?_wi=1", imageAlt: "Masonry Craftsmanship"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-pyramid_1122-430.jpg?_wi=1",
|
||||
imageAlt: "Aerial Roof Shot",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-pyramid_1122-430.jpg?_wi=1", imageAlt: "Aerial Roof Shot"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rural-house-with-stone-pathway_1127-311.jpg?_wi=1",
|
||||
imageAlt: "Architectural Detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rural-house-with-stone-pathway_1127-311.jpg?_wi=1", imageAlt: "Architectural Detail"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -104,7 +79,7 @@ export default function LandingPage() {
|
||||
tag="Crafted with Excellence"
|
||||
title="Unmatched Quality in Every Detail"
|
||||
description="Local Toronto Roofing & Masonry delivers premium roofing and masonry solutions across Toronto. Our team combines precision, durability, and refined craftsmanship to create results that stand the test of time."
|
||||
subdescription="Dedicated to excellence in every project we undertake."
|
||||
subdescription="Serving Toronto with over 15 years of industry-leading craftsmanship"
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -117,53 +92,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "Roofing",
|
||||
title: "Asphalt Shingles",
|
||||
subtitle: "Durable & Aesthetic",
|
||||
description: "High-quality asphalt shingles designed for Toronto's unique climate.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-construction-worker-roof_23-2149343669.jpg",
|
||||
imageAlt: "luxury construction site",
|
||||
},
|
||||
tag: "Roofing", title: "Asphalt Shingles", subtitle: "Durable & Aesthetic", description: "High-quality asphalt shingles designed for Toronto's unique climate.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-construction-worker-roof_23-2149343669.jpg", imageAlt: "luxury construction site"},
|
||||
{
|
||||
tag: "Masonry",
|
||||
title: "Chimney Replacement",
|
||||
subtitle: "Expert Masonry",
|
||||
description: "Restoring the integrity and beauty of your brick chimneys.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg?_wi=2",
|
||||
imageAlt: "luxury construction site",
|
||||
},
|
||||
tag: "Masonry", title: "Chimney Replacement", subtitle: "Expert Masonry", description: "Restoring the integrity and beauty of your brick chimneys.", imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg?_wi=2", imageAlt: "luxury construction site"},
|
||||
{
|
||||
tag: "Services",
|
||||
title: "Commercial Property",
|
||||
subtitle: "Bespoke Solutions",
|
||||
description: "Professional-grade roofing for high-value commercial properties.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metallic-background-with-black-lines_23-2148744336.jpg?_wi=2",
|
||||
imageAlt: "luxury construction site",
|
||||
},
|
||||
tag: "Services", title: "Commercial Property", subtitle: "Bespoke Solutions", description: "Professional-grade roofing for high-value commercial properties.", imageSrc: "http://img.b2bpic.net/free-photo/metallic-background-with-black-lines_23-2148744336.jpg?_wi=2", imageAlt: "luxury construction site"},
|
||||
{
|
||||
tag: "Roofing",
|
||||
title: "Flat Roof Installation",
|
||||
subtitle: "Modern Design",
|
||||
description: "Sleek, modern flat roofing systems with industry-leading materials.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207692.jpg?_wi=2",
|
||||
imageAlt: "luxury construction site",
|
||||
},
|
||||
tag: "Roofing", title: "Flat Roof Installation", subtitle: "Modern Design", description: "Sleek, modern flat roofing systems with industry-leading materials.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207692.jpg?_wi=2", imageAlt: "luxury construction site"},
|
||||
{
|
||||
tag: "Masonry",
|
||||
title: "Masonry Work",
|
||||
subtitle: "Brick & Stone",
|
||||
description: "Artisan stone and brick work for luxury residential structures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-pyramid_1122-430.jpg?_wi=2",
|
||||
imageAlt: "luxury construction site",
|
||||
},
|
||||
tag: "Masonry", title: "Masonry Work", subtitle: "Brick & Stone", description: "Artisan stone and brick work for luxury residential structures.", imageSrc: "http://img.b2bpic.net/free-photo/glass-pyramid_1122-430.jpg?_wi=2", imageAlt: "luxury construction site"},
|
||||
{
|
||||
tag: "Roofing",
|
||||
title: "Metal Roofing",
|
||||
subtitle: "Ultimate Durability",
|
||||
description: "Elite metal roofing solutions providing lifetime protection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rural-house-with-stone-pathway_1127-311.jpg?_wi=2",
|
||||
imageAlt: "luxury construction site",
|
||||
},
|
||||
tag: "Roofing", title: "Metal Roofing", subtitle: "Ultimate Durability", description: "Elite metal roofing solutions providing lifetime protection.", imageSrc: "http://img.b2bpic.net/free-photo/rural-house-with-stone-pathway_1127-311.jpg?_wi=2", imageAlt: "luxury construction site"},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Premium solutions for discerning clients."
|
||||
@@ -178,41 +117,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Luxury Slate Transformation",
|
||||
price: "High End",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-building-with-neat-surface_23-2148252769.jpg",
|
||||
},
|
||||
id: "1", name: "Luxury Slate Transformation", price: "High End", imageSrc: "http://img.b2bpic.net/free-photo/close-up-building-with-neat-surface_23-2148252769.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Metal Flash Detail",
|
||||
price: "Professional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-hammer-indoors-still-life_23-2150563115.jpg",
|
||||
},
|
||||
id: "2", name: "Metal Flash Detail", price: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/construction-hammer-indoors-still-life_23-2150563115.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Custom Brick Chimney",
|
||||
price: "Masonry",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-symmetrical-old-brick-building_23-2148252746.jpg",
|
||||
},
|
||||
id: "3", name: "Custom Brick Chimney", price: "Masonry", imageSrc: "http://img.b2bpic.net/free-photo/front-view-symmetrical-old-brick-building_23-2148252746.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Commercial Complex",
|
||||
price: "Scale",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg",
|
||||
},
|
||||
id: "4", name: "Commercial Complex", price: "Scale", imageSrc: "http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Architectural Roof",
|
||||
price: "Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof_23-2149343645.jpg",
|
||||
},
|
||||
id: "5", name: "Architectural Roof", price: "Design", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof_23-2149343645.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Flat Roof Terrace",
|
||||
price: "Modern",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-young-man-holding-laptop_23-2148384546.jpg",
|
||||
},
|
||||
id: "6", name: "Flat Roof Terrace", price: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/top-view-young-man-holding-laptop_23-2148384546.jpg"},
|
||||
]}
|
||||
title="Our Work Speaks for Itself"
|
||||
description="A glimpse into our recent architectural transformations."
|
||||
@@ -227,25 +142,15 @@ export default function LandingPage() {
|
||||
author="Local Toronto Homeowner"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-travel-full-shot-woman_23-2149204471.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-travel-full-shot-woman_23-2149204471.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/back-view-male-musician-climbing-roof-with-electric-guitar_23-2148680354.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/back-view-male-musician-climbing-roof-with-electric-guitar_23-2148680354.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-engineer-work-clothes-yellow-hardhat-dreamily-looking-aside-holding-plan-new-apartments-hands-with-red-ladder-near-repairing-flat_574295-1611.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-engineer-work-clothes-yellow-hardhat-dreamily-looking-aside-holding-plan-new-apartments-hands-with-red-ladder-near-repairing-flat_574295-1611.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/working-day-two-indian-men-discussing-something-looking-involved_259150-59414.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/working-day-two-indian-men-discussing-something-looking-involved_259150-59414.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -256,14 +161,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
text="Get a Quote for Your Luxury Project. Contact us to discuss your roofing and masonry needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get a Quote", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -277,4 +179,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user