Update src/app/page.tsx
This commit is contained in:
354
src/app/page.tsx
354
src/app/page.tsx
@@ -31,30 +31,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/#services" },
|
||||
{ name: "About", id: "/#about" },
|
||||
{ name: "Reviews", id: "/#reviews" },
|
||||
{ name: "Portfolio", id: "/#portfolio" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="David Tulloch Roofing"
|
||||
/>
|
||||
@@ -65,66 +47,26 @@ export default function LandingPage() {
|
||||
logoText="David Tulloch Roofing"
|
||||
description="Ottawa Roofing Repairs & Re-Roofing Done Right Since 1999. Protect your home with reliable service from local Ottawa roofing professionals."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: (613) 880-4079",
|
||||
href: "tel:+16138804079",
|
||||
},
|
||||
{
|
||||
text: "Get a Free Roofing Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call Now: (613) 880-4079", href: "tel:+16138804079" },
|
||||
{ text: "Get a Free Roofing Estimate", href: "/contact" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-protection-helmets_23-2149343642.jpg",
|
||||
imageAlt: "Professional roof installation in Ottawa",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-construction-roof-daylight_23-2148748815.jpg",
|
||||
imageAlt: "Completed roofing project",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-hammer-full-shot_23-2149343668.jpg",
|
||||
imageAlt: "Roof shingle replacement detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-building-design-with-window_23-2148252823.jpg",
|
||||
imageAlt: "Custom metal flashing work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-smoking-roof_1321-1036.jpg",
|
||||
imageAlt: "Roofing job site cleanup",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-protection-helmets_23-2149343642.jpg", imageAlt: "Professional roof installation in Ottawa" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-construction-roof-daylight_23-2148748815.jpg", imageAlt: "Completed roofing project" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-hammer-full-shot_23-2149343668.jpg", imageAlt: "Roof shingle replacement detail" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Reliable Ottawa Roofing"
|
||||
tag="Trust Signals"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1999",
|
||||
description: "Serving Ottawa",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
description: "Fully Insured",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Free",
|
||||
description: "Estimates",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "Full",
|
||||
description: "Warranty",
|
||||
},
|
||||
{ id: "m1", value: "1999", description: "Serving Ottawa" },
|
||||
{ id: "m2", value: "100%", description: "Fully Insured" },
|
||||
{ id: "m3", value: "Free", description: "Estimates" },
|
||||
{ id: "m4", value: "Full", description: "Warranty" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -133,51 +75,10 @@ export default function LandingPage() {
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Roof Repairs",
|
||||
subtitle: "Fast repair for leaks, storm damage, and wear.",
|
||||
category: "Repairs",
|
||||
value: "Expert Service",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Re-Roofing",
|
||||
subtitle: "Quality residential and commercial re-roofing.",
|
||||
category: "Re-Roofing",
|
||||
value: "Quality Shingles",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Ice Protection",
|
||||
subtitle: "Waterproof underlayment and shield installation.",
|
||||
category: "Protection",
|
||||
value: "Weather Ready",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Venting",
|
||||
subtitle: "Roof ventilation to prevent heat and moisture build up.",
|
||||
category: "Venting",
|
||||
value: "Optimal Airflow",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Exterior Repairs",
|
||||
subtitle: "Soffit, fascia, siding, and trough repairs.",
|
||||
category: "Exterior",
|
||||
value: "Curb Appeal",
|
||||
},
|
||||
{
|
||||
id: "f6",
|
||||
title: "Metal Work",
|
||||
subtitle: "Custom flashing and metal detail work.",
|
||||
category: "Metal",
|
||||
value: "Professional Finish",
|
||||
},
|
||||
{ id: "f1", title: "Roof Repairs", subtitle: "Fast repair for leaks, storm damage, and wear.", category: "Repairs", value: "Expert Service" },
|
||||
{ id: "f2", title: "Re-Roofing", subtitle: "Quality residential and commercial re-roofing.", category: "Re-Roofing", value: "Quality Shingles" },
|
||||
{ id: "f3", title: "Ice Protection", subtitle: "Waterproof underlayment and shield installation.", category: "Protection", value: "Weather Ready" },
|
||||
]}
|
||||
title="Roofing Services for Ottawa"
|
||||
description="Comprehensive roof care from professional repairs to full re-roofing projects."
|
||||
@@ -186,228 +87,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Quality, Honesty, and Clean Work"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Local Business",
|
||||
value: "Since 1999",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Coverage",
|
||||
value: "Fully Insured",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Service",
|
||||
value: "Clean Sites",
|
||||
},
|
||||
{ icon: Award, label: "Local Business", value: "Since 1999" },
|
||||
{ icon: Shield, label: "Coverage", value: "Fully Insured" },
|
||||
{ icon: CheckCircle, label: "Service", value: "Clean Sites" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Step 1",
|
||||
subtitle: "Call or request a free estimate to book an assessment.",
|
||||
category: "Call",
|
||||
value: "Initial Contact",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Step 2",
|
||||
subtitle: "We inspect your roof, explain options, and provide a quote.",
|
||||
category: "Assessment",
|
||||
value: "Clear Options",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Step 3",
|
||||
subtitle: "We complete the work professionally and keep your site clean.",
|
||||
category: "Work",
|
||||
value: "Done Right",
|
||||
},
|
||||
]}
|
||||
title="Getting Your Roof Looked At Is Simple"
|
||||
description="A straightforward three-step process to get your roofing project started."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "Homeowner",
|
||||
testimonial: "David did an excellent and very professional job at a fair price. The team was clean and polite.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-leisure_273609-44316.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Unexpected roof leak rescued! They showed up right away, assessed the problem, and provided clear options with no pressure.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-mountain-relaxation-smiling-young-woman-outdoors_169016-69109.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Fantastic experience. They replaced our roof quickly and at an unbeatable price. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Highly recommend. Fantastic communication and thorough explanations of the project. A true professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-caucasian-guy-dating-afro-american-girl_1262-19996.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Robert Miller",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Top-tier service from start to finish. Everything was explained clearly and the site cleanup was impressive.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-model_158538-17986.jpg",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Ottawa Homeowners"
|
||||
description="See why local residents choose David Tulloch Roofing."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Residential Roof Replacement",
|
||||
price: "Ottawa",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-construction-design-real-estate-structure_53876-16409.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Roof Repair Detail",
|
||||
price: "Ottawa",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_1203-2241.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Custom Flashing Work",
|
||||
price: "Ottawa",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15677.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Professional Shingle Install",
|
||||
price: "Ottawa",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/streetlight_23-2148098639.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Attic Venting Solution",
|
||||
price: "Ottawa",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-nature-aerial-view_23-2151912659.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Exterior Roofline Repair",
|
||||
price: "Ottawa",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-wooden-house-with-new-roof_23-2149343703.jpg",
|
||||
},
|
||||
]}
|
||||
title="Recent Roofing Projects"
|
||||
description="Quality workmanship for Ottawa properties."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Need Roofing Help in Ottawa? Call Today for a Free Estimate."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: (613) 880-4079",
|
||||
href: "tel:+16138804079",
|
||||
},
|
||||
{
|
||||
text: "Email for Estimate",
|
||||
href: "mailto:david@dtroofing.ca",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Work",
|
||||
items: [
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Get Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact Info",
|
||||
items: [
|
||||
{
|
||||
label: "Phone: (613) 880-4079",
|
||||
href: "tel:+16138804079",
|
||||
},
|
||||
{
|
||||
label: "Email: david@dtroofing.ca",
|
||||
href: "mailto:david@dtroofing.ca",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/#about" }, { label: "Services", href: "/#services" }] },
|
||||
{ title: "Work", items: [{ label: "Portfolio", href: "/#portfolio" }, { label: "Contact", href: "/contact" }] },
|
||||
]}
|
||||
logoText="David Tulloch Roofing"
|
||||
copyrightText="© 2025 David Tulloch Roofing | Ottawa, ON"
|
||||
@@ -416,4 +110,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user