bender/d98def18-fd85-421a-878a-74a7a39758ba
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 3 commits from version_1 into main 2026-03-10 20:35:34 +00:00
Conversation 0 Commits 3 Files Changed 3 +99 -175
3 changed files with 99 additions and 175 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
src/app/contact/page.tsx
View File

@@ -31,7 +31,7 @@ export default function ContactPage() {
borderRadius="pill"
contentWidth="compact"
sizing="mediumLargeSizeLargeTitles"
background="fluid"
background="circleGradient"
cardStyle="outline"
primaryButtonStyle="shadow"
secondaryButtonStyle="radial-glow"
@@ -42,9 +42,7 @@ export default function ContactPage() {
brandName="Tra Maintenance"
navItems={navItems}
button={{
text: "Request Service",
href: "#contact-cta",
}}
text: "Request Service", href: "#contact-cta"}}
/>
</div>
@@ -55,52 +53,32 @@ export default function ContactPage() {
tag="Expert HVAC Solutions"
tagIcon={Zap}
tagAnimation="slide-up"
background={{ variant: "fluid" }}
background={{ variant: "glowing-orb" }}
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/electrician-installing-laying-electrical-cables-ceiling-inside-house_169016-53087.jpg?_wi=3",
imageAlt: "HVAC technician installing air conditioner",
},
imageSrc: "http://img.b2bpic.net/free-photo/electrician-installing-laying-electrical-cables-ceiling-inside-house_169016-53087.jpg", imageAlt: "HVAC technician installing air conditioner"},
{
imageSrc: "http://img.b2bpic.net/free-photo/repairman-reconditioning-hvac-system_482257-80009.jpg?_wi=4",
imageAlt: "Professional AC installation",
},
imageSrc: "http://img.b2bpic.net/free-photo/repairman-reconditioning-hvac-system_482257-80009.jpg", imageAlt: "Professional AC installation"},
{
imageSrc: "http://img.b2bpic.net/free-photo/professional-looking-freon-levels_482257-90904.jpg?_wi=4",
imageAlt: "HVAC system replacement",
},
imageSrc: "http://img.b2bpic.net/free-photo/professional-looking-freon-levels_482257-90904.jpg", imageAlt: "HVAC system replacement"},
{
imageSrc: "http://img.b2bpic.net/free-photo/repairman-installing-condenser-close-up_482257-78541.jpg?_wi=3",
imageAlt: "HVAC maintenance service",
},
imageSrc: "http://img.b2bpic.net/free-photo/repairman-installing-condenser-close-up_482257-78541.jpg", imageAlt: "HVAC maintenance service"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-smartphone_23-2150652840.jpg?_wi=3",
imageAlt: "Smart thermostat installation",
},
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-smartphone_23-2150652840.jpg", imageAlt: "Smart thermostat installation"},
{
imageSrc: "http://img.b2bpic.net/free-photo/repairman-reconditioning-hvac-system_482257-80009.jpg?_wi=5",
imageAlt: "Professional installation work",
},
imageSrc: "http://img.b2bpic.net/free-photo/repairman-reconditioning-hvac-system_482257-80009.jpg", imageAlt: "Professional installation work"},
{
imageSrc: "http://img.b2bpic.net/free-photo/professional-looking-freon-levels_482257-90904.jpg?_wi=5",
imageAlt: "New HVAC system",
},
imageSrc: "http://img.b2bpic.net/free-photo/professional-looking-freon-levels_482257-90904.jpg", imageAlt: "New HVAC system"},
{
imageSrc: "http://img.b2bpic.net/free-photo/electrician-installing-laying-electrical-cables-ceiling-inside-house_169016-53087.jpg?_wi=4",
imageAlt: "Expert technician at work",
},
imageSrc: "http://img.b2bpic.net/free-photo/electrician-installing-laying-electrical-cables-ceiling-inside-house_169016-53087.jpg", imageAlt: "Expert technician at work"},
]}
buttons={[
{
text: "Request Service",
href: "#contact-cta",
},
text: "Request Service", href: "#contact-cta"},
{
text: "Get a Free Quote",
href: "#contact-cta",
},
text: "Get a Free Quote", href: "#contact-cta"},
]}
buttonAnimation="slide-up"
carouselPosition="right"
@@ -112,33 +90,19 @@ export default function ContactPage() {
ctaTitle="Ready to Improve Your Home's Comfort?"
ctaDescription="Schedule a service appointment or request a free quote today. Our team is ready to help."
ctaButton={{
text: "Schedule Service Now",
href: "#contact-form",
}}
text: "Schedule Service Now", href: "#contact-form"}}
ctaIcon={Phone}
useInvertedBackground={false}
animationType="slide-up"
faqs={[
{
id: "1",
title: "What areas do you service?",
content: "We serve the greater metropolitan area and surrounding regions. Contact us to confirm service availability for your location.",
},
id: "1", title: "What areas do you service?", content: "We serve the greater metropolitan area and surrounding regions. Contact us to confirm service availability for your location."},
{
id: "2",
title: "Do you offer financing options?",
content: "Yes, we work with several financing partners to help make HVAC upgrades affordable. Ask about available payment plans during your consultation.",
},
id: "2", title: "Do you offer financing options?", content: "Yes, we work with several financing partners to help make HVAC upgrades affordable. Ask about available payment plans during your consultation."},
{
id: "3",
title: "Are your technicians licensed and insured?",
content: "All our technicians are fully licensed, certified, and insured. You can trust us to work professionally and safely in your home.",
},
id: "3", title: "Are your technicians licensed and insured?", content: "All our technicians are fully licensed, certified, and insured. You can trust us to work professionally and safely in your home."},
{
id: "4",
title: "How long does an HVAC installation take?",
content: "Most installations take 4-8 hours depending on system complexity. We'll provide a timeline estimate before work begins.",
},
id: "4", title: "How long does an HVAC installation take?", content: "Most installations take 4-8 hours depending on system complexity. We'll provide a timeline estimate before work begins."},
]}
/>
</div>
@@ -150,19 +114,13 @@ export default function ContactPage() {
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com",
ariaLabel: "Facebook",
},
href: "https://facebook.com", ariaLabel: "Facebook"},
{
icon: Twitter,
href: "https://twitter.com",
ariaLabel: "Twitter",
},
href: "https://twitter.com", ariaLabel: "Twitter"},
{
icon: Linkedin,
href: "https://linkedin.com",
ariaLabel: "LinkedIn",
},
href: "https://linkedin.com", ariaLabel: "LinkedIn"},
]}
/>
</div>

138
src/app/page.tsx
View File

@@ -28,7 +28,7 @@ export default function HomePage() {
borderRadius="pill"
contentWidth="compact"
sizing="mediumLargeSizeLargeTitles"
background="fluid"
background="circleGradient"
cardStyle="outline"
primaryButtonStyle="shadow"
secondaryButtonStyle="radial-glow"
@@ -49,41 +49,33 @@ export default function HomePage() {
tag="Expert HVAC Solutions"
tagIcon={Zap}
tagAnimation="slide-up"
background={{ variant: "fluid" }}
background={{ variant: "glowing-orb" }}
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/electrician-installing-laying-electrical-cables-ceiling-inside-house_169016-53087.jpg?_wi=1",
imageAlt: "HVAC technician installing air conditioner"
imageSrc: "http://img.b2bpic.net/free-photo/electrician-installing-laying-electrical-cables-ceiling-inside-house_169016-53087.jpg", imageAlt: "HVAC technician installing air conditioner"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/repairman-reconditioning-hvac-system_482257-80009.jpg?_wi=1",
imageAlt: "Professional AC installation"
imageSrc: "http://img.b2bpic.net/free-photo/repairman-reconditioning-hvac-system_482257-80009.jpg", imageAlt: "Professional AC installation"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/professional-looking-freon-levels_482257-90904.jpg?_wi=1",
imageAlt: "HVAC system replacement"
imageSrc: "http://img.b2bpic.net/free-photo/professional-looking-freon-levels_482257-90904.jpg", imageAlt: "HVAC system replacement"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/repairman-installing-condenser-close-up_482257-78541.jpg?_wi=1",
imageAlt: "HVAC maintenance service"
imageSrc: "http://img.b2bpic.net/free-photo/repairman-installing-condenser-close-up_482257-78541.jpg", imageAlt: "HVAC maintenance service"
}
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-smartphone_23-2150652840.jpg?_wi=1",
imageAlt: "Smart thermostat installation"
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-smartphone_23-2150652840.jpg", imageAlt: "Smart thermostat installation"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/repairman-reconditioning-hvac-system_482257-80009.jpg?_wi=2",
imageAlt: "Professional installation work"
imageSrc: "http://img.b2bpic.net/free-photo/repairman-reconditioning-hvac-system_482257-80009.jpg", imageAlt: "Professional installation work"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/professional-looking-freon-levels_482257-90904.jpg?_wi=2",
imageAlt: "New HVAC system"
imageSrc: "http://img.b2bpic.net/free-photo/professional-looking-freon-levels_482257-90904.jpg", imageAlt: "New HVAC system"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/electrician-installing-laying-electrical-cables-ceiling-inside-house_169016-53087.jpg?_wi=2",
imageAlt: "Expert technician at work"
imageSrc: "http://img.b2bpic.net/free-photo/electrician-installing-laying-electrical-cables-ceiling-inside-house_169016-53087.jpg", imageAlt: "Expert technician at work"
}
]}
buttons={[
@@ -106,33 +98,56 @@ export default function HomePage() {
useInvertedBackground={false}
bulletPoints={[
{
title: "Professional Technicians",
description: "Our team of highly trained experts brings years of industry experience to every installation and repair.",
icon: Users
title: "Professional Technicians", description: "Our team of highly trained experts brings years of industry experience to every installation and repair.", icon: Users
},
{
title: "Extremely Clean Work",
description: "We maintain the highest standards of cleanliness while working in your home, protecting your space and peace of mind.",
icon: Sparkles
title: "Extremely Clean Work", description: "We maintain the highest standards of cleanliness while working in your home, protecting your space and peace of mind.", icon: Sparkles
},
{
title: "Excellent Customer Service",
description: "From the first call to project completion, we prioritize your satisfaction and address every concern.",
icon: Heart
title: "Excellent Customer Service", description: "From the first call to project completion, we prioritize your satisfaction and address every concern.", icon: Heart
},
{
title: "Expert Education",
description: "We take time to explain new systems, help with smart thermostat setup, and ensure you understand how everything works.",
icon: BookOpen
title: "Expert Education", description: "We take time to explain new systems, help with smart thermostat setup, and ensure you understand how everything works.", icon: BookOpen
}
]}
imageSrc="http://img.b2bpic.net/free-photo/person-taking-care-office-cleaning_23-2149374430.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/person-taking-care-office-cleaning_23-2149374430.jpg"
imageAlt="Professional clean installation work"
imagePosition="right"
mediaAnimation="slide-up"
/>
</div>
<div id="services" data-section="services">
<FeatureCardSeven
title="Our HVAC Services"
description="Comprehensive heating and cooling solutions tailored to your home's needs."
tag="Services"
tagIcon={Wrench}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
features={[
{
id: 1,
title: "Air Conditioner Installation", description: "Professional AC system installation with expert setup, proper sizing, and optimal performance. We ensure your new unit is installed correctly for maximum efficiency and comfort.", imageSrc: "http://img.b2bpic.net/free-photo/repairman-reconditioning-hvac-system_482257-80009.jpg", imageAlt: "AC installation service"
},
{
id: 2,
title: "HVAC System Replacement", description: "Upgrade old heating and cooling systems to efficient new units. We handle the entire process from removal to installation, ensuring a smooth transition to better performance.", imageSrc: "http://img.b2bpic.net/free-photo/professional-looking-freon-levels_482257-90904.jpg", imageAlt: "HVAC system replacement"
},
{
id: 3,
title: "Smart Thermostat Installation", description: "Installation and Wi-Fi setup for smart thermostats. We configure your device and ensure you're comfortable controlling your home's temperature from anywhere.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-smartphone_23-2150652840.jpg", imageAlt: "Smart thermostat installation"
},
{
id: 4,
title: "Preventative Maintenance", description: "Regular maintenance to keep systems running efficiently and prevent costly breakdowns. Scheduled service ensures your HVAC operates at peak performance year-round.", imageSrc: "http://img.b2bpic.net/free-photo/repairman-installing-condenser-close-up_482257-78541.jpg", imageAlt: "Preventative maintenance service"
}
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
title="Proven Track Record"
@@ -146,24 +161,16 @@ export default function HomePage() {
gridVariant="uniform-all-items-equal"
metrics={[
{
id: "1",
value: "500+",
description: "Satisfied Customers"
id: "1", value: "500+", description: "Satisfied Customers"
},
{
id: "2",
value: "15+ Years",
description: "Industry Experience"
id: "2", value: "15+ Years", description: "Industry Experience"
},
{
id: "3",
value: "98%",
description: "Customer Satisfaction"
id: "3", value: "98%", description: "Customer Satisfaction"
},
{
id: "4",
value: "24/7",
description: "Emergency Service"
id: "4", value: "24/7", description: "Emergency Service"
}
]}
/>
@@ -176,20 +183,16 @@ export default function HomePage() {
author="Sarah Thompson, Homeowner"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-successful-businessman-thinking-posing-beige-wall_176420-144.jpg",
alt: "Sarah Thompson"
src: "http://img.b2bpic.net/free-photo/young-successful-businessman-thinking-posing-beige-wall_176420-144.jpg", alt: "Sarah Thompson"
},
{
src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
alt: "Michael Chen"
src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", alt: "Michael Chen"
},
{
src: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-posing_23-2149429384.jpg",
alt: "Emily Rodriguez"
src: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-posing_23-2149429384.jpg", alt: "Emily Rodriguez"
},
{
src: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businessman-posing-looking-camera_1163-4800.jpg",
alt: "David Kim"
src: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businessman-posing-looking-camera_1163-4800.jpg", alt: "David Kim"
}
]}
ratingAnimation="slide-up"
@@ -202,34 +205,22 @@ export default function HomePage() {
<FaqSplitText
faqs={[
{
id: "1",
title: "How often should I have my HVAC system serviced?",
content: "We recommend professional maintenance twice a year - once before the heating season and once before the cooling season. Regular maintenance helps prevent breakdowns, improves efficiency, and extends system life."
id: "1", title: "How often should I have my HVAC system serviced?", content: "We recommend professional maintenance twice a year - once before the heating season and once before the cooling season. Regular maintenance helps prevent breakdowns, improves efficiency, and extends system life."
},
{
id: "2",
title: "What signs indicate I need a new AC unit?",
content: "Consider replacement if your unit is over 10-15 years old, requires frequent repairs, has refrigerant leaks, or isn't cooling effectively. New systems are more efficient and can significantly reduce energy costs."
id: "2", title: "What signs indicate I need a new AC unit?", content: "Consider replacement if your unit is over 10-15 years old, requires frequent repairs, has refrigerant leaks, or isn't cooling effectively. New systems are more efficient and can significantly reduce energy costs."
},
{
id: "3",
title: "Can you help me set up my smart thermostat?",
content: "Absolutely! We provide complete smart thermostat installation and Wi-Fi setup. Our technicians will ensure it's properly configured and teach you how to use all its features for maximum comfort and savings."
id: "3", title: "Can you help me set up my smart thermostat?", content: "Absolutely! We provide complete smart thermostat installation and Wi-Fi setup. Our technicians will ensure it's properly configured and teach you how to use all its features for maximum comfort and savings."
},
{
id: "4",
title: "Do you offer emergency HVAC services?",
content: "Yes, we provide 24/7 emergency HVAC services. Whether it's a sudden breakdown in winter or a cooling failure in summer, we're here to get your system back up and running quickly."
id: "4", title: "Do you offer emergency HVAC services?", content: "Yes, we provide 24/7 emergency HVAC services. Whether it's a sudden breakdown in winter or a cooling failure in summer, we're here to get your system back up and running quickly."
},
{
id: "5",
title: "How can I improve my HVAC system's efficiency?",
content: "Regular maintenance, changing air filters monthly, upgrading to a smart thermostat, sealing air leaks, and ensuring proper insulation are all excellent ways to improve efficiency and reduce energy costs."
id: "5", title: "How can I improve my HVAC system's efficiency?", content: "Regular maintenance, changing air filters monthly, upgrading to a smart thermostat, sealing air leaks, and ensuring proper insulation are all excellent ways to improve efficiency and reduce energy costs."
},
{
id: "6",
title: "What's included in your preventative maintenance program?",
content: "Our maintenance includes system inspection, filter replacement, refrigerant checks, coil cleaning, electrical connection inspection, and performance testing to ensure optimal operation."
id: "6", title: "What's included in your preventative maintenance program?", content: "Our maintenance includes system inspection, filter replacement, refrigerant checks, coil cleaning, electrical connection inspection, and performance testing to ensure optimal operation."
}
]}
sideTitle="Frequently Asked Questions About HVAC Services"
@@ -248,18 +239,15 @@ export default function HomePage() {
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com",
ariaLabel: "Facebook"
href: "https://facebook.com", ariaLabel: "Facebook"
},
{
icon: Twitter,
href: "https://twitter.com",
ariaLabel: "Twitter"
href: "https://twitter.com", ariaLabel: "Twitter"
},
{
icon: Linkedin,
href: "https://linkedin.com",
ariaLabel: "LinkedIn"
href: "https://linkedin.com", ariaLabel: "LinkedIn"
}
]}
/>

52
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,29 @@
"use client";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
import React from 'react';
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
text: string;
className?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
export const SvgTextLogo: React.FC<SvgTextLogoProps> = ({ text, className = '' }) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
viewBox="0 0 200 60"
className={`w-auto h-8 ${className}`}
aria-label={text}
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
x="10"
y="45"
fontSize="36"
fontWeight="bold"
fill="currentColor"
dominantBaseline="middle"
>
{logoText}
{text}
</text>
</svg>
);
});
};
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
export default SvgTextLogo;