// homepage.jsx — Lonetti homepage, all 8 sections // Loaded after shared.jsx and product-art.jsx. const PRODUCTS = [ { name: "Prover Tanks", tag: "50L – 5,000L+", desc: "Stainless steel volumetric vessels for flow meter calibration and custody transfer.", art: "tank", photo: LONETTI_PHOTOS.proverTank, href: "prover-tanks.html" }, { name: "Test Measures", tag: "1L – 50L", desc: "Handheld calibration cans for field verification of fuel dispensers and meters.", art: "measure",photo: LONETTI_PHOTOS.testMeasure_polished,href: "test-measures.html" }, { name: "Water Draw Systems", tag: "Pipe provers", desc: "Complete waterdraw rigs for gravimetric and volumetric pipe prover calibration.", art: "water", photo: LONETTI_PHOTOS.waterDraw, href: "water-draw-systems.html" }, { name: "Tanker Truck Towers", tag: "Multi-tier", desc: "Multi-tank tower systems for tanker and cistern vehicle verification.", art: "tower", photo: LONETTI_PHOTOS.tankerTower, href: "tanker-truck-calibration-towers.html" }, { name: "Calibration Test Benches",tag: "Fixed / mobile", desc: "Custom fixed or mobile setups for laboratory and workshop meter verification.", art: "bench", photo: LONETTI_PHOTOS.testBench, href: "calibration-test-benches.html" }, { name: "MINILAB® Vans", tag: "Mobile lab", desc: "Self-contained mobile calibration laboratories built into a van. Traceable, anywhere.", art: "lab", photo: LONETTI_PHOTOS.minilab, href: "minilab.html" }, ]; const ART_MAP = { tank: ProverTankArt, measure: TestMeasureArt, water: WaterDrawArt, tower: TankerTowerArt, bench: TestBenchArt, lab: MinilabArt, }; const INDUSTRIES = [ { name: "Oil & Gas", blurb: "Custody transfer, fiscal metering, and API MPMS compliance for refineries and terminals.", icon: "factory", n: "01", href: "/industry-oil-gas.html" }, { name: "Chemical Processing", blurb: "Process calibration in 304/316 stainless steel for aggressive and corrosive liquids.", icon: "droplet", n: "02", href: "/industry-chemical.html" }, { name: "Water & Utilities", blurb: "Bulk water measurement verification for public utilities and treatment plants.", icon: "droplet", n: "03", href: "/industry-water-utilities.html" }, { name: "Government Metrology", blurb: "Reference standards and field equipment for national weights & measures agencies.", icon: "seal", n: "04", href: "/industry-government-metrology.html" }, ]; const WHY = [ { title: "Custom Manufacturing", n: "01", body: "Every Lonetti tank is built to your exact specifications. Any capacity, any geometry, any standard." }, { title: "OIML & API Compliance", n: "02", body: "All products meet OIML R117, API MPMS Ch. 4.4, and NIST Handbook 105-3 requirements." }, { title: "Global Shipping", n: "03", body: "We export to 47 countries — full crating, certificates of origin, and freight coordination included." }, { title: "Traceable Certification", n: "04", body: "Calibration certificates issued in coordination with INTI, traceable to international standards." }, ]; const CERTS = ["OIML", "API MPMS", "INTI", "INMETRO", "ISO 9001", "NIST"]; const BLOG = [ { tag: "Buyer's guide", date: "Apr 28, 2026", read: "9 min", title: "How to Select the Right Prover Tank: A Complete Buyer's Guide", excerpt: "Capacity, accuracy class, material specification, and certification — the four decisions that determine whether your prover tank will serve a custody-transfer application." }, { tag: "Technical", date: "Apr 14, 2026", read: "12 min", title: "API MPMS Chapter 4.4 Explained: What Operators Need to Know", excerpt: "The chapter governing tank prover construction, calibration, and use — translated from standard-speak into practical operator guidance." }, { tag: "Comparison", date: "Mar 30, 2026", read: "7 min", title: "Water Draw vs. Volumetric Proving: Key Differences", excerpt: "When to use each method, and which Lonetti equipment supports both — written for refinery measurement engineers and meter shop technicians." }, ]; /* ─── Hero ──────────────────────────────────────────────────────────── */ function Hero({ heroVariant }) { return (
{/* Full-bleed background photo (only for "photo" variant) */} {heroVariant === "photo" && (
Lonetti prover tank on wheels {/* Cinematic gradient — heavy left, fading right */}
{/* Bottom fade so trust bar reads cleanly */}
)}
{/* Top status row */}
Exporting worldwide Cat. 2026 · Rev 04
{heroVariant === "split" && } {heroVariant === "photo" && } {heroVariant === "diagram" && } {heroVariant === "asymmetric" && }
{/* Trust bar */}
{[ { stat: "1960", label: "Founded in Buenos Aires" }, { stat: "47", label: "Countries served worldwide" }, { stat: "OIML", label: "R117 / API MPMS certified" }, { stat: "304 SS", label: "Standard construction material" }, ].map((s, i) => (
{s.stat}
{s.label}
))}
); } function HeroCopy() { return ( <>
Precision instruments · Est. 1960

Precision liquid calibration equipment since 1960.

Prover tanks · Test measures · Water draw systems · Calibration towers · Test benches · MINILAB® vans — built to OIML R117 & API MPMS standards, exported to 47 countries.

Request a Quote View Products
); } /* Hero variant — split layout (default): copy left, photo right */ function HeroSplit() { return (
); } /* Hero variant — full photo (background handled by parent section) */ function HeroPhoto() { return (
); } /* Hero variant — engineering diagram on the right */ function HeroDiagram() { return (
{/* Engineering callouts */}
SIGHT GLASS
304 SS BODY
DRAIN VALVE
); } /* Hero variant — asymmetric, big wordmark style */ function HeroAsymmetric() { return (
LONETTI

Precision liquid calibration equipment since 1960.

Prover tanks · Test measures · Water draw systems · Calibration towers · Test benches · MINILAB® vans.

); } /* Image slot (placeholder shown until user drags real photo via image-slot component) */ function HeroImageSlot() { return (
{/* Use image-slot web component for drag-drop photo */} Lonetti prover tank on wheels
); } function HeroPhotoBg() { return ( Lonetti prover tank on wheels ); } /* ─── Section: Products ─────────────────────────────────────────────── */ function ProductsSection() { return (
{PRODUCTS.map((p, i) => { const ArtComp = ART_MAP[p.art]; const isRightEdge = (i + 1) % 3 === 0; const isBottomRow = i >= 3; return (
{p.photo ? ( {p.name} ) : (
)} 0{i + 1} / {p.tag}

{p.name}

{p.desc}

 ); })}
); } /* ─── Section head ──────────────────────────────────────────────────── */ function SectionHead({ eyebrow, h2, lede, cta, dark }) { return (
{eyebrow}

{h2}

{lede &&

{lede}

} {cta && ( {cta.label} )}
); } /* ─── Section: Industries ───────────────────────────────────────────── */ function IndustriesSection() { return (
); } /* ─── Section: Why Lonetti ──────────────────────────────────────────── */ function WhySection() { return (
{WHY.map((w, i) => (
{w.n}

{w.title}

{w.body}

))}
); } /* ─── Section: Certifications ───────────────────────────────────────── */ function CertificationsSection() { return (
04 · Certifications & standards

All Lonetti products are traceable to national and international metrology standards.

{CERTS.map((c, i) => (
{c}
))}
); } /* ─── Section: Reference / proof ───────────────────────────────────── */ function ReferenceSection() { return (
Reference deployments

Trusted by petroleum companies in 47 countries.

From Exxon Mobil's first order in 1960 to today's deployments with YPF, Petrobras, and Shell — Lonetti equipment serves at refineries, terminals, and metrology institutes on four continents.

{["YPF", "ExxonMobil", "Petrobras", "Shell", "TotalEnergies", "Pluspetrol", "Axion", "INTI"].map((n) => ( {n} ))}
); } function WorldMap() { // Equirectangular projection: lon -180..180 → x 0..100, lat 90..-90 → y 0..50 const proj = (lat, lon) => [(lon + 180) / 3.6, (90 - lat) / 3.6]; // 47 deployments — countries served by Lonetti const COUNTRIES = [ // Americas (14) { name: "Argentina", lat: -34.6, lon: -58.4, hq: true }, { name: "Brazil", lat: -15.8, lon: -47.9 }, { name: "Chile", lat: -33.4, lon: -70.6 }, { name: "Peru", lat: -12.0, lon: -77.0 }, { name: "Colombia", lat: 4.7, lon: -74.0 }, { name: "Ecuador", lat: -0.2, lon: -78.5 }, { name: "Panama", lat: 8.9, lon: -79.5 }, { name: "Costa Rica", lat: 9.9, lon: -84.0 }, { name: "El Salvador", lat: 13.7, lon: -89.2 }, { name: "Honduras", lat: 14.1, lon: -87.2 }, { name: "Guatemala", lat: 14.6, lon: -90.5 }, { name: "Dom. Rep.", lat: 18.5, lon: -69.9 }, { name: "Mexico", lat: 19.4, lon: -99.1 }, { name: "United States",lat: 38.9, lon: -77.0 }, // Europe (7) { name: "Portugal", lat: 38.7, lon: -9.1 }, { name: "Spain", lat: 40.4, lon: -3.7 }, { name: "France", lat: 48.9, lon: 2.4 }, { name: "United Kingdom",lat: 51.5, lon: -0.1 }, { name: "Netherlands", lat: 52.4, lon: 4.9 }, { name: "Germany", lat: 52.5, lon: 13.4 }, { name: "Italy", lat: 41.9, lon: 12.5 }, // Africa (6) { name: "Morocco", lat: 33.6, lon: -7.6 }, { name: "Algeria", lat: 28.0, lon: 3.0 }, { name: "Ghana", lat: 5.6, lon: -0.2 }, { name: "Nigeria", lat: 9.1, lon: 7.5 }, { name: "Kenya", lat: -1.3, lon: 36.8 }, { name: "South Africa", lat: -26.2, lon: 28.0 }, // Middle East (14) { name: "Egypt", lat: 30.0, lon: 31.2 }, { name: "Turkey", lat: 39.9, lon: 32.9 }, { name: "Lebanon", lat: 33.9, lon: 35.5 }, { name: "Israel", lat: 31.8, lon: 35.2 }, { name: "Jordan", lat: 31.9, lon: 35.9 }, { name: "Iraq", lat: 33.3, lon: 44.4 }, { name: "Iran", lat: 35.7, lon: 51.4 }, { name: "Kuwait", lat: 29.4, lon: 47.9 }, { name: "Bahrain", lat: 26.2, lon: 50.6 }, { name: "Qatar", lat: 25.3, lon: 51.5 }, { name: "Saudi Arabia", lat: 24.7, lon: 46.7 }, { name: "UAE", lat: 24.5, lon: 54.4 }, { name: "Oman", lat: 23.6, lon: 58.5 }, { name: "Yemen", lat: 15.4, lon: 44.2 }, // Asia (6) { name: "Pakistan", lat: 33.7, lon: 73.1 }, { name: "India", lat: 28.6, lon: 77.2 }, { name: "Thailand", lat: 13.7, lon: 100.5 }, { name: "Vietnam", lat: 21.0, lon: 105.8 }, { name: "Malaysia", lat: 3.1, lon: 101.7 }, { name: "Indonesia", lat: -6.2, lon: 106.8 }, ]; // Approximate land mask — unions of polygonal regions, equirectangular coords (0–100, 0–50) const inLand = (x, y) => { // North America bulk if (x>=12 && x<=30 && y>=8 && y<=20) { if (x<16 && y>14) return false; // Pacific notch if (x>26 && y<11) return false; // NE Atlantic notch if (x>28 && y>16) return false; // Gulf of Mexico return true; } // Alaska if (x>=4 && x<=14 && y>=6 && y<=11) return true; // Central America (narrow) if (x>=22 && x<=28 && y>=19 && y<=22.5) { const w = 22 + (y-19)*0.5; // shift east as we go south return x>=w-1.5 && x<=w+2; } // South America — wedge narrowing south if (y>=22 && y<=40) { const cx = 33 - (y-22)*0.15; const half = Math.max(1.2, 5 - (y-22)*0.22); if (x>=cx-half && x<=cx+half) return true; } // Greenland if (x>=35 && x<=44 && y>=3 && y<=11) { if (x<37 && y<6) return false; return true; } // Europe if (x>=44 && x<=58 && y>=8 && y<=17) { if (x<46 && y>13) return false; // Atlantic if (x<48 && y>14) return false; // Iberia notch return true; } // Scandinavia if (x>=49 && x<=56 && y>=5 && y<=10) return true; // Africa if (y>=17 && y<=37) { const cx = 54 + (y-17)*0.15; const half = y<24 ? (7 - Math.abs(y-21)*0.3) : (7.5 - (y-24)*0.45); if (half>0 && x>=cx-half && x<=cx+half) { if (x<50 && y>30) return false; // SW Atlantic return true; } } // Middle East if (x>=58 && x<=68 && y>=14 && y<=22) { if (x>66 && y<16) return false; return true; } // Russia / Siberia (wide band) if (x>=50 && x<=95 && y>=4 && y<=10) return true; // Central Asia if (x>=60 && x<=85 && y>=10 && y<=14) return true; // South Asia (India peninsula) if (x>=68 && x<=78 && y>=14 && y<=23) { const cx = 73 - (y-14)*0.25; const half = 5 - (y-14)*0.4; return half>0 && x>=cx-half && x<=cx+half; } // China / East Asia if (x>=75 && x<=92 && y>=10 && y<=20) { if (x>90 && y>17) return false; return true; } // SE Asia mainland if (x>=77 && x<=84 && y>=18 && y<=24) return true; // Indonesia / archipelago (scattered) if (x>=78 && x<=92 && y>=24 && y<=28) { return ((Math.floor(x) + Math.floor(y)) % 2 === 0); } // Japan if (x>=89 && x<=93 && y>=11 && y<=15) return true; // Philippines if (x>=84 && x<=87 && y>=18 && y<=23) return ((Math.floor(x)+Math.floor(y)) % 2 === 0); // Australia if (x>=80 && x<=93 && y>=29 && y<=36) { if (x>91 && y<31) return false; if (x<82 && y>33) return false; return true; } // New Zealand if (x>=92 && x<=95 && y>=34 && y<=37) return true; return false; }; const STEP = 1; // grid spacing const COLS = 100; const ROWS = 50; const landDots = []; for (let y = 2; y < ROWS; y += STEP) { for (let x = 0; x < COLS; x += STEP) { if (inLand(x, y)) landDots.push([x, y]); } } return (
Global presence
47 / 195
{/* Land dots */} {landDots.map(([x, y], i) => ( ))} {/* Deployment pins */} {COUNTRIES.map((c, i) => { const [x, y] = proj(c.lat, c.lon); return ( {c.hq && ( <> )} {c.name} ); })}
Deployments HQ — Buenos Aires
Lat / Lon · Equirect.
); } /* ─── Section: Blog ─────────────────────────────────────────────────── */ function BlogSection() { return (
); } /* ─── Section: CTA / Quote form ────────────────────────────────────── */ function CtaQuoteSection() { return (
{/* Diagonal pattern accent */}
06 · Talk to engineering

Ready to elevate your liquid measurement?

Tell us what you need to measure, and at what accuracy. Our engineering team in Buenos Aires will return with a configuration and a quote within two business days.

WhatsApp: +54 9 11 2788 4190 · EN / ES / PT
Email: info@lonetti.com.ar
Workshop: Buenos Aires, Argentina
); } function QuoteForm() { const [submitted, setSubmitted] = useState(false); const [loading, setLoading] = useState(false); const [serverError, setServerError] = useState(null); const [errors, setErrors] = useState({}); const [data, setData] = useState({ name: "", company: "", country: "", email: "", product: "", message: "" }); const onSubmit = async (e) => { e.preventDefault(); const next = {}; ["name", "company", "country", "email"].forEach((k) => { if (!data[k]) next[k] = "Required"; }); if (data.email && !/^\S+@\S+\.\S+$/.test(data.email)) next.email = "Invalid email"; setErrors(next); if (Object.keys(next).length > 0) return; setLoading(true); setServerError(null); try { await submitForm({ ...data, _subject: `Quote request — ${data.product || "General"} — ${data.company}` }); setSubmitted(true); } catch { setServerError("Something went wrong. Please try again or email us directly at info@lonetti.com.ar"); } finally { setLoading(false); } }; const field = (k, label, type = "text") => ( ); if (submitted) { return (

Quote request received.

An engineer will be in touch within two business days. For urgent requirements, message us on WhatsApp.

); } return (
Quote request
{field("name", "Full name")} {field("company", "Company")}
{field("country", "Country")} {field("email", "Work email", "email")}