197 lines
7.7 KiB
TypeScript
197 lines
7.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import { Award, Calendar, CheckCircle, Gauge, Shield, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Services", id: "features"},
|
|
{
|
|
name: "Pricing", id: "pricing"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Ontario Freeze Guard"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Protect Your Ontario Home From Harsh Winter Frost"
|
|
description="Don't let frozen pipes catch you off guard. Our expert freeze guard services provide reliable, year-round peace of mind for residential properties across Ontario."
|
|
testimonials={[
|
|
{
|
|
name: "James Smith", handle: "@jamessmith", testimonial: "Excellent service. My pipes stayed safe through the harshest winter week.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132185.jpg?_wi=1", imageAlt: "professional home winterization"},
|
|
{
|
|
name: "Linda Wu", handle: "@lindawu", testimonial: "Professional and fast. The freeze guard team saved me a lot of stress.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-winter-holidays_140725-140367.jpg?_wi=1", imageAlt: "professional home winterization"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Get Protected", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132185.jpg?_wi=2"
|
|
marqueeItems={[
|
|
{ type: "text", text: "24/7 Support" },
|
|
{ type: "text-icon", text: "Certified Experts", icon: CheckCircle },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={false}
|
|
title="Trusted by Ontario Families"
|
|
metrics={[
|
|
{ label: "Homes Protected", value: "2,500+", icon: Shield },
|
|
{ label: "Winter Seasons", value: "15+", icon: Calendar },
|
|
{ label: "Service Satisfaction", value: "99%", icon: Award },
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBorderGlow
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ icon: Zap, title: "Smart Monitoring", description: "Continuous tracking of pipe temperatures with instant alerts for sudden drops." },
|
|
{ icon: Gauge, title: "Insulation Upgrades", description: "Professional-grade wrapping for exposed lines in basements and garages." },
|
|
]}
|
|
title="Comprehensive Freeze Guard Benefits"
|
|
description="Our solutions are designed to address the unique challenges of Ontario winters."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "m1", value: "40%", title: "Energy Savings", items: ["Improved efficiency", "Heat retention"] },
|
|
{ id: "m2", value: "0", title: "Frozen Pipes", items: ["Zero incidents reported"] },
|
|
]}
|
|
title="Winter Impact Performance"
|
|
description="Real data on how our guard systems perform during extreme Ontario cold fronts."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardEight
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "pro", badge: "Recommended", price: "$349", subtitle: "Full home security", buttons: [{ text: "Get Protected", href: "#contact" }],
|
|
features: ["Smart sensor install", "Remote monitoring", "Priority support"],
|
|
},
|
|
]}
|
|
title="Tailored Protection Plans"
|
|
description="Select the service package that fits your home size."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah J.", date: "Jan 2024", title: "Happy Homeowner", quote: "The team made sure I was ready before the big storm hit. Incredible work.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-kitchen-enjoying-coffee_23-2148322068.jpg"},
|
|
]}
|
|
title="Proven Results Across Ontario"
|
|
description="See what our happy homeowners have to say about our freeze guard services."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "q1", title: "When is the best time to schedule?", content: "Late autumn, ideally before the first major frost." },
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Answers to common concerns about home winterization."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Thornhill Experts"
|
|
title="Visit Us in Thornhill"
|
|
description="Our main office serves the Thornhill area with dedicated local support. Book your comprehensive home freeze assessment today."
|
|
buttons={[
|
|
{ text: "Book Assessment", href: "tel:+19055550123" },
|
|
{ text: "Get Directions", href: "https://maps.google.com/?q=Thornhill+Ontario" }
|
|
]}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Ontario Freeze Guard"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Thornhill HQ: 123 Maple St, Thornhill" },
|
|
{ label: "Phone: (905) 555-0123" },
|
|
{ label: "Email: hello@freeze-guard.ca" }
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Book Inspection", href: "#contact" },
|
|
{ label: "Service Areas", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|