Yusuf-Sabuwala/promist
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

final

Browse Source
This commit is contained in:
Yusuf Sabuwala
2026-08-07 17:19:57 +00:00
parent 08816695c9
commit 4375781521
9 changed files with 67 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/routes/__root.tsx
View File

@@ -174,7 +174,7 @@ function Header() {
return (
<header className="sticky top-0 z-50 bg-background/95 backdrop-blur border-b">
<div className="container-page flex items-center justify-between h-20">
<div className="container-page flex items-center justify-center gap-6 h-20">
<Link to="/" className="flex items-center shrink-0">
<img src="/promist-logo.png" alt="Promist" className="h-10 w-auto" />
</Link>
@@ -195,6 +195,9 @@ function Header() {
),
)}
</nav>
<a href="https://profen.openexplorer.xyz" target="_blank" rel="noopener noreferrer" className="hidden lg:block shrink-0" aria-label="Profen Engineering">
<img src="/profen-logo.png" alt="Profen Engineering" className="h-9 w-auto" />
</a>
<button
onClick={() => setOpen((v) => !v)}
className="lg:hidden inline-flex items-center justify-center h-10 w-10 rounded-md border"
@@ -297,6 +300,7 @@ function Footer() {
<div className="container-page py-5 text-xs text-muted-foreground flex flex-wrap justify-between gap-2">
<span>&copy; 2026 Promist Misting Systems. All rights reserved.</span>
<span>Humidity and Control</span>
<span className="w-full text-center pt-1">Maintained and built by OpenXpert Solutions LLC.</span>
</div>
</div>
</footer>

35
src/routes/index.tsx
View File

@@ -8,7 +8,7 @@ export const Route = createFileRoute("/")({
head: () => ({
meta: [
{ title: "Promist — High-Pressure Misting for Cooling & Humidity" },
{ name: "description", content: "Turnkey misting systems for outdoor cooling, humidification, dust suppression, sanitization and special effects. Manufactured in the UAE since 1979." },
{ name: "description", content: "Turnkey misting systems for outdoor cooling, humidification, dust suppression and special effects. Manufactured in the UAE since 1979." },
{ property: "og:title", content: "Promist — Humidity and Control" },
{ property: "og:description", content: "Misting systems for cooling, humidification and dust suppression." },
],
@@ -18,7 +18,6 @@ export const Route = createFileRoute("/")({
const IMG = {
nozzle: "/wp-uploads/2020/04/banner-sanitz.jpg",
booth: "/wp-uploads/2020/04/image-002.png",
humid: "/wp-uploads/2016/03/humidification-misting.jpg",
commercial: "/wp-uploads/2016/03/commercial-misting.jpg",
industrial: "/wp-uploads/2016/03/industrial-misting.jpg",
@@ -30,11 +29,11 @@ const IMG = {
const SLIDES = [
{
img: "/slide-sanitization.jpg",
title: "Sanitization Booth",
subtitle: "A turnkey solution for your disinfectant needs — engineered for continuous public use.",
cta: "View details",
ctaTo: "/products/sanitization-booth",
img: "/wp-uploads/2017/04/nozzle-banner1.jpg",
title: "Misting Solutions",
subtitle: "Turnkey high-pressure misting for outdoor cooling, humidification, dust suppression and special effects — engineered in the UAE since 1979.",
cta: "Discover solutions",
ctaTo: "/misting-technology",
},
{
img: "/slide-residential.jpg",
@@ -180,23 +179,23 @@ function Home() {
{/* HERO SLIDER */}
<HeroSlider />
{/* SANITIZATION BOOTH FEATURE */}
{/* HIGH-PRESSURE MISTING SOLUTIONS FEATURE */}
<section className="bg-muted/40 py-24 border-y">
<div className="container-page grid lg:grid-cols-2 gap-14 items-center">
<div>
<span className="rule-blue" />
<h2 className="mt-4 font-display text-4xl md:text-5xl font-black">Sanitization Booth</h2>
<h2 className="mt-4 font-display text-4xl md:text-5xl font-black">High-Pressure Misting Solutions</h2>
<p className="mt-4 text-muted-foreground max-w-lg">
A turnkey solution for your disinfectant needs — engineered for continuous public use.
From residential patios to industrial facilities, our high-pressure misting systems cool the air, control humidity, suppress dust and elevate spaces — designed, built and installed in the UAE since 1979.
</p>
<ul className="mt-8 grid sm:grid-cols-2 gap-x-8 gap-y-4 text-sm">
{[
"Transparent plastic cover with aluminium structure",
"Electric control panel",
"Optimised water consumption",
"Reflective sensor",
"Outdoor cooling up to 45°C and beyond",
"Industrial & commercial humidification",
"Dust suppression & air filtration",
"Special effects for events & landscapes",
"Custom system design & installation",
"12-month warranty from installation",
"234 × 110 × 238 cm",
].map((f) => (
<li key={f} className="flex gap-3 border-b border-dashed pb-3">
<span className="text-brand-red font-black">/</span>
@@ -204,12 +203,12 @@ function Home() {
</li>
))}
</ul>
<Link to="/products/sanitization-booth" className="mt-8 inline-flex items-center gap-2 bg-brand-blue text-white px-6 py-3 rounded-md text-sm font-semibold hover:opacity-90">
View details <ArrowUpRight className="h-4 w-4" />
<Link to="/misting-technology" className="mt-8 inline-flex items-center gap-2 bg-brand-blue text-white px-6 py-3 rounded-md text-sm font-semibold hover:opacity-90">
Discover solutions <ArrowUpRight className="h-4 w-4" />
</Link>
</div>
<div>
<img src={IMG.booth} alt="Sanitization Booth" className="w-full max-h-[560px] object-contain" />
<img src="/wp-uploads/2017/04/commercial.jpg" alt="Misting Solutions" className="w-full max-h-[560px] object-contain" />
</div>
</div>
</section>