Merge version_2 into main #3

Merged
bender merged 3 commits from version_2 into main 2026-05-01 16:14:10 +00:00
3 changed files with 69 additions and 44 deletions

View File

@@ -4,21 +4,32 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FooterBase from '@/components/sections/footer/FooterBase';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
export default function AboutPage() {
return (
<ThemeProvider>
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ReactLenis root>
<NavbarStyleCentered navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/services" }, { name: "Team", id: "/team" }, { name: "Contact", id: "/contact" }]} brandName="USA HVAC & Plumbing" />
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="About Our Company"
description="We have been providing expert HVAC and plumbing services across the USA for decades, committed to quality and home comfort."
imageSrc="http://img.b2bpic.net/free-photo/male-female-workers-wearing-work-clothes_273609-11327.jpg?_wi=1"
/>
<FooterBase columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Team", href: "/team" }] }, { title: "Support", items: [{ label: "Contact", href: "/contact" }] }]} logoText="USA HVAC & Plumbing" />
<div id="nav" data-section="nav">
<NavbarStyleCentered navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/services" }, { name: "Team", id: "/team" }, { name: "Contact", id: "/contact" }]} />
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="About Our Company"
description="We have been providing expert HVAC and plumbing services across the USA for decades, committed to quality and home comfort."
imageSrc="http://img.b2bpic.net/free-photo/male-female-workers-wearing-work-clothes_273609-11327.jpg?_wi=1"
bulletPoints={[
{ title: "Expert Service", description: "Decades of professional experience." },
{ title: "Customer Focused", description: "Dedicated to your comfort and satisfaction." }
]}
mediaAnimation="none"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal logoText="USA HVAC & Plumbing" leftLink={{ text: "Privacy Policy", href: "/privacy" }} rightLink={{ text: "Contact", href: "/contact" }} />
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -3,26 +3,33 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterBase from '@/components/sections/footer/FooterBase';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
export default function ServicesPage() {
return (
<ThemeProvider>
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ReactLenis root>
<NavbarStyleCentered navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/services" }, { name: "Team", id: "/team" }, { name: "Contact", id: "/contact" }]} brandName="USA HVAC & Plumbing" />
<FeatureCardSeven
title="Our Expert Services"
description="Comprehensive solutions for every home comfort need."
animationType="slide-up"
textboxLayout="default"
features={[
{ title: "Plumbing Repair", description: "Comprehensive leak detection and faucet repairs." },
{ title: "HVAC Installation", description: "Setting up high-efficiency heating and cooling units." },
{ title: "System Maintenance", description: "Preventive care to ensure longevity and efficiency." }
]}
/>
<FooterBase columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Team", href: "/team" }] }, { title: "Support", items: [{ label: "Contact", href: "/contact" }] }]} logoText="USA HVAC & Plumbing" />
<div id="nav" data-section="nav">
<NavbarStyleCentered navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/services" }, { name: "Team", id: "/team" }, { name: "Contact", id: "/contact" }]} />
</div>
<div id="features" data-section="features">
<FeatureHoverPattern
title="Our Expert Services"
description="Comprehensive solutions for every home comfort need."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Plumbing Repair", description: "Comprehensive leak detection and faucet repairs." },
{ title: "HVAC Installation", description: "Setting up high-efficiency heating and cooling units." },
{ title: "System Maintenance", description: "Preventive care to ensure longevity and efficiency." }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal logoText="USA HVAC & Plumbing" leftLink={{ text: "Privacy Policy", href: "/privacy" }} rightLink={{ text: "Contact", href: "/contact" }} />
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -3,27 +3,34 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import FooterBase from '@/components/sections/footer/FooterBase';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
export default function TeamPage() {
return (
<ThemeProvider>
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ReactLenis root>
<NavbarStyleCentered navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/services" }, { name: "Team", id: "/team" }, { name: "Contact", id: "/contact" }]} brandName="USA HVAC & Plumbing" />
<TeamCardTwo
title="Our Expert Team"
description="Meet the certified professionals dedicated to your home comfort."
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
members={[
{ id: "1", name: "John Doe", role: "Master Plumber", description: "Over 15 years of experience in residential plumbing." },
{ id: "2", name: "Jane Smith", role: "HVAC Technician", description: "Specialist in high-efficiency cooling systems." },
{ id: "3", name: "Mike Ross", role: "Lead Technician", description: "Expert in emergency diagnostic and repair services." }
]}
/>
<FooterBase columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Team", href: "/team" }] }, { title: "Support", items: [{ label: "Contact", href: "/contact" }] }]} logoText="USA HVAC & Plumbing" />
<div id="nav" data-section="nav">
<NavbarStyleCentered navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/services" }, { name: "Team", id: "/team" }, { name: "Contact", id: "/contact" }]} />
</div>
<div id="team" data-section="team">
<TeamCardSix
title="Our Expert Team"
description="Meet the certified professionals dedicated to your home comfort."
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
members={[
{ id: "1", name: "John Doe", role: "Master Plumber" },
{ id: "2", name: "Jane Smith", role: "HVAC Technician" },
{ id: "3", name: "Mike Ross", role: "Lead Technician" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal logoText="USA HVAC & Plumbing" leftLink={{ text: "Privacy Policy", href: "/privacy" }} rightLink={{ text: "Contact", href: "/contact" }} />
</div>
</ReactLenis>
</ThemeProvider>
);