Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #4.
This commit is contained in:
98
src/app/about/page.tsx
Normal file
98
src/app/about/page.tsx
Normal file
@@ -0,0 +1,98 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import { Sparkles } from "lucide-react";
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLarge"
|
||||
background="noise"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<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: "Contact", id: "#contact"
|
||||
}
|
||||
]}
|
||||
brandName="Prizm Heating & Ventilation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Philosophy"
|
||||
title="Why homeowners choose Prizm"
|
||||
description="Prizm is a strong fit for homeowners who want more than a basic install. Whether you're upgrading an older home, renovating, adding a heat pump, or improving ventilation, the work is approached with craftsmanship, communication, and care."
|
||||
subdescription="Every project starts with thoughtful planning, executed with precision workmanship, and always with respect for your home and clear communication. Led by Justin and Jordan, Prizm has earned a reputation for being skilled, friendly, and meticulous - the kind of team homeowners feel good about hiring and recommending."
|
||||
icon={Sparkles}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/emotional-furious-male-female-buillders-gesture-angrily-have-irritated-expressions-as-there-is-much-work_273609-8289.jpg"
|
||||
imageAlt="Prizm Heating & Ventilation team"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Services", href: "/services"},
|
||||
{
|
||||
label: "About", href: "/about"},
|
||||
{
|
||||
label: "Reviews", href: "#reviews"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Greater Victoria, BC", href: "#"},
|
||||
{
|
||||
label: "Phone: (XXX) XXX-XXXX", href: "tel:XXX-XXX-XXXX"},
|
||||
{
|
||||
label: "Email: info@prizmhvac.com", href: "mailto:info@prizmhvac.com"},
|
||||
{
|
||||
label: "Hours: Mon-Fri, 8 AM - 5 PM", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Prizm Heating & Ventilation"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
82
src/app/contact-us/page.tsx
Normal file
82
src/app/contact-us/page.tsx
Normal file
@@ -0,0 +1,82 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactForm from "@/components/form/ContactForm";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import { MessageCircle } from "lucide-react";
|
||||
|
||||
export default function ContactUsPage() {
|
||||
const commonNavItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/#services" },
|
||||
{ name: "About", id: "/#about" },
|
||||
{ name: "Reviews", id: "/#reviews" },
|
||||
{ name: "Contact", id: "/contact-us" }
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Services", href: "/#services" },
|
||||
{ label: "About", href: "/#about" },
|
||||
{ label: "Reviews", href: "/#reviews" },
|
||||
{ label: "Contact", href: "/contact-us" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Greater Victoria, BC", href: "#" },
|
||||
{ label: "Phone: (XXX) XXX-XXXX", href: "tel:XXX-XXX-XXXX" },
|
||||
{ label: "Email: info@prizmhvac.com", href: "mailto:info@prizmhvac.com" },
|
||||
{ label: "Hours: Mon-Fri, 8 AM - 5 PM", href: "#" }
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLarge"
|
||||
background="noise"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={commonNavItems}
|
||||
brandName="Prizm Heating & Ventilation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-form-section" data-section="contact-form-section">
|
||||
<ContactForm
|
||||
tag="Get an Estimate"
|
||||
tagIcon={MessageCircle}
|
||||
title="Request Your HVAC Estimate"
|
||||
description="Tell us about your project details, and we'll get back to you with a detailed estimate."
|
||||
inputPlaceholder="Your Email"
|
||||
buttonText="Submit Request"
|
||||
termsText="By submitting, you agree to our Privacy Policy."
|
||||
onSubmit={(email) => console.log("Estimate requested for:", email)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={footerColumns}
|
||||
logoText="Prizm Heating & Ventilation"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -14,6 +14,34 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
|
||||
import { Activity, CheckCircle, Cloud, CookingPot, Grid, Home, Lightbulb, Sparkles, Wind, Wrench } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
const commonNavItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/#services" },
|
||||
{ name: "About", id: "/#about" },
|
||||
{ name: "Reviews", id: "/#reviews" },
|
||||
{ name: "Contact", id: "/contact-us" }
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Services", href: "/#services" },
|
||||
{ label: "About", href: "/#about" },
|
||||
{ label: "Reviews", href: "/#reviews" },
|
||||
{ label: "Contact", href: "/contact-us" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Greater Victoria, BC", href: "#" },
|
||||
{ label: "Phone: (XXX) XXX-XXXX", href: "tel:XXX-XXX-XXXX" },
|
||||
{ label: "Email: info@prizmhvac.com", href: "mailto:info@prizmhvac.com" },
|
||||
{ label: "Hours: Mon-Fri, 8 AM - 5 PM", href: "#" }
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
@@ -30,18 +58,7 @@ export default function LandingPage() {
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
navItems={commonNavItems}
|
||||
brandName="Prizm Heating & Ventilation"
|
||||
/>
|
||||
</div>
|
||||
@@ -55,9 +72,9 @@ export default function LandingPage() {
|
||||
tag="Greater Victoria Heating & Ventilation"
|
||||
buttons={[
|
||||
{
|
||||
text: "Request an Estimate", href: "#contact"},
|
||||
text: "Request an Estimate", href: "/contact-us"},
|
||||
{
|
||||
text: "View Services", href: "#services"},
|
||||
text: "View Services", href: "/#services"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
@@ -151,7 +168,7 @@ export default function LandingPage() {
|
||||
description="Prizm Heating & Ventilation provides residential ductwork, ventilation, and heat pump support services for homeowners across Greater Victoria. Every installation is planned carefully, executed cleanly, and finished with attention to detail."
|
||||
buttons={[
|
||||
{
|
||||
text: "See All Services", href: "#services"},
|
||||
text: "See All Services", href: "/#services"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -233,41 +250,14 @@ export default function LandingPage() {
|
||||
text="Planning a heat pump or ventilation upgrade? Start with a team known for clean work, careful planning, and a professional experience from day one."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Your Estimate", href: "#"},
|
||||
text: "Request Your Estimate", href: "/contact-us"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Reviews", href: "#reviews"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Greater Victoria, BC", href: "#"},
|
||||
{
|
||||
label: "Phone: (XXX) XXX-XXXX", href: "tel:XXX-XXX-XXXX"},
|
||||
{
|
||||
label: "Email: info@prizmhvac.com", href: "mailto:info@prizmhvac.com"},
|
||||
{
|
||||
label: "Hours: Mon-Fri, 8 AM - 5 PM", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={footerColumns}
|
||||
logoText="Prizm Heating & Ventilation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
156
src/app/services/page.tsx
Normal file
156
src/app/services/page.tsx
Normal file
@@ -0,0 +1,156 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import { Activity, Cloud, CookingPot, Home, Wind } from "lucide-react";
|
||||
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLarge"
|
||||
background="noise"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<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: "Contact", id: "#contact"
|
||||
}
|
||||
]}
|
||||
brandName="Prizm Heating & Ventilation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Heat Pump Install Support", description: "Expert ducting, venting, and airflow solutions that help your heat pump system perform beautifully.", icon: Activity,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-heat-pump-outside-home_23-2149250263.jpg", imageAlt: "Outdoor heat pump unit"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-working-with-equipment-full-shot_23-2148921408.jpg", imageAlt: "Indoor air handler unit"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Ductwork Installation & Replacement", description: "Custom ductwork designed for comfort, efficiency, and a clean fit within the realities of your home.", icon: Wind,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281313.jpg", imageAlt: "New ductwork in attic"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388952.jpg", imageAlt: "Flexible ductwork in crawlspace"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Home Ventilation", description: "Fresh air systems, ERVs, air handlers, and exhaust solutions that improve comfort and indoor air quality.", icon: Cloud,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388960.jpg", imageAlt: "Home ERV unit"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281304.jpg", imageAlt: "Modern residential air handler"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Kitchen Venting & Hood Fan Installation", description: "Clean, efficient venting installations completed with care and attention to detail.", icon: CookingPot,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-breakfast-home_657883-479.jpg", imageAlt: "Modern kitchen hood fan"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-opening-kitchen-hoods_23-2147810080.jpg", imageAlt: "Technician installing kitchen hood vent"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Renovation & Retrofit Work", description: "Thoughtful solutions for older homes, attics, crawlspaces, and renovation projects with real-world constraints.", icon: Home,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207747.jpg", imageAlt: "HVAC installation during older home renovation"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ventilation-system_23-2149388990.jpg", imageAlt: "Technician working on HVAC in an attic"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Specialized heating and ventilation services"
|
||||
description="Prizm Heating & Ventilation provides residential ductwork, ventilation, and heat pump support services for homeowners across Greater Victoria. Every installation is planned carefully, executed cleanly, and finished with attention to detail."
|
||||
buttons={[
|
||||
{
|
||||
text: "See All Services", href: "/services"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Services", href: "/services"},
|
||||
{
|
||||
label: "About", href: "/about"},
|
||||
{
|
||||
label: "Reviews", href: "#reviews"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Greater Victoria, BC", href: "#"},
|
||||
{
|
||||
label: "Phone: (XXX) XXX-XXXX", href: "tel:XXX-XXX-XXXX"},
|
||||
{
|
||||
label: "Email: info@prizmhvac.com", href: "mailto:info@prizmhvac.com"},
|
||||
{
|
||||
label: "Hours: Mon-Fri, 8 AM - 5 PM", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Prizm Heating & Ventilation"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user