Update src/app/page.tsx
This commit is contained in:
153
src/app/page.tsx
153
src/app/page.tsx
@@ -3,14 +3,11 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Award, CheckCircle, Shield } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -28,85 +25,87 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ 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"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/#services" },
|
||||
{ name: "About", id: "/#about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="David Tulloch Roofing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
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" },
|
||||
]}
|
||||
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" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
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" },
|
||||
]}
|
||||
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/front-view-construction-roof-daylight_23-2148748815.jpg", imageAlt: "Completed roofing project" },
|
||||
{ imageSrc: "http://img.b2bpic.net/man-working-roof-with-hammer-full-shot_23-2149343668.jpg", imageAlt: "Roof shingle replacement detail" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
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" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
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" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
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" },
|
||||
]}
|
||||
title="Roofing Services for Ottawa"
|
||||
description="Comprehensive roof care from professional repairs to full re-roofing projects."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
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" },
|
||||
]}
|
||||
title="Roofing Services for Ottawa"
|
||||
description="Comprehensive roof care from professional repairs to full re-roofing projects."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
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" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
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" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ 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"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/#about" }, { label: "Services", href: "/#services" }] },
|
||||
{ title: "Work", items: [{ label: "Contact", href: "/contact" }] },
|
||||
]}
|
||||
logoText="David Tulloch Roofing"
|
||||
copyrightText="© 2025 David Tulloch Roofing | Ottawa, ON"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user