bender/74d643b4-8633-4b25-959c-17e5f8df67e5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 2 commits from version_2 into main 2026-05-07 23:24:26 +00:00
Conversation 0 Commits 2 Files Changed 2 +83 -107
2 changed files with 83 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

176
src/app/page.tsx
View File

@@ -2,35 +2,33 @@
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { ShieldCheck, Wrench, DollarSign, Phone } from "lucide-react";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
import SplitAbout from "@/components/sections/about/SplitAbout";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { ShieldCheck, Wrench, Zap, Target, ClipboardCheck, ArrowRight } from "lucide-react";
export default function HvacPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="aurora"
background="grid"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
secondaryButtonStyle="solid"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
<NavbarLayoutFloatingOverlay
brandName="EW Services"
navItems={[
{ name: "Services", id: "services" },
@@ -39,52 +37,67 @@ export default function HvacPage() {
{ name: "Contact", id: "contact" },
]}
button={{ text: "Get a Quote", href: "#contact" }}
animateOnLoad={false}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="Industrial HVAC & Refrigeration Excellence"
description="EW Services delivers expert engineering, climate control, and industrial maintenance solutions tailored to your business infrastructure."
<HeroSplitKpi
title="Seamless Industrial Integration"
description="EW Services streamlines your facility infrastructure, providing expert climate control and maintenance through precision engineering and data-driven execution."
background={{ variant: "animated-grid" }}
kpis={[
{ value: "20+", label: "Years of Experience" },
{ value: "100%", label: "Compliance Rate" },
{ value: "24/7", label: "Emergency Support" }
]}
enableKpiAnimation={true}
buttons={[
{ text: "Our Solutions", href: "#services" },
{ text: "Contact Us", href: "#contact" },
{ text: "Contact Us", href: "#contact" }
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-smart-factory-team-leader-workers-analyzing-data_482257-126207.jpg"
imageAlt="Industrial cooling infrastructure"
showDimOverlay={true}
imageSrc="http://img.b2bpic.net/free-photo/industrial-plant-workers_482257-126207.jpg"
imageAlt="Industrial engineering"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
tag="About EW Services"
<SplitAbout
title="Engineering Reliable Climate Control"
description="With decades of experience in the HVAC and industrial sector, EW Services combines engineering precision with hands-on technical expertise. We solve complex climate and refrigeration challenges with efficiency and innovation."
metrics={[
{ value: "20+ Years", title: "Industry Expertise" },
{ value: "100%", title: "Technical Compliance" },
bulletPoints={[
{ title: "Precision Engineering", description: "Tailored designs for your specific infrastructure needs.", icon: Target },
{ title: "System Integration", description: "Seamless implementation of new and existing components.", icon: Zap },
{ title: "Safety Standards", description: "Highest level of technical compliance and operational safety.", icon: ShieldCheck }
]}
imageSrc="http://img.b2bpic.net/free-photo/engineer-examining-blueprint_23-2152006093.jpg"
imageAlt="Professional engineering services"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
imagePosition="left"
textboxLayout="split"
useInvertedBackground={false}
/>
</div>
<div id="services" data-section="services">
<FeatureCardOne
<FeatureCardTwentySix
title="Our Specialized Services"
description="Comprehensive industrial maintenance and climate control for your facility."
buttons={[{ text: "Request Service", href: "#contact" }]}
features={[
{ title: "Industrial HVAC", description: "Large-scale climate control systems for industrial plants and corporate facilities.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281319.jpg" },
{ title: "Refrigeration Systems", description: "High-performance refrigeration solutions for storage and processing needs.", imageSrc: "http://img.b2bpic.net/free-photo/hospital-lab-station-with-sterile-vials-glass-flasks-metallic-shelves_482257-124186.jpg" },
{ title: "Facility Maintenance", description: "Preventative and corrective maintenance to ensure maximum system uptime.", imageSrc: "http://img.b2bpic.net/free-photo/man-safety-equipment-his-workplace_23-2148976363.jpg" },
{ title: "Engineering Projects", description: "Custom infrastructure design and implementation tailored to unique requirements.", imageSrc: "http://img.b2bpic.net/free-photo/architecture-expert-person-looking-maquette_482257-12294.jpg" }
{ title: "Industrial HVAC", description: "High-scale climate control systems for industrial plants.", buttonIcon: ArrowRight, buttonHref: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281319.jpg" },
{ title: "Refrigeration Systems", description: "Performance refrigeration solutions for storage.", buttonIcon: ArrowRight, buttonHref: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/hospital-lab-station-with-sterile-vials-glass-flasks-metallic-shelves_482257-124186.jpg" },
{ title: "Facility Maintenance", description: "Preventative maintenance for maximum system uptime.", buttonIcon: ArrowRight, buttonHref: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/man-safety-equipment-his-workplace_23-2148976363.jpg" },
{ title: "Project Consulting", description: "Custom infrastructure design and implementation.", buttonIcon: ArrowRight, buttonHref: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/architecture-expert-person-looking-maquette_482257-12294.jpg" }
]}
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
title="Client Success Stories"
description="Proven results in industrial maintenance and HVAC excellence."
testimonials={[
{ id: "1", name: "Engineering Director", role: "Director", company: "Manufacturing Sector", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg" },
{ id: "2", name: "Operations Manager", role: "Manager", company: "Storage Logistics", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/factory-inspector-suit-monitoring-solar-panel-production-output_482257-125982.jpg" },
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
@@ -93,80 +106,43 @@ export default function HvacPage() {
/>
</div>
<FeatureBorderGlow
title="Why Partner With Us"
description="We focus on technical excellence and operational safety."
features={[
{ icon: ShieldCheck, title: "Certified Safety", description: "Strict adherence to global safety and engineering standards." },
{ icon: Wrench, title: "Technical Precision", description: "Advanced diagnostic equipment and expert methodology." },
{ icon: DollarSign, title: "Cost Efficiency", description: "Optimized performance to reduce energy and maintenance costs." },
]}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={true}
/>
<FeatureCardEight
title="Our Workflow"
description="Structured approach for guaranteed quality delivery."
features={[
{ title: "Site Assessment", description: "Detailed audit of your existing infrastructure.", imageSrc: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-42833.jpg" },
{ title: "Engineering Design", description: "Customizing solutions to fit your unique operational needs.", imageSrc: "http://img.b2bpic.net/free-photo/image-engineering-objects-workplace-top-view-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-500.jpg" },
{ title: "Implementation", description: "Professional installation by certified technical staff.", imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24584.jpg" },
{ title: "Ongoing Support", description: "Regular inspections and rapid-response maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/electrician-overalls-focused-work-switchboard-with-fuses-using-tablet_169016-66697.jpg" },
]}
textboxLayout="default"
useInvertedBackground={false}
/>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
title="Client Success Stories"
description="Proven results in industrial maintenance and HVAC excellence."
testimonials={[
{ id: "1", name: "Engineering Director", handle: "Manufacturing Sector", testimonial: "EW Services transformed our plant cooling systems. Their technical expertise is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg" },
{ id: "2", name: "Operations Manager", handle: "Storage Logistics", testimonial: "Reliable, safe, and efficient. They managed our refrigeration upgrade flawlessly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/factory-inspector-suit-monitoring-solar-panel-production-output_482257-125982.jpg" },
]}
showRating={true}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
sideTitle="Frequently Asked Questions"
sideDescription="Get the technical answers you need."
buttons={[{ text: "Contact Expert", href: "#contact" }]}
faqsAnimation="slide-up"
useInvertedBackground={false}
<FaqSplitMedia
title="Frequently Asked Questions"
description="Get the technical answers you need."
faqs={[
{ id: "1", title: "Do you provide support for industrial plants?", content: "Yes, we specialize in high-load industrial HVAC and large-scale refrigeration systems." },
{ id: "2", title: "Can you handle custom engineering?", content: "Absolutely. Our team designs custom solutions to integrate perfectly with your existing facility." },
{ id: "3", title: "Are you certified for safety?", content: "Yes, we maintain the highest industry safety certifications to ensure compliant facility operation." },
{ id: "1", title: "Do you provide support for industrial plants?", content: "Yes, we specialize in high-load industrial HVAC systems." },
{ id: "2", title: "Can you handle custom engineering?", content: "Absolutely. We tailor designs to fit your facility requirements." },
{ id: "3", title: "Are you certified for safety?", content: "Yes, we maintain the highest industry safety certifications." },
]}
faqsAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24584.jpg"
mediaPosition="right"
useInvertedBackground={true}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Get In Touch"
<ContactSplitForm
title="Let's Discuss Your Project"
description="Schedule an expert consultation with our engineering team today."
buttons={[{ text: "Send Request", href: "#contact" }]}
background={{ variant: "radial-gradient" }}
useInvertedBackground={true}
description="Schedule an expert consultation with our team."
inputs={[
{ name: "name", type: "text", placeholder: "Full Name" },
{ name: "email", type: "email", placeholder: "Work Email" }
]}
textarea={{ name: "message", placeholder: "Project requirements..." }}
imageSrc="http://img.b2bpic.net/free-photo/empty-corridor-modern-airport_1359-1139.jpg"
mediaPosition="left"
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
<FooterBaseReveal
logoText="EW Services"
imageSrc="http://img.b2bpic.net/free-photo/empty-corridor-modern-airport_1359-1139.jpg"
columns={[
{ title: "Solutions", items: [{ label: "HVAC Maintenance", href: "#" }, { label: "Refrigeration", href: "#" }] },
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#" }] },
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#contact" }] },
]}
copyrightText="© 2025 | EW Services"
/>
@@ -174,4 +150,4 @@ export default function HvacPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f8fafc;
--card: #ffffff;
--foreground: #0f172a;
--primary-cta: #1d4ed8;
--background: #f5faff;
--card: #f1f8ff;
--foreground: #001122;
--primary-cta: #15479c;
--primary-cta-text: #ffffff;
--secondary-cta: #e0e7ff;
--secondary-cta: #ffffff;
--secondary-cta-text: #1e3a5f;
--accent: #3b82f6;
--background-accent: #60a5fa;
--accent: #a8cce8;
--background-accent: #7ba3cf;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);