403Webshell
Server IP : 139.59.63.204  /  Your IP : 216.73.217.62
Web Server : Apache/2.4.58 (Ubuntu)
System : Linux ubuntu-s-1vcpu-1gb-blr1-01 6.8.0-110-generic #110-Ubuntu SMP PREEMPT_DYNAMIC Thu Mar 19 15:09:20 UTC 2026 x86_64
User : root ( 0)
PHP Version : 8.3.6
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : OFF  |  Sudo : ON  |  Pkexec : OFF
Directory :  /var/www/efbtechnology.com/demo/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :


[ Back ]     

Current File : /var/www/efbtechnology.com/demo/cnc3.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
<title>KENT USA — Precision Machinery Solutions</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/alpinejs/3.13.3/cdn.min.js" defer></script>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet">
<style>
/* ─── RESET & BASE ─── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{
  background:#0d0d0d;color:#f0ede8;
  font-family:'DM Sans',sans-serif;
  overflow-x:hidden;
  line-height:1.6;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button{cursor:pointer;border:none;background:none;font-family:inherit}

/* ─── CSS VARIABLES ─── */
:root{
  --red:#C62828;
  --red2:#E53935;
  --red3:#EF9A9A;
  --bg0:#0d0d0d;
  --bg1:#141414;
  --bg2:#1c1c1c;
  --bg3:#242424;
  --border:rgba(255,255,255,0.08);
  --border-red:rgba(198,40,40,0.35);
  --text:#f0ede8;
  --muted:#7a8090;
  --muted2:#b0b8c4;
  --ff-display:'Bebas Neue',cursive;
  --ff-mono:'JetBrains Mono',monospace;
}

/* ─── SCROLLBAR ─── */
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:var(--bg0)}
::-webkit-scrollbar-thumb{background:var(--red);border-radius:2px}

/* ─── NOISE OVERLAY ─── */
body::after{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:999;
  opacity:.3;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E");
}

/* ─── CURSOR ─── */
#cur{width:10px;height:10px;background:var(--red2);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9998;transition:transform .1s ease}
#cur-ring{width:32px;height:32px;border:1px solid rgba(229,57,53,.5);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9997;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}
@media(max-width:768px){#cur,#cur-ring{display:none}body{cursor:auto}}

/* ─── PAGE LOADER ─── */
#loader{
  position:fixed;inset:0;background:var(--bg0);z-index:9990;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;
  transition:opacity .6s ease;
}
#loader.hide{opacity:0;pointer-events:none}
.loader-bar{width:220px;height:2px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden}
.loader-fill{height:100%;background:var(--red2);border-radius:2px;animation:loadprog 1.8s cubic-bezier(.4,0,.2,1) forwards}
@keyframes loadprog{0%{width:0%}100%{width:100%}}
.loader-label{font-family:var(--ff-mono);font-size:10px;color:var(--muted);letter-spacing:.2em;text-transform:uppercase}

/* ─── TYPOGRAPHY ─── */
.display{font-family:var(--ff-display);letter-spacing:.04em;line-height:.95}
.mono{font-family:var(--ff-mono)}
.label{font-family:var(--ff-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--red2)}
h1,h2,h3{font-family:var(--ff-display)}

/* ─── LAYOUT ─── */
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.section{padding:100px 0}
.section-sm{padding:64px 0}

/* ─── GRID ─── */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.grid-6{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
@media(max-width:1024px){
  .grid-3{grid-template-columns:1fr 1fr}
  .grid-4{grid-template-columns:1fr 1fr}
  .grid-6{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:640px){
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
  .grid-6{grid-template-columns:repeat(2,1fr)}
  .section{padding:64px 0}
}

/* ─── NAVBAR ─── */
.navbar{
  position:fixed;top:0;left:0;right:0;z-index:500;
  background:rgba(13,13,13,.92);
  backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border);
  height:68px;display:flex;align-items:center;
}
.nav-inner{display:flex;align-items:center;justify-content:space-between;width:100%}
.nav-logo img{height:42px;width:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}
.nav-links{display:flex;align-items:center;gap:36px}
.nav-links a{font-size:13px;color:var(--muted2);transition:color .25s}
.nav-links a:hover{color:var(--red2)}
.nav-cta{display:flex;align-items:center;gap:12px}
.hamburger{display:none;flex-direction:column;gap:5px;padding:6px;background:none;border:none}
.hamburger span{display:block;width:22px;height:1.5px;background:var(--text);transition:all .3s ease;border-radius:2px}
.mobile-nav{
  display:none;position:fixed;top:68px;left:0;right:0;
  background:rgba(13,13,13,.98);backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border);z-index:490;
  padding:24px;flex-direction:column;gap:16px;
}
.mobile-nav.open{display:flex}
.mobile-nav a{font-size:15px;color:var(--muted2);padding:8px 0;border-bottom:1px solid var(--border)}
@media(max-width:768px){
  .nav-links{display:none}
  .hamburger{display:flex}
  .nav-cta .btn-primary{display:none}
}

/* ─── BUTTONS ─── */
.btn-primary{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 24px;border-radius:6px;
  background:var(--red);color:#fff;
  font-size:13px;font-weight:600;letter-spacing:.04em;
  transition:all .3s ease;position:relative;overflow:hidden;
  border:1px solid transparent;
}
.btn-primary::after{
  content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);
  transition:left .4s ease;
}
.btn-primary:hover{background:var(--red2);transform:translateY(-1px);box-shadow:0 8px 24px rgba(198,40,40,.3)}
.btn-primary:hover::after{left:100%}
.btn-outline{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 24px;border-radius:6px;
  background:transparent;color:var(--text);
  font-size:13px;font-weight:500;letter-spacing:.04em;
  border:1px solid rgba(255,255,255,.18);
  transition:all .3s ease;
}
.btn-outline:hover{border-color:var(--red2);color:var(--red2)}

/* ─── HERO ─── */
.hero{
  min-height:100vh;padding-top:68px;
  display:flex;align-items:center;
  position:relative;overflow:hidden;
  background:var(--bg0);
}
.hero-grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(198,40,40,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(198,40,40,.05) 1px,transparent 1px);
  background-size:56px 56px;
}
.hero-glow{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 70% 55% at 68% 50%,rgba(198,40,40,.13) 0%,transparent 65%),
    radial-gradient(ellipse 45% 70% at 8% 85%,rgba(198,40,40,.07) 0%,transparent 60%);
}
.hero-scan{
  position:absolute;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(229,57,53,.5),transparent);
  animation:scanY 7s linear infinite;pointer-events:none;
}
@keyframes scanY{0%{top:0%}100%{top:100%}}
.hero-inner{
  display:grid;grid-template-columns:1fr 1fr;
  gap:64px;align-items:center;
  padding:64px 0;position:relative;z-index:2;
}
@media(max-width:1024px){
  .hero-inner{grid-template-columns:1fr;gap:48px}
  .hero-visual-wrap{display:none}
}
.hero-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.hero-eyebrow-line{width:32px;height:1px;background:var(--red2)}
.hero-title{
  font-family:var(--ff-display);
  font-size:clamp(4rem,9vw,8.5rem);
  line-height:.92;color:var(--text);
  margin-bottom:28px;
}
.hero-title span{
  color:var(--red2);
  text-shadow:0 0 60px rgba(229,57,53,.35);
}
.hero-desc{
  font-size:17px;font-weight:300;
  color:var(--muted);line-height:1.7;
  max-width:440px;margin-bottom:40px;
}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:56px}
.hero-stats{
  display:flex;gap:48px;
  padding-top:40px;
  border-top:1px solid var(--border);
}
.hero-stat-num{
  font-family:var(--ff-display);
  font-size:2.4rem;
  color:var(--red2);
  line-height:1;
}
.hero-stat-label{
  font-family:var(--ff-mono);
  font-size:10px;letter-spacing:.12em;
  color:var(--muted);margin-top:6px;
  text-transform:uppercase;
}

/* Hero Visual */
.hero-visual-wrap{display:flex;align-items:center;justify-content:flex-end}
.hero-ring-outer{
  position:relative;width:480px;height:480px;
  flex-shrink:0;
}
.ring{
  position:absolute;inset:0;border-radius:50%;
  border:1px solid rgba(198,40,40,.14);
  animation:spinRing 30s linear infinite;
}
.ring2{
  position:absolute;inset:32px;border-radius:50%;
  border:1px dashed rgba(255,255,255,.05);
  animation:spinRing 18s linear infinite reverse;
}
@keyframes spinRing{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.hero-ring-glow{
  position:absolute;inset:0;
  background:radial-gradient(circle at 50% 50%,rgba(198,40,40,.18) 0%,transparent 65%);
  border-radius:50%;
}
.hero-card{
  position:absolute;inset:56px;
  background:var(--bg2);
  border:1px solid var(--border);
  border-radius:20px;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:20px;
  padding:28px;
}
.hero-card-logo{height:56px;width:auto;filter:drop-shadow(0 4px 20px rgba(198,40,40,.45))}
.hero-card-model{text-align:center}
.hero-card-model .model-type{font-family:var(--ff-mono);font-size:10px;color:var(--red2);letter-spacing:.15em;margin-bottom:4px}
.hero-card-model .model-name{font-family:var(--ff-display);font-size:1.8rem;color:var(--text)}
.hero-card-model .model-status{font-family:var(--ff-mono);font-size:10px;color:var(--red2);margin-top:6px}
.hero-badge-tl{
  position:absolute;top:20px;right:16px;text-align:right;
}
.hero-badge-tl .bt1{font-family:var(--ff-mono);font-size:9px;color:var(--red2);letter-spacing:.14em}
.hero-badge-tl .bt2{font-family:var(--ff-mono);font-size:8px;color:var(--muted)}

/* ─── MARQUEE ─── */
.marquee-bar{
  border-top:1px solid var(--border);
  background:rgba(198,40,40,.04);
  overflow:hidden;padding:10px 0;
}
.marquee-track{
  display:flex;white-space:nowrap;
  animation:marqueeX 28s linear infinite;
}
.marquee-track:hover{animation-play-state:paused}
.marquee-item{
  font-family:var(--ff-mono);font-size:10px;
  color:var(--muted);letter-spacing:.18em;
  padding:0 40px;
}
@keyframes marqueeX{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ─── SECTION HEADER ─── */
.sec-header{margin-bottom:64px}
.sec-header .label{margin-bottom:16px}
.sec-title{
  font-family:var(--ff-display);
  font-size:clamp(2.8rem,5.5vw,5rem);
  color:var(--text);line-height:.95;
}
.sec-title span{color:var(--red2)}
.sec-header-row{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:24px}
.sec-desc{
  font-size:14px;color:var(--muted);
  max-width:340px;line-height:1.7;
}

/* ─── STATS BAR ─── */
.stats-bar{background:var(--bg1);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
@media(max-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}
.stat-cell{
  padding:48px 24px;text-align:center;
  border-right:1px solid var(--border);
}
.stat-cell:last-child{border-right:none}
.stat-num{
  font-family:var(--ff-display);
  font-size:clamp(3rem,6vw,5.5rem);
  line-height:1;
  background:linear-gradient(135deg,#fff 0%,var(--red2) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.stat-lbl{
  font-family:var(--ff-mono);font-size:10px;
  letter-spacing:.14em;color:var(--muted);
  text-transform:uppercase;margin-top:10px;
}

/* ─── CATEGORY CARDS ─── */
.cat-card{
  display:flex;align-items:center;justify-content:space-between;
  background:var(--bg2);border:1px solid var(--border);
  border-radius:14px;padding:20px 24px;
  transition:all .3s ease;cursor:pointer;
}
.cat-card:hover{
  border-color:var(--border-red);
  background:var(--bg3);
  transform:translateX(5px);
}
.cat-card:hover .cat-arrow{opacity:1;transform:translateX(4px)}
.cat-left{display:flex;align-items:center;gap:16px}
.cat-icon{
  width:48px;height:48px;border-radius:12px;
  background:rgba(198,40,40,.1);
  display:flex;align-items:center;justify-content:center;
  color:var(--red2);flex-shrink:0;
}
.cat-name{font-size:14px;font-weight:600;color:var(--text);margin-bottom:3px}
.cat-sub{font-size:12px;color:var(--muted)}
.cat-arrow{opacity:0;transition:all .3s ease;color:var(--muted)}

/* ─── PRODUCT CARDS ─── */
.product-card{
  background:var(--bg2);border:1px solid var(--border);
  border-radius:18px;overflow:hidden;
  transition:all .4s cubic-bezier(.25,.46,.45,.94);
  display:flex;flex-direction:column;
}
.product-card::before{
  content:'';position:absolute;inset:0;border-radius:18px;
  background:linear-gradient(135deg,rgba(198,40,40,.08) 0%,transparent 55%);
  opacity:0;transition:opacity .4s ease;pointer-events:none;
}
.product-card{position:relative}
.product-card:hover{border-color:var(--border-red);transform:translateY(-5px);box-shadow:0 20px 48px rgba(0,0,0,.4)}
.product-card:hover::before{opacity:1}
.card-media{
  height:200px;
  background:linear-gradient(135deg,var(--bg3) 0%,var(--bg1) 100%);
  display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;
}
.card-media::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(to bottom,transparent 50%,rgba(13,13,13,.5) 100%);
}
.card-badge{
  position:absolute;top:12px;left:12px;z-index:2;
  font-family:var(--ff-mono);font-size:9px;letter-spacing:.12em;
  padding:4px 8px;border-radius:4px;text-transform:uppercase;font-weight:700;
}
.badge-new{background:var(--red);color:#fff}
.badge-used{background:rgba(255,255,255,.1);color:var(--muted2);border:1px solid var(--border)}
.card-stock{
  position:absolute;top:12px;right:12px;z-index:2;
  font-family:var(--ff-mono);font-size:9px;letter-spacing:.12em;
  padding:4px 8px;border-radius:4px;
  background:rgba(0,0,0,.6);color:var(--red2);
}
.card-body{padding:20px 22px 24px;flex:1;display:flex;flex-direction:column}
.card-type{font-family:var(--ff-mono);font-size:10px;color:var(--red2);letter-spacing:.14em;margin-bottom:8px;text-transform:uppercase}
.card-name{font-size:15px;font-weight:700;color:var(--text);margin-bottom:4px}
.card-brand{font-size:13px;color:var(--muted);margin-bottom:16px}
.card-specs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px;flex:1}
.spec-tag{
  font-family:var(--ff-mono);font-size:10px;
  padding:4px 9px;border-radius:5px;
  background:rgba(255,255,255,.05);
  color:var(--muted2);letter-spacing:.06em;
}
.filter-tabs{display:flex;gap:8px}
.filter-tab{
  font-family:var(--ff-mono);font-size:11px;letter-spacing:.1em;
  padding:8px 16px;border-radius:6px;
  border:1px solid var(--border);color:var(--muted);
  transition:all .25s ease;background:transparent;
}
.filter-tab.active,.filter-tab:hover{background:var(--red);color:#fff;border-color:var(--red)}

/* ─── BRAND GRID ─── */
.brand-cell{
  background:var(--bg2);border:1px solid var(--border);
  border-radius:12px;padding:20px 14px;
  display:flex;align-items:center;justify-content:center;
  transition:all .3s ease;
}
.brand-cell:hover{border-color:var(--border-red);background:var(--bg3)}
.brand-cell:hover .brand-name{color:var(--red2)}
.brand-name{
  font-family:var(--ff-display);font-size:1.1rem;
  letter-spacing:.08em;text-align:center;
  color:rgba(255,255,255,.18);transition:color .3s;
}

/* ─── SERVICES ─── */
.services-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
@media(max-width:900px){.services-layout{grid-template-columns:1fr;gap:40px}}
.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:480px){.services-grid{grid-template-columns:1fr}}
.service-card{
  background:var(--bg2);border:1px solid var(--border);
  border-radius:14px;padding:24px;
  transition:all .3s ease;
}
.service-card:hover{border-color:var(--border-red);background:var(--bg3)}
.service-icon{
  width:46px;height:46px;border-radius:12px;
  background:rgba(198,40,40,.1);
  display:flex;align-items:center;justify-content:center;
  color:var(--red2);margin-bottom:16px;
}
.service-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:8px}
.service-desc{font-size:13px;color:var(--muted);line-height:1.6}

/* ─── TESTIMONIALS ─── */
.testi-card{
  background:var(--bg2);border:1px solid var(--border);
  border-radius:18px;padding:32px;
  position:relative;overflow:hidden;
}
.testi-card::before{
  content:'"';
  font-family:var(--ff-display);font-size:140px;
  color:var(--red);opacity:.09;
  position:absolute;top:-24px;left:16px;
  line-height:1;pointer-events:none;
}
.testi-stars{display:flex;gap:4px;margin-bottom:20px}
.testi-text{
  font-size:14px;color:var(--muted2);
  line-height:1.75;margin-bottom:24px;
  position:relative;z-index:1;
}
.testi-footer{
  display:flex;align-items:center;gap:12px;
  padding-top:20px;border-top:1px solid var(--border);
}
.testi-avatar{
  width:38px;height:38px;border-radius:50%;
  background:var(--red);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--ff-display);font-size:14px;flex-shrink:0;
}
.testi-name{font-size:14px;font-weight:600;color:var(--text)}
.testi-role{font-size:12px;color:var(--muted)}

/* ─── LOCATION CARDS ─── */
.loc-card{
  background:var(--bg2);border:1px solid var(--border);
  border-radius:14px;padding:24px;
  transition:all .3s ease;
}
.loc-card:hover{border-color:var(--border-red);transform:translateY(-4px)}
.loc-icon{
  width:42px;height:42px;border-radius:12px;
  background:rgba(198,40,40,.1);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:16px;
}
.loc-city{font-family:var(--ff-display);font-size:1.5rem;color:var(--text);margin-bottom:4px}
.loc-country{font-size:12px;color:var(--muted);margin-bottom:12px}
.loc-phone{font-family:var(--ff-mono);font-size:11px;color:var(--red2)}

/* ─── CTA BANNER ─── */
.cta-banner{
  background:var(--red);padding:96px 24px;
  position:relative;overflow:hidden;text-align:center;
}
.cta-banner::before{
  content:'';position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:40px 40px;
}
.cta-inner{position:relative;z-index:1;max-width:780px;margin:0 auto}
.cta-logo{height:50px;width:auto;margin:0 auto 24px;filter:brightness(0) invert(1) drop-shadow(0 2px 12px rgba(0,0,0,.3))}
.cta-title{
  font-family:var(--ff-display);
  font-size:clamp(2.8rem,7vw,6.5rem);
  color:#fff;line-height:.95;margin-bottom:20px;
}
.cta-sub{font-size:17px;color:rgba(255,255,255,.82);margin-bottom:40px;line-height:1.6}
.btn-white{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 36px;border-radius:6px;
  background:#fff;color:var(--red);
  font-size:14px;font-weight:700;letter-spacing:.04em;
  transition:all .3s ease;
}
.btn-white:hover{transform:scale(1.04);box-shadow:0 12px 32px rgba(0,0,0,.25)}

/* ─── CONTACT ─── */
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
@media(max-width:900px){.contact-layout{grid-template-columns:1fr;gap:40px}}
.contact-info-item{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.ci-icon{
  width:42px;height:42px;border-radius:12px;
  background:rgba(198,40,40,.1);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.ci-label{font-size:11px;color:var(--muted);margin-bottom:3px}
.ci-value{font-size:14px;font-weight:600;color:var(--text)}
.form-group{margin-bottom:16px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:500px){.form-row{grid-template-columns:1fr}}
.form-label{
  display:block;font-family:var(--ff-mono);font-size:10px;
  letter-spacing:.14em;color:var(--muted);
  text-transform:uppercase;margin-bottom:8px;
}
.form-input,.form-select,.form-textarea{
  width:100%;padding:13px 16px;border-radius:8px;
  background:rgba(255,255,255,.05);
  border:1px solid var(--border);
  color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px;
  outline:none;transition:border-color .25s ease;
  -webkit-appearance:none;
}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--red2)}
.form-input::placeholder,.form-textarea::placeholder{color:var(--muted)}
.form-select{color:var(--muted2);cursor:pointer}
.form-select option{background:var(--bg2)}
.form-textarea{resize:none;line-height:1.6}
.btn-submit{
  width:100%;padding:14px;border-radius:8px;
  background:var(--red);color:#fff;
  font-family:'DM Sans',sans-serif;font-size:14px;font-weight:700;
  letter-spacing:.05em;
  display:flex;align-items:center;justify-content:center;gap:10px;
  transition:all .3s ease;position:relative;overflow:hidden;
}
.btn-submit:hover{background:var(--red2);transform:translateY(-1px);box-shadow:0 8px 24px rgba(198,40,40,.35)}

/* ─── FOOTER ─── */
.footer{background:var(--bg0);border-top:1px solid var(--border);padding:72px 0 32px}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;margin-bottom:56px}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:500px){.footer-grid{grid-template-columns:1fr}}
.footer-logo{height:46px;width:auto;margin-bottom:20px;filter:drop-shadow(0 2px 12px rgba(198,40,40,.45))}
.footer-about{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:20px;max-width:280px}
.footer-phone{font-family:var(--ff-display);font-size:1.8rem;color:var(--red2)}
.footer-col-title{font-family:var(--ff-mono);font-size:10px;letter-spacing:.2em;color:var(--red2);text-transform:uppercase;margin-bottom:20px}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:12px}
.footer-links a{font-size:13px;color:var(--muted);transition:color .25s}
.footer-links a:hover{color:var(--text)}
.footer-bottom{
  display:flex;align-items:center;justify-content:space-between;
  padding-top:28px;border-top:1px solid var(--border);
  flex-wrap:wrap;gap:16px;
}
.footer-copy{font-size:12px;color:var(--muted)}
.footer-legal{display:flex;gap:24px}
.footer-legal a{font-size:12px;color:var(--muted);transition:color .25s}
.footer-legal a:hover{color:var(--text)}

/* ─── REVEAL ANIMATIONS ─── */
.reveal{opacity:0;transform:translateY(36px);transition:opacity .75s ease,transform .75s ease}
.reveal.in{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.1s}
.reveal-delay-2{transition-delay:.2s}
.reveal-delay-3{transition-delay:.3s}

/* ─── HERO ANIM ─── */
.hero-el{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}

/* ─── BRANDS FEATURED ─── */
.brands-feature{
  padding:20px 0 40px;text-align:center;
}
.brands-feature img{margin:0 auto;height:56px;width:auto;filter:drop-shadow(0 4px 18px rgba(198,40,40,.4))}
</style>
</head>
<body x-data="app()" @mousemove="move($event)">

<!-- Cursor -->
<div id="cur" :style="`transform:translate(${cx-5}px,${cy-5}px)`"></div>
<div id="cur-ring" :style="`transform:translate(${rx-16}px,${ry-16}px)`"></div>

<!-- Loader -->
<div id="loader">
  <img src="data:image/png;base64,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" alt="KENT USA" style="height:64px;width:auto;filter:drop-shadow(0 0 24px rgba(198,40,40,.6))">
  <div class="loader-bar"><div class="loader-fill"></div></div>
  <div class="loader-label">Initializing Systems...</div>
</div>

<!-- ═══════════ NAVBAR ═══════════ -->
<nav class="navbar">
  <div class="container nav-inner">
    <a href="#" class="nav-logo"><img src="data:image/png;base64,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" alt="KENT USA"></a>
    <div class="nav-links">
      <a href="#products">Products</a>
      <a href="#categories">Categories</a>
      <a href="#brands">Brands</a>
      <a href="#services">Services</a>
      <a href="#contact">Contact</a>
    </div>
    <div class="nav-cta">
      <a href="#contact" class="btn-primary">Get a Quote <svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path d="M5 12h14M12 5l7 7-7 7"/></svg></a>
      <button class="hamburger" id="ham" onclick="toggleMenu()">
        <span></span><span></span><span></span>
      </button>
    </div>
  </div>
</nav>
<div class="mobile-nav" id="mobileNav">
  <a href="#products" onclick="closeMenu()">Products</a>
  <a href="#categories" onclick="closeMenu()">Categories</a>
  <a href="#brands" onclick="closeMenu()">Brands</a>
  <a href="#services" onclick="closeMenu()">Services</a>
  <a href="#contact" class="btn-primary" onclick="closeMenu()" style="text-align:center;justify-content:center;">Get a Quote</a>
</div>

<!-- ═══════════ HERO ═══════════ -->
<section class="hero">
  <div class="hero-grid"></div>
  <div class="hero-glow"></div>
  <div class="hero-scan"></div>
  <div class="container" style="position:relative;z-index:2;width:100%">
    <div class="hero-inner">
      <!-- Left -->
      <div>
        <div class="hero-eyebrow hero-el" id="he1">
          <div class="hero-eyebrow-line"></div>
          <span class="label">Est. 1979 — Precision Engineering</span>
        </div>
        <h1 class="hero-title hero-el" id="he2">
          MACHINE<br>
          <span>EXCELLENCE</span><br>
          REDEFINED
        </h1>
        <p class="hero-desc hero-el" id="he3">
          KENT USA — trusted worldwide for CNC surface grinders, machining centers, and precision industrial equipment since 1979.
        </p>
        <div class="hero-actions hero-el" id="he4">
          <a href="#products" class="btn-primary">Explore Machines <svg width="15" height="15" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path d="M5 12h14M12 5l7 7-7 7"/></svg></a>
          <a href="#services" class="btn-outline">Our Services</a>
        </div>
        <div class="hero-stats hero-el" id="he5">
          <div><div class="hero-stat-num">45+</div><div class="hero-stat-label">Years Exp.</div></div>
          <div><div class="hero-stat-num">$8M+</div><div class="hero-stat-label">Inventory</div></div>
          <div><div class="hero-stat-num">4</div><div class="hero-stat-label">Locations</div></div>
        </div>
      </div>
      <!-- Right -->
      <div class="hero-visual-wrap">
        <div class="hero-ring-outer">
          <div class="hero-ring-glow"></div>
          <div class="ring"></div>
          <div class="ring2"></div>
          <div class="hero-card">
            <img class="hero-card-logo" src="data:image/png;base64,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" alt="KENT USA">
            <div class="hero-card-model">
              <div class="model-type">Surface Grinder</div>
              <div class="model-name">SGS-2040</div>
              <div class="model-status">● In Stock</div>
            </div>
            <svg viewBox="0 0 200 70" width="170" height="60" fill="none">
              <rect x="10" y="15" width="180" height="48" rx="4" fill="#1e1e1e" stroke="rgba(198,40,40,.4)" stroke-width="1"/>
              <rect x="80" y="4" width="40" height="18" rx="3" fill="#242424" stroke="rgba(198,40,40,.5)" stroke-width="1"/>
              <circle cx="100" cy="22" r="8" fill="rgba(198,40,40,.15)" stroke="#C62828" stroke-width="1.5"/>
              <circle cx="100" cy="22" r="3.5" fill="#E53935" opacity=".9"/>
              <rect x="18" y="48" width="164" height="9" rx="2" fill="#2c2c2c"/>
              <line x1="10" y1="32" x2="190" y2="32" stroke="rgba(198,40,40,.4)" stroke-width=".6">
                <animateTransform attributeName="transform" type="translate" values="0,-12;0,12;0,-12" dur="2.8s" repeatCount="indefinite"/>
              </line>
              <circle cx="36" cy="28" r="2" fill="#E53935" opacity=".8"><animate attributeName="opacity" values="0;1;0" dur="1.4s" repeatCount="indefinite"/></circle>
              <circle cx="164" cy="28" r="2" fill="#E53935" opacity=".8"><animate attributeName="opacity" values="0;1;0" dur="1.4s" repeatCount="indefinite" begin=".7s"/></circle>
            </svg>
          </div>
          <div class="hero-badge-tl"><div class="bt1">KENT USA</div><div class="bt2">PRECISION CNC</div></div>
        </div>
      </div>
    </div>
  </div>
  <!-- Marquee -->
  <div class="marquee-bar" style="position:absolute;bottom:0;left:0;right:0;">
    <div class="marquee-track">
      <span class="marquee-item">● SURFACE GRINDERS</span><span class="marquee-item">● VERTICAL MILLING CENTER</span>
      <span class="marquee-item">● HORIZONTAL MILLING CENTER</span><span class="marquee-item">● TURNING CENTER</span>
      <span class="marquee-item">● DEEP HOLE DRILLING</span><span class="marquee-item">● EDM MACHINES</span>
      <span class="marquee-item">● AUTOMATION SYSTEMS</span><span class="marquee-item">● ACCESSORIES</span>
      <span class="marquee-item">● SURFACE GRINDERS</span><span class="marquee-item">● VERTICAL MILLING CENTER</span>
      <span class="marquee-item">● HORIZONTAL MILLING CENTER</span><span class="marquee-item">● TURNING CENTER</span>
      <span class="marquee-item">● DEEP HOLE DRILLING</span><span class="marquee-item">● EDM MACHINES</span>
      <span class="marquee-item">● AUTOMATION SYSTEMS</span><span class="marquee-item">● ACCESSORIES</span>
    </div>
  </div>
</section>

<!-- ═══════════ STATS ═══════════ -->
<div class="stats-bar">
  <div class="stats-grid">
    <div class="stat-cell reveal"><div class="stat-num" data-target="45">0</div><div class="stat-lbl">Years of Excellence</div></div>
    <div class="stat-cell reveal reveal-delay-1"><div class="stat-num" data-target="500">0</div><div class="stat-lbl">Machines Installed</div></div>
    <div class="stat-cell reveal reveal-delay-2"><div class="stat-num" data-target="70">0</div><div class="stat-lbl">K Sq Ft Facility</div></div>
    <div class="stat-cell reveal reveal-delay-3" style="border-right:none"><div class="stat-num" data-target="12">0</div><div class="stat-lbl">Product Lines</div></div>
  </div>
</div>

<!-- ═══════════ CATEGORIES ═══════════ -->
<section class="section" id="categories" style="background:var(--bg0)">
  <div class="container">
    <div class="sec-header-row sec-header reveal">
      <div>
        <div class="label">Product Hierarchy</div>
        <div class="sec-title" style="margin-top:14px">BROWSE BY<br><span>CATEGORY</span></div>
      </div>
      <p class="sec-desc">Navigate our catalog — from broad categories down to specific machine types and individual products.</p>
    </div>
    <div class="grid-3 reveal" x-data>
      <template x-for="cat in $root.categories" :key="cat.name">
        <div class="cat-card">
          <div class="cat-left">
            <div class="cat-icon" x-html="cat.icon"></div>
            <div>
              <div class="cat-name" x-text="cat.name"></div>
              <div class="cat-sub" x-text="cat.types + ' product types'"></div>
            </div>
          </div>
          <div class="cat-arrow">
            <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
          </div>
        </div>
      </template>
    </div>
  </div>
</section>

<!-- ═══════════ PRODUCTS ═══════════ -->
<section class="section" id="products" style="background:var(--bg1)">
  <div class="container">
    <div class="sec-header reveal">
      <div class="sec-header-row">
        <div>
          <div class="label">Featured Equipment</div>
          <div class="sec-title" style="margin-top:14px">IN-STOCK<br><span>MACHINES</span></div>
        </div>
        <div class="filter-tabs" style="align-self:flex-end">
          <button class="filter-tab active" onclick="setFilter('all',this)">ALL</button>
          <button class="filter-tab" onclick="setFilter('new',this)">NEW</button>
          <button class="filter-tab" onclick="setFilter('used',this)">PRE-OWNED</button>
        </div>
      </div>
    </div>
    <div class="grid-3 reveal" id="product-grid">
      <template x-for="p in $root.filteredProducts" :key="p.name">
        <div class="product-card">
          <div class="card-media">
            <span x-html="p.svg"></span>
            <span class="card-badge" :class="p.condition==='NEW'?'badge-new':'badge-used'" x-text="p.condition"></span>
            <span class="card-stock" x-show="p.inStock">● IN STOCK</span>
          </div>
          <div class="card-body">
            <div class="card-type" x-text="p.type"></div>
            <div class="card-name" x-text="p.name"></div>
            <div class="card-brand" x-text="'KENT USA — ' + p.brand"></div>
            <div class="card-specs">
              <template x-for="s in p.specs"><span class="spec-tag" x-text="s"></span></template>
            </div>
            <button class="btn-primary" style="width:100%;justify-content:center">Request Quote</button>
          </div>
        </div>
      </template>
    </div>
    <div style="text-align:center;margin-top:48px" class="reveal">
      <a href="#" class="btn-outline">View Full Inventory <svg width="15" height="15" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M5 12h14M12 5l7 7-7 7"/></svg></a>
    </div>
  </div>
</section>

<!-- ═══════════ BRANDS ═══════════ -->
<section class="section-sm" id="brands" style="background:var(--bg0);border-top:1px solid var(--border)">
  <div class="container">
    <div class="label reveal" style="text-align:center;margin-bottom:12px">Authorized Dealer & Global Partner</div>
    <div class="brands-feature reveal">
      <img src="data:image/png;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4gHYSUNDX1BST0ZJTEUAAQEAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADb/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7/wAARCABWAJYDASIAAhEBAxEB/8QAHAAAAgIDAQEAAAAAAAAAAAAAAAcGCAEEBQMC/8QAShAAAQMDAQQDDAQKCQUAAAAAAQIDBAAFEQYHEhMhMUFhCBQVIjJRUnGBkZKhN1RzsRYjJDZCdKKys8FDRGJ1goPC0dIzNGNyo//EABsBAAEFAQEAAAAAAAAAAAAAAAQAAwUGBwEC/8QANBEAAQMCAwUFBgcBAAAAAAAAAQACAwQRBSExEhNBYXEGFDNRsRUyNHKBwRYiUqHR4fCR/9oADAMBAAIRAxEAPwBW2e8rRHLL7Zd3PJVnnjzGt3w219XV8QqOQelfqFWg0FYLVI2f2aUuyWp51cVBU45BbWpRx0kkZJqvQ0gncQMlpNbjBoI2ucL3ySCF6aP9WV8QoN6aHTHV8QqcbfrTHY1Lp6NabXHYel2sKUzEYSjiOF91IO6kDngAeypbsv0NarJG417hRbhPfSOIl9tLjbQ9FIIxnzn+VemUBdIWDhxXibtAyKnbM7V2gyuk14ba+rq+IUeGmsf9ur4hT82p3fQ+jtPpDGlbE/epaT3oyqE2QgdHFWMeSOodZ5efC42DxY90vt4VNhQ5aiyleH4yFpBKiSQkjA9lI0LRII75pMx17qV1SWENHTPOyhXhtr6ur4hR4ba+rq+IVYlVotKQsnT1lCWxlZ8HM4SM4yfF6MkVsW+HpEqAlWPT/r70ZH8qf9k81H/i4foP7Kt3htr6ur4hR4ba646viFO7b7A0c1swMix2+zx56biwlSorSEubhS5kcueMgZ9leWxmyWybs5iypFotsl7iuAuPw23FHxz1qBNNDD7ybu/C6Md2i2aUVOybE2tkkt4baP8AV1fEKPDTf1ZXxCrAXzR2n7/apNket1stkl4Aw57EVDRYeHk7xSBltWcKHVnPVSAiWuXa9bx7PdohZlRrg2zIYcAOCFjIPUQfcQabmod04A8U/Q442sY5zci3gseG2vq6viFBvbQ6Y6viFW40/pjRkt9hL2lrKorUkH8ib55PqpSbELPapzuqW5dttz3BubiWePHQvcAJ8VO8OQ7BTzsNs4Nvqg4+04fE+XZP5beXFKLw2z9XV8QrHhtn6ur4hVj5dltLDhT4DspHVi3s/wDGvuBbdPlwJkadsyh5+8Gh/ppz2TzQ/wCLh+g/sq3C9tHojq+IV5amdjSNHyZElBSwofjB5khXPo7KfPdBWbTcXZV39arLbYcpNzjoU7HYQhe6UuZGQOg4HuqvWqfo1nfZL++hH0+4nY3mPVSsWI9/oJZLWGy70S0u6rUq7p8I5MUMJDfAzu72E+Rj9Hp83Pq5UVE6KsAbZZy6TaN7JywelfqFW62TPtnZ/Zo7mMd6IPq5CqiwelfqFWc2eyizpOzpB6IbX7oqNw733dFa+0ngR9fspXqOwQ5N7i3ksBUmLBERpZ54TvrWSB1Z38Z7K5ryZDUOa/Fid+y40Zx9iJvbvfC0DO4D6gTjpOMDma3dTawtum9LvXW6ZWkeJHZScLfdxyQn7yegCviyzWrzZoN/tjuOIlLqFJ6ULHP3g1J3bctBzVW2ZNlsrxdunLLgqr3y7T77dX7rc5BkSpCt5SzyAHUkDqSByA6hTN7mVSEamuZc8kxkD5muXt20oizagbv1ujhq1XhSlhtA8WPJHN1rsBzvp7FY6q9tgLvBu11XnH4lv941DwMcypDXaq64hNHNhbnx6ED6ZjL6J66vsQuulr3amZCI67jD4DbqklSUniIVzA59CTSSVsXlpOFaptoP6s9/tTjvt/etuhb5dmEocft8QPtoX5KjxEJwezCjSUe2xXl1WV2e357FrFG1W42hvdVA4V7R3R7rbZvy1sPNcXaBs/laPtcC4vXWJPZmvuMI4La0FKkJSo53urChTl7n19CNnkRlfQpxw/tmkrrfXdw1XaYNtlwosdqHIcfQWlKKipaUpIOerxRTQ2OyODoe3AHGVOn/AOiqYpNjvB3elv4R+Mb/ANns7x7+1n+/lyTMvEBG+kJxlbfET2pyR94qEa80j+E8i3XmI2kX60utF0dBmxEKBI7XGxkjzpyOoVo7UtXv6Y1rpG5AqVEdtbjctvqUjvhfPHnH+9MEpalxY90tzwU24kONOINHEsmuw8FAhs1FsTt0cP6IKxpGYpN7gNFWQqQ2B8QqqN4mzYt/uqIsySwlU58kNOqSCeIrmcGrS2BBRqS2pIxiW1++KqnqL84rp+vP/wARVB4kbBtuamezIBMoPL7p09zkZFzs14EuS9IWl9IQXXCsjxRyGa622oSbbssnLYedYc8KxAFtrKVY3XsjIqNdzrJMW03FYOMywP2BUu7oR9uTsfdcSPG8LRd74XacBPdL8kO9o9s2tltD0CrlIuFwktcKTPlPt5B3HHlKTkdBwTXzqn6NZ32S/vrXrY1T9Gs77Jf31DtJMjL+YVymaG0swH6HeiRFFFFWVZcnLB6V+oVYfSKnk6dtO604U94s8wk48kVXmD0r9QroonTkICETpSEAYCUvqAA7BmoOmqBA4m17rQMSw410TWh1rHyTL7opalT9Lg5A8EKUU+ZRkOgnHnwB7hW53Omq0w7k7pie5+TSsuRiT5K+se3p99KplM65zmIyVuypDqw00lbmSSTyGVHlzqUo2Za/bdSUWB9DgPilMloKB7PHrrZXmYysaV4lpIGUQpJngZZE2GfnqrFaq0/b9R2Kdp2Y+yhmaAWXioHveQnPDd9QJwf7KjSN2VQZ9pvl/t02M41MibjL7WMlKgtQPs7agk9y8QJ8iDMlTWZMd1TTzapCsoWk4UDz6iK79k0Tr67wm7tabbPkMyU5S+3KSC4By55WD1ddPGp3koe1huEIzDDT0j4JJhsuta+Vjr58bJ4xXUPwJdvmwkyYkxngvsupVurTvBWOWD0pFEDQ2z57Ae0rAR/icH+qkFqmz6w0w7Hav6LjAXJQpbIckk76QcEjCj1mtaxxNTXySY9qVcZS0+UUvqCUf+yicD2mnHVjXOsY7n/ckNHgskce1HU2b5jIetk+9c6A0RC0TqGdBsMBqRFtjr8d1txe8hYxg+V2nqqK7M1Op0XbNxtagQ7zCSR/1FVH4myvXU5opVc4Kd4YU27cVnPYcAitS9bMtpVhgqkC3y5ENoFSl26UXkoHWSlJ3gPZXN46N+8EdhZd7tFPB3d1SHHavc9LWzK6vdDqKnNJkgg+DHgQer8pcrpdz1rYR3fwTujuWXMmGpR6D1o/mPb2UnH335Cgp9914jkC4sqI7OdfLZWlxJbKkryN0pJBz1Yx10IKkiYyDipc4W19EKV500PPzV0okZgX63uodbIEps5Ch6QqnWovziun66//ABFVLGtn205xKVt2q5qChkETU/8AOuBqrSmpNMKjnUNqkQTL31MqdUDxN3G9zBPMZHvp2rldKBdpFkLg9JFSPcGyhxdbS3C/Mqd7FlOIsM1TaFq/Lee6Cf6MVKNr7q3Nj01KwoEXaHyIx+i9SGYlSWElLEp9kE5IbcUkE+w1l6XLeRuPS5DqM53VuqUPcTXBVgQ7qy9uwdxru9bfG9rf2vGvfVP0azvsl/fXhXvqn6NZ32S/voJniM6hTNR8NN8jvRIiiiirMssTlg9K/UK2q1oPlL9QrZqsnVaozRdbRv53Wj9da/eFW/MNqS7HebA5OIJ7OYqoGjfzutH661+8KtZpu5ES2EFXIuJHzFS+G+47qqf2n8ZnT7qru0n6RtTf3vK/jKp87Gp5i6Gs6M4BZz+0aQ20n6RtTf3vK/jKp0bNAfwBs5/8H+o01Q+M7/cUX2g+Di6j0K5PdXOKm3HSBQcqciPoHr4yQKm9j0sxp7TcSHEbACWwpxQHNaiOaj2mlv3RzqwjR7oPjojSik9ofGKZuzrWlq1PZWQH20yEoCXmVK8ZtXXy83bRMJb3h99clGVrZThsBHu5363y+6iOrNoFs0nqeRY5Maa9LiFIfLSU7qVFIVgZIzyI59FS7RG1fTU2HIlm5d5iI3xXkyPEUlPnHn58uWeddDVVlgXNKFXS0266JQkJQuTGStYSOgBflY9tQO67NNDXNKkohzLG+fJehul1tJ/tNOE5HqUKcd3gEkWIQ0Rw6Rga8Oa7idQlXta1Pa9Xazk3m02Zm2MuDdUUDdVIUP6VaegKPZ7edeeyy0eF9YxQtO8xE/KXeXLxfJHtVj3Vpa40vcdI35dpuJbdyhL0eQ1ktyGlZ3XE56uRBB5ggim93PmmSjSku8uo/GTXMN56eGnIHzyajII3ST/mHMq1YhUMpcPvEciLD6/0mFZpjzSlEZKGwFKPmGQPvIrn7eLUnVWyqW80nfm2ZQns4GSWx4rqfhO9/grhbTdSnR9ts0QLw7dZ4ckjrERrkfetWf8ALqW2O4tsvJRJSHorgKHUnmFtqGFD2gmpZ+zKHRqnQiSkdFUWyOY+hsVUKiu1riwuaY1fdLA4SoQpCkNr9No821e1BSfbXFqukEGxWkscHtDm6FZr31T9Gs77Jf314V76p+jWd9kv76TPEZ1C81Hw03yO9EiKKKKsyyxOaD0r9QrarVg9K/UK2arJ1WqM0XQ01IRF1HbZLhwhqW0pR8wChk1Ye2TjGmpKuZadBI8+DVaOrFMTSuvI6I7UW+cVDjaQhMttO/vpHIb6enI9IZz1ipCgnbHdrsrqv4/h8tSGyRC5GoX3tP0JqdWurrcLdaZNxt1ymOy4kqMnfbUhxRVhRHkKGcEKxginNoTTsi26CtsCXu98stYcCTndJ54qH2/WWnEIC/D8EJ6eayk+4jNF32yWi0w1t2cKuksjCPFKWUnzqJwT6gPaKKY2CAl4dqoiokr69jIDERbkRyzvkFw9v7Mm5al05py2sLlTYluW4622OaC66pQz1DxQkknz1oWjZY+7aHXI+oGo+oUbq47YXw46hz3m+L1L6MHknkR21A16jvK9SO6icmqXcXnCt1xQyF55FJHRu45Y8wFMKwa/sz6EicXLa9+kFJK2iexQ5gdhHtoaN0Ez3OkyJUtUx19HBHHTi7QM7C5vxy8ui0Wl7Y7C+I6od+VunASuPx2z6lDII7Qabem273M01Fm3yEIlwWDxWwMdfI46uXVXDt2ttOtIB/CCAE+bjY+Vel72yaat8BbUUru0nHiIaBSjPasjo9WaLj2IczJcdVC1O/rbNbT7J8wCP99VGNvkXwhM0XaWcGe81ITjrS2t4BGezIcPvpm6UeYtcCPAjYSww2G0DsAxSFseq2blreVqfVE0NP8AB3IyUNKUhv8ARCUgZwEpzjtOantp2laVtz/fS5rkpTKFrbZEZeHHAklCTkYwVbueyvEEsV3SE2v9k/X0dVsRUzWEhozIBtc8+SYGs9D6Z1hNbut1hvyH2o6Y6EolLQlCE5IAA85JJPnNaqobcFtuKyhaGWkBCAtZWcAYGSeZquQ1pq48zqGeCenDmBUy2a7RUQ0zmdWXGVISvdVHcUkuEHmCOQ6Og++uRVkJfpa/Fdq8FrWQ5v2g3QC5/wCBb/dE2njRrJqptOVKSbZMIH6bY3mVH1oJT/l0oKderNc6MvWjLzZFTniuSylyKe9l+JIbO82ejkD4ySfMqknQNYG7y7TcFWDBTL3UMlaQW5Zi2XD+EVsap+jWd9kv76162NU/RrO+yX99Cs8RnUKSqPhpvkd6JEUUUVZllicLSlIGUnGemvvjOel8qKKrdlqFys8Zz0vlRxXPSoopWXblHGc9L5VjjOelRRSslcrPGc9L5VjjOel8qKKVkrlZ4znpfKjjOZ8qiilZK5WOM56XyrPGc9L5UUUkrlHGc9L5UcZz0vlRRSslcrHGc9L5UcZz0vlRRSslcrPGc9L5V8364qXoy5wHE5/EKUhQ+YNFFe4wNtvUeqZqXEU8nyu9Ck5RRRVhWaL/2Q==" alt="KENT USA">
    </div>
    <div class="grid-6 reveal">
      <template x-for="b in $root.brands" :key="b">
        <div class="brand-cell"><div class="brand-name" x-text="b"></div></div>
      </template>
    </div>
  </div>
</section>

<!-- ═══════════ SERVICES ═══════════ -->
<section class="section" id="services" style="background:var(--bg1)">
  <div class="container">
    <div class="services-layout">
      <div class="reveal">
        <div class="label">Support &amp; Services</div>
        <div class="sec-title" style="margin-top:14px;margin-bottom:24px">WE'RE WITH<br>YOU <span>ALWAYS</span></div>
        <p style="font-size:15px;color:var(--muted);line-height:1.75;max-width:420px;margin-bottom:36px">
          From installation to routine maintenance and emergency repairs — our certified technicians keep your KENT USA machines running at peak performance.
        </p>
        <a href="#contact" class="btn-primary">Book a Service <svg width="15" height="15" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path d="M5 12h14M12 5l7 7-7 7"/></svg></a>
      </div>
      <div class="services-grid reveal">
        <template x-for="s in $root.services" :key="s.title">
          <div class="service-card">
            <div class="service-icon" x-html="s.icon"></div>
            <div class="service-title" x-text="s.title"></div>
            <div class="service-desc" x-text="s.desc"></div>
          </div>
        </template>
      </div>
    </div>
  </div>
</section>

<!-- ═══════════ TESTIMONIALS ═══════════ -->
<section class="section" style="background:var(--bg0)">
  <div class="container">
    <div class="sec-header reveal" style="text-align:center">
      <div class="label">Customer Stories</div>
      <div class="sec-title" style="margin-top:14px">WHAT THEY <span>SAY</span></div>
    </div>
    <div class="grid-3 reveal">
      <template x-for="t in $root.testimonials" :key="t.name">
        <div class="testi-card">
          <div class="testi-stars">
            <template x-for="i in 5">
              <svg width="14" height="14" fill="var(--red2)" viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>
            </template>
          </div>
          <p class="testi-text" x-text="t.quote"></p>
          <div class="testi-footer">
            <div class="testi-avatar" x-text="t.initials"></div>
            <div><div class="testi-name" x-text="t.name"></div><div class="testi-role" x-text="t.role"></div></div>
          </div>
        </div>
      </template>
    </div>
  </div>
</section>

<!-- ═══════════ LOCATIONS ═══════════ -->
<section class="section" style="background:var(--bg1)">
  <div class="container">
    <div class="sec-header reveal" style="text-align:center">
      <div class="label">Our Presence</div>
      <div class="sec-title" style="margin-top:14px">FIND US <span>NEAR YOU</span></div>
    </div>
    <div class="grid-4 reveal">
      <template x-for="l in $root.locations" :key="l.city">
        <div class="loc-card">
          <div class="loc-icon">
            <svg width="18" height="18" fill="none" stroke="var(--red2)" stroke-width="2" viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
          </div>
          <div class="loc-city" x-text="l.city"></div>
          <div class="loc-country" x-text="l.country"></div>
          <div class="loc-phone" x-text="l.phone"></div>
        </div>
      </template>
    </div>
  </div>
</section>

<!-- ═══════════ CTA BANNER ═══════════ -->
<div class="cta-banner">
  <div class="cta-inner">
    <img class="cta-logo" src="data:image/png;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4gHYSUNDX1BST0ZJTEUAAQEAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADb/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7/wAARCABWAJYDASIAAhEBAxEB/8QAHAAAAgIDAQEAAAAAAAAAAAAAAAcGCAEEBQMC/8QAShAAAQMDAQQDDAQKCQUAAAAAAQIDBAAFEQYHEhMhMUFhCBQVIjJRUnGBkZKhN1RzsRYjJDZCdKKys8FDRGJ1goPC0dIzNGNyo//EABsBAAEFAQEAAAAAAAAAAAAAAAQAAwUGBwEC/8QANBEAAQMCAwUFBgcBAAAAAAAAAQACAwQRBSExEhNBYXEGFDNRsRUyNHKBwRYiUqHR4fCR/9oADAMBAAIRAxEAPwBW2e8rRHLL7Zd3PJVnnjzGt3w219XV8QqOQelfqFWg0FYLVI2f2aUuyWp51cVBU45BbWpRx0kkZJqvQ0gncQMlpNbjBoI2ucL3ySCF6aP9WV8QoN6aHTHV8QqcbfrTHY1Lp6NabXHYel2sKUzEYSjiOF91IO6kDngAeypbsv0NarJG417hRbhPfSOIl9tLjbQ9FIIxnzn+VemUBdIWDhxXibtAyKnbM7V2gyuk14ba+rq+IUeGmsf9ur4hT82p3fQ+jtPpDGlbE/epaT3oyqE2QgdHFWMeSOodZ5efC42DxY90vt4VNhQ5aiyleH4yFpBKiSQkjA9lI0LRII75pMx17qV1SWENHTPOyhXhtr6ur4hR4ba+rq+IVYlVotKQsnT1lCWxlZ8HM4SM4yfF6MkVsW+HpEqAlWPT/r70ZH8qf9k81H/i4foP7Kt3htr6ur4hR4ba646viFO7b7A0c1swMix2+zx56biwlSorSEubhS5kcueMgZ9leWxmyWybs5iypFotsl7iuAuPw23FHxz1qBNNDD7ybu/C6Md2i2aUVOybE2tkkt4baP8AV1fEKPDTf1ZXxCrAXzR2n7/apNket1stkl4Aw57EVDRYeHk7xSBltWcKHVnPVSAiWuXa9bx7PdohZlRrg2zIYcAOCFjIPUQfcQabmod04A8U/Q442sY5zci3gseG2vq6viFBvbQ6Y6viFW40/pjRkt9hL2lrKorUkH8ib55PqpSbELPapzuqW5dttz3BubiWePHQvcAJ8VO8OQ7BTzsNs4Nvqg4+04fE+XZP5beXFKLw2z9XV8QrHhtn6ur4hVj5dltLDhT4DspHVi3s/wDGvuBbdPlwJkadsyh5+8Gh/ppz2TzQ/wCLh+g/sq3C9tHojq+IV5amdjSNHyZElBSwofjB5khXPo7KfPdBWbTcXZV39arLbYcpNzjoU7HYQhe6UuZGQOg4HuqvWqfo1nfZL++hH0+4nY3mPVSsWI9/oJZLWGy70S0u6rUq7p8I5MUMJDfAzu72E+Rj9Hp83Pq5UVE6KsAbZZy6TaN7JywelfqFW62TPtnZ/Zo7mMd6IPq5CqiwelfqFWc2eyizpOzpB6IbX7oqNw733dFa+0ngR9fspXqOwQ5N7i3ksBUmLBERpZ54TvrWSB1Z38Z7K5ryZDUOa/Fid+y40Zx9iJvbvfC0DO4D6gTjpOMDma3dTawtum9LvXW6ZWkeJHZScLfdxyQn7yegCviyzWrzZoN/tjuOIlLqFJ6ULHP3g1J3bctBzVW2ZNlsrxdunLLgqr3y7T77dX7rc5BkSpCt5SzyAHUkDqSByA6hTN7mVSEamuZc8kxkD5muXt20oizagbv1ujhq1XhSlhtA8WPJHN1rsBzvp7FY6q9tgLvBu11XnH4lv941DwMcypDXaq64hNHNhbnx6ED6ZjL6J66vsQuulr3amZCI67jD4DbqklSUniIVzA59CTSSVsXlpOFaptoP6s9/tTjvt/etuhb5dmEocft8QPtoX5KjxEJwezCjSUe2xXl1WV2e357FrFG1W42hvdVA4V7R3R7rbZvy1sPNcXaBs/laPtcC4vXWJPZmvuMI4La0FKkJSo53urChTl7n19CNnkRlfQpxw/tmkrrfXdw1XaYNtlwosdqHIcfQWlKKipaUpIOerxRTQ2OyODoe3AHGVOn/AOiqYpNjvB3elv4R+Mb/ANns7x7+1n+/lyTMvEBG+kJxlbfET2pyR94qEa80j+E8i3XmI2kX60utF0dBmxEKBI7XGxkjzpyOoVo7UtXv6Y1rpG5AqVEdtbjctvqUjvhfPHnH+9MEpalxY90tzwU24kONOINHEsmuw8FAhs1FsTt0cP6IKxpGYpN7gNFWQqQ2B8QqqN4mzYt/uqIsySwlU58kNOqSCeIrmcGrS2BBRqS2pIxiW1++KqnqL84rp+vP/wARVB4kbBtuamezIBMoPL7p09zkZFzs14EuS9IWl9IQXXCsjxRyGa622oSbbssnLYedYc8KxAFtrKVY3XsjIqNdzrJMW03FYOMywP2BUu7oR9uTsfdcSPG8LRd74XacBPdL8kO9o9s2tltD0CrlIuFwktcKTPlPt5B3HHlKTkdBwTXzqn6NZ32S/vrXrY1T9Gs77Jf31DtJMjL+YVymaG0swH6HeiRFFFFWVZcnLB6V+oVYfSKnk6dtO604U94s8wk48kVXmD0r9QroonTkICETpSEAYCUvqAA7BmoOmqBA4m17rQMSw410TWh1rHyTL7opalT9Lg5A8EKUU+ZRkOgnHnwB7hW53Omq0w7k7pie5+TSsuRiT5K+se3p99KplM65zmIyVuypDqw00lbmSSTyGVHlzqUo2Za/bdSUWB9DgPilMloKB7PHrrZXmYysaV4lpIGUQpJngZZE2GfnqrFaq0/b9R2Kdp2Y+yhmaAWXioHveQnPDd9QJwf7KjSN2VQZ9pvl/t02M41MibjL7WMlKgtQPs7agk9y8QJ8iDMlTWZMd1TTzapCsoWk4UDz6iK79k0Tr67wm7tabbPkMyU5S+3KSC4By55WD1ddPGp3koe1huEIzDDT0j4JJhsuta+Vjr58bJ4xXUPwJdvmwkyYkxngvsupVurTvBWOWD0pFEDQ2z57Ae0rAR/icH+qkFqmz6w0w7Hav6LjAXJQpbIckk76QcEjCj1mtaxxNTXySY9qVcZS0+UUvqCUf+yicD2mnHVjXOsY7n/ckNHgskce1HU2b5jIetk+9c6A0RC0TqGdBsMBqRFtjr8d1txe8hYxg+V2nqqK7M1Op0XbNxtagQ7zCSR/1FVH4myvXU5opVc4Kd4YU27cVnPYcAitS9bMtpVhgqkC3y5ENoFSl26UXkoHWSlJ3gPZXN46N+8EdhZd7tFPB3d1SHHavc9LWzK6vdDqKnNJkgg+DHgQer8pcrpdz1rYR3fwTujuWXMmGpR6D1o/mPb2UnH335Cgp9914jkC4sqI7OdfLZWlxJbKkryN0pJBz1Yx10IKkiYyDipc4W19EKV500PPzV0okZgX63uodbIEps5Ch6QqnWovziun66//ABFVLGtn205xKVt2q5qChkETU/8AOuBqrSmpNMKjnUNqkQTL31MqdUDxN3G9zBPMZHvp2rldKBdpFkLg9JFSPcGyhxdbS3C/Mqd7FlOIsM1TaFq/Lee6Cf6MVKNr7q3Nj01KwoEXaHyIx+i9SGYlSWElLEp9kE5IbcUkE+w1l6XLeRuPS5DqM53VuqUPcTXBVgQ7qy9uwdxru9bfG9rf2vGvfVP0azvsl/fXhXvqn6NZ32S/voJniM6hTNR8NN8jvRIiiiirMssTlg9K/UK2q1oPlL9QrZqsnVaozRdbRv53Wj9da/eFW/MNqS7HebA5OIJ7OYqoGjfzutH661+8KtZpu5ES2EFXIuJHzFS+G+47qqf2n8ZnT7qru0n6RtTf3vK/jKp87Gp5i6Gs6M4BZz+0aQ20n6RtTf3vK/jKp0bNAfwBs5/8H+o01Q+M7/cUX2g+Di6j0K5PdXOKm3HSBQcqciPoHr4yQKm9j0sxp7TcSHEbACWwpxQHNaiOaj2mlv3RzqwjR7oPjojSik9ofGKZuzrWlq1PZWQH20yEoCXmVK8ZtXXy83bRMJb3h99clGVrZThsBHu5363y+6iOrNoFs0nqeRY5Maa9LiFIfLSU7qVFIVgZIzyI59FS7RG1fTU2HIlm5d5iI3xXkyPEUlPnHn58uWeddDVVlgXNKFXS0266JQkJQuTGStYSOgBflY9tQO67NNDXNKkohzLG+fJehul1tJ/tNOE5HqUKcd3gEkWIQ0Rw6Rga8Oa7idQlXta1Pa9Xazk3m02Zm2MuDdUUDdVIUP6VaegKPZ7edeeyy0eF9YxQtO8xE/KXeXLxfJHtVj3Vpa40vcdI35dpuJbdyhL0eQ1ktyGlZ3XE56uRBB5ggim93PmmSjSku8uo/GTXMN56eGnIHzyajII3ST/mHMq1YhUMpcPvEciLD6/0mFZpjzSlEZKGwFKPmGQPvIrn7eLUnVWyqW80nfm2ZQns4GSWx4rqfhO9/grhbTdSnR9ts0QLw7dZ4ckjrERrkfetWf8ALqW2O4tsvJRJSHorgKHUnmFtqGFD2gmpZ+zKHRqnQiSkdFUWyOY+hsVUKiu1riwuaY1fdLA4SoQpCkNr9No821e1BSfbXFqukEGxWkscHtDm6FZr31T9Gs77Jf314V76p+jWd9kv76TPEZ1C81Hw03yO9EiKKKKsyyxOaD0r9QrarVg9K/UK2arJ1WqM0XQ01IRF1HbZLhwhqW0pR8wChk1Ye2TjGmpKuZadBI8+DVaOrFMTSuvI6I7UW+cVDjaQhMttO/vpHIb6enI9IZz1ipCgnbHdrsrqv4/h8tSGyRC5GoX3tP0JqdWurrcLdaZNxt1ymOy4kqMnfbUhxRVhRHkKGcEKxginNoTTsi26CtsCXu98stYcCTndJ54qH2/WWnEIC/D8EJ6eayk+4jNF32yWi0w1t2cKuksjCPFKWUnzqJwT6gPaKKY2CAl4dqoiokr69jIDERbkRyzvkFw9v7Mm5al05py2sLlTYluW4622OaC66pQz1DxQkknz1oWjZY+7aHXI+oGo+oUbq47YXw46hz3m+L1L6MHknkR21A16jvK9SO6icmqXcXnCt1xQyF55FJHRu45Y8wFMKwa/sz6EicXLa9+kFJK2iexQ5gdhHtoaN0Ez3OkyJUtUx19HBHHTi7QM7C5vxy8ui0Wl7Y7C+I6od+VunASuPx2z6lDII7Qabem273M01Fm3yEIlwWDxWwMdfI46uXVXDt2ttOtIB/CCAE+bjY+Vel72yaat8BbUUru0nHiIaBSjPasjo9WaLj2IczJcdVC1O/rbNbT7J8wCP99VGNvkXwhM0XaWcGe81ITjrS2t4BGezIcPvpm6UeYtcCPAjYSww2G0DsAxSFseq2blreVqfVE0NP8AB3IyUNKUhv8ARCUgZwEpzjtOantp2laVtz/fS5rkpTKFrbZEZeHHAklCTkYwVbueyvEEsV3SE2v9k/X0dVsRUzWEhozIBtc8+SYGs9D6Z1hNbut1hvyH2o6Y6EolLQlCE5IAA85JJPnNaqobcFtuKyhaGWkBCAtZWcAYGSeZquQ1pq48zqGeCenDmBUy2a7RUQ0zmdWXGVISvdVHcUkuEHmCOQ6Og++uRVkJfpa/Fdq8FrWQ5v2g3QC5/wCBb/dE2njRrJqptOVKSbZMIH6bY3mVH1oJT/l0oKderNc6MvWjLzZFTniuSylyKe9l+JIbO82ejkD4ySfMqknQNYG7y7TcFWDBTL3UMlaQW5Zi2XD+EVsap+jWd9kv76162NU/RrO+yX99Cs8RnUKSqPhpvkd6JEUUUVZllicLSlIGUnGemvvjOel8qKKrdlqFys8Zz0vlRxXPSoopWXblHGc9L5VjjOelRRSslcrPGc9L5VjjOel8qKKVkrlZ4znpfKjjOZ8qiilZK5WOM56XyrPGc9L5UUUkrlHGc9L5UcZz0vlRRSslcrHGc9L5UcZz0vlRRSslcrPGc9L5V8364qXoy5wHE5/EKUhQ+YNFFe4wNtvUeqZqXEU8nyu9Ck5RRRVhWaL/2Q==" alt="KENT USA">
    <div class="cta-title">READY TO UPGRADE YOUR SHOP?</div>
    <p class="cta-sub">Talk to our specialists today. No obligation — just expert advice tailored to your exact needs.</p>
    <a href="#contact" class="btn-white">Get a Free Consultation <svg width="17" height="17" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path d="M5 12h14M12 5l7 7-7 7"/></svg></a>
  </div>
</div>

<!-- ═══════════ CONTACT ═══════════ -->
<section class="section" id="contact" style="background:var(--bg1)">
  <div class="container">
    <div class="contact-layout">
      <div class="reveal">
        <div class="label">Get in Touch</div>
        <div class="sec-title" style="margin-top:14px;margin-bottom:28px">REQUEST<br><span>A QUOTE</span></div>
        <p style="font-size:15px;color:var(--muted);line-height:1.75;margin-bottom:36px">
          Our specialists respond within 24 hours with the best KENT USA solution for your production needs.
        </p>
        <div class="contact-info-item">
          <div class="ci-icon"><svg width="16" height="16" fill="none" stroke="var(--red2)" stroke-width="2" viewBox="0 0 24 24"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 14a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 3.18h3a2 2 0 0 1 2 1.72 12.77 12.77 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L7.91 10.82a16 16 0 0 0 6 6l.94-.94a2 2 0 0 1 2.11-.45 12.77 12.77 0 0 0 2.81.7A2 2 0 0 1 21.73 18z"/></svg></div>
          <div><div class="ci-label">Phone</div><div class="ci-value">1.888.565.8807</div></div>
        </div>
        <div class="contact-info-item">
          <div class="ci-icon"><svg width="16" height="16" fill="none" stroke="var(--red2)" stroke-width="2" viewBox="0 0 24 24"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg></div>
          <div><div class="ci-label">Email</div><div class="ci-value">sales@kentusa.com</div></div>
        </div>
      </div>
      <div class="reveal">
        <form x-data="{sent:false}" @submit.prevent="sent=true;setTimeout(()=>sent=false,3500)">
          <div class="form-row">
            <div class="form-group"><label class="form-label">Full Name</label><input class="form-input" type="text" placeholder="John Smith"></div>
            <div class="form-group"><label class="form-label">Company</label><input class="form-input" type="text" placeholder="Acme Industries"></div>
          </div>
          <div class="form-row">
            <div class="form-group"><label class="form-label">Email</label><input class="form-input" type="email" placeholder="john@company.com"></div>
            <div class="form-group"><label class="form-label">Phone</label><input class="form-input" type="tel" placeholder="+1 (555) 000-0000"></div>
          </div>
          <div class="form-group"><label class="form-label">Product Interest</label>
            <select class="form-select">
              <option value="">Select a machine type...</option>
              <option>Surface Grinders</option>
              <option>Vertical Milling Center</option>
              <option>Horizontal Milling Center</option>
              <option>Turning Center</option>
              <option>EDM Machines</option>
              <option>Deep Hole Drilling</option>
              <option>Other</option>
            </select>
          </div>
          <div class="form-group"><label class="form-label">Message</label><textarea class="form-textarea" rows="4" placeholder="Tell us about your production requirements..."></textarea></div>
          <button type="submit" class="btn-submit">
            <span x-text="sent ? 'Message Sent ✓' : 'Send Request'"></span>
            <svg x-show="!sent" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
          </button>
        </form>
      </div>
    </div>
  </div>
</section>

<!-- ═══════════ FOOTER ═══════════ -->
<footer class="footer">
  <div class="container">
    <div class="footer-grid">
      <div>
        <img class="footer-logo" src="data:image/png;base64,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" alt="KENT USA">
        <p class="footer-about">KENT USA — trusted worldwide for precision CNC machine tools and surface grinding solutions since 1979.</p>
        <div class="footer-phone">1.888.565.8807</div>
      </div>
      <div>
        <div class="footer-col-title">Products</div>
        <ul class="footer-links">
          <li><a href="#">Surface Grinders</a></li>
          <li><a href="#">Milling Centers</a></li>
          <li><a href="#">Turning Centers</a></li>
          <li><a href="#">EDM Machines</a></li>
          <li><a href="#">Pre-Owned</a></li>
        </ul>
      </div>
      <div>
        <div class="footer-col-title">Company</div>
        <ul class="footer-links">
          <li><a href="#">About Us</a></li>
          <li><a href="#">Meet the Team</a></li>
          <li><a href="#">Financing</a></li>
          <li><a href="#">Blog</a></li>
          <li><a href="#">Events</a></li>
        </ul>
      </div>
      <div>
        <div class="footer-col-title">Locations</div>
        <ul class="footer-links">
          <li><a href="#">Mississauga, ON</a></li>
          <li><a href="#">Montreal, QC</a></li>
          <li><a href="#">Windsor, ON</a></li>
          <li><a href="#">Michigan, USA</a></li>
        </ul>
      </div>
    </div>
    <div class="footer-bottom">
      <div class="footer-copy">© 2026 KENT USA Machinery Solutions. All rights reserved.</div>
      <div class="footer-legal"><a href="#">Privacy Policy</a><a href="#">Terms of Service</a></div>
    </div>
  </div>
</footer>

<script>
/* ─── HAMBURGER ─── */
function toggleMenu(){
  document.getElementById('mobileNav').classList.toggle('open');
}
function closeMenu(){
  document.getElementById('mobileNav').classList.remove('open');
}

/* ─── FILTER ─── */
function setFilter(type, btn){
  window.__filterType = type;
  document.querySelectorAll('.filter-tab').forEach(b=>b.classList.remove('active'));
  btn.classList.add('active');
  // Trigger Alpine update
  document.dispatchEvent(new CustomEvent('filterchange',{detail:type}));
}

/* ─── ALPINE APP ─── */
function app(){
  return {
    cx:0,cy:0,rx:0,ry:0,
    filterType:'all',
    move(e){
      this.cx=e.clientX;this.cy=e.clientY;
      setTimeout(()=>{this.rx=e.clientX;this.ry=e.clientY;},90);
    },
    categories:[
      {name:'Surface Grinders',types:4,icon:'<svg width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><rect x="3" y="11" width="18" height="9" rx="2"/><line x1="7" y1="11" x2="7" y2="5"/><line x1="12" y1="11" x2="12" y2="3"/><line x1="17" y1="11" x2="17" y2="7"/></svg>'},
      {name:'Vertical Milling Center',types:5,icon:'<svg width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><rect x="8" y="3" width="8" height="18" rx="2"/><line x1="4" y1="12" x2="8" y2="12"/><circle cx="4" cy="12" r="1.5"/></svg>'},
      {name:'Horizontal Milling Center',types:3,icon:'<svg width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><rect x="3" y="8" width="18" height="10" rx="2"/><line x1="12" y1="4" x2="12" y2="8"/><circle cx="12" cy="4" r="1.5"/></svg>'},
      {name:'Turning Center',types:6,icon:'<svg width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="3"/><line x1="12" y1="3" x2="12" y2="9"/></svg>'},
      {name:'EDM Machines',types:3,icon:'<svg width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><polygon points="13,2 3,14 12,14 11,22 21,10 12,10"/></svg>'},
      {name:'Deep Hole Drilling',types:2,icon:'<svg width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><line x1="12" y1="2" x2="12" y2="22"/><path d="M8 6l4-4 4 4"/><rect x="9" y="10" width="6" height="8" rx="1"/></svg>'},
    ],
    products:[
      {name:'SGS-2040AHD Surface Grinder',type:'Surface Grinder',brand:'Series AHD',condition:'NEW',inStock:true,filter:'new',specs:['20"×40" Table','0.0001" Res.','Auto Feed'],svg:'<svg viewBox="0 0 140 110" fill="none"><rect x="10" y="12" width="120" height="68" rx="4" fill="#222" stroke="rgba(198,40,40,.4)" stroke-width="1"/><rect x="20" y="22" width="100" height="12" rx="2" fill="#1e1e1e" stroke="rgba(198,40,40,.25)" stroke-width="1"/><rect x="14" y="64" width="112" height="10" rx="2" fill="#333"/><rect x="55" y="3" width="30" height="16" rx="3" fill="#2a2a2a" stroke="rgba(198,40,40,.5)" stroke-width="1"/><circle cx="70" cy="11" r="5" fill="rgba(198,40,40,.2)" stroke="#C62828" stroke-width="1.5"/><circle cx="70" cy="11" r="2" fill="#E53935"/><line x1="10" y1="42" x2="130" y2="42" stroke="rgba(198,40,40,.4)" stroke-width=".6"><animateTransform attributeName="transform" type="translate" values="0,-12;0,12;0,-12" dur="2.5s" repeatCount="indefinite"/></line><circle cx="30" cy="36" r="2" fill="#E53935"><animate attributeName="opacity" values="0;1;0" dur="1.4s" repeatCount="indefinite"/></circle><circle cx="110" cy="36" r="2" fill="#E53935"><animate attributeName="opacity" values="0;1;0" dur="1.4s" repeatCount="indefinite" begin=".7s"/></circle><rect x="10" y="88" width="120" height="16" rx="3" fill="#1a1a1a" stroke="rgba(255,255,255,.05)" stroke-width="1"/></svg>'},
      {name:'KVR-1060ATC VMC',type:'Vertical Machining Center',brand:'Series VMC',condition:'NEW',inStock:true,filter:'new',specs:['5-Axis','10×60" Travel','12000 RPM'],svg:'<svg viewBox="0 0 130 120" fill="none"><rect x="20" y="44" width="90" height="66" rx="4" fill="#222" stroke="rgba(198,40,40,.4)" stroke-width="1"/><rect x="40" y="22" width="50" height="28" rx="3" fill="#2a2a2a" stroke="rgba(198,40,40,.3)" stroke-width="1"/><circle cx="65" cy="50" r="10" fill="rgba(198,40,40,.2)" stroke="#C62828" stroke-width="1.5"/><circle cx="65" cy="50" r="4" fill="#E53935"/><rect x="32" y="92" width="66" height="10" rx="2" fill="#333"/><rect x="96" y="60" width="10" height="28" rx="2" fill="#252525"/><circle cx="101" cy="68" r="3" fill="rgba(198,40,40,.9)"/><circle cx="101" cy="77" r="3" fill="rgba(100,200,100,.7)"/></svg>'},
      {name:'KTC-200 CNC Lathe',type:'Turning Center',brand:'Series TC',condition:'NEW',inStock:false,filter:'new',specs:['2-Axis','Ø200mm','3500 RPM'],svg:'<svg viewBox="0 0 140 110" fill="none"><rect x="14" y="30" width="112" height="60" rx="4" fill="#222" stroke="rgba(198,40,40,.4)" stroke-width="1"/><circle cx="44" cy="60" r="20" fill="#1a1a1a" stroke="rgba(198,40,40,.3)" stroke-width="1"/><circle cx="44" cy="60" r="11" fill="#2a2a2a" stroke="rgba(198,40,40,.5)" stroke-width="1"/><circle cx="44" cy="60" r="4.5" fill="#E53935" opacity=".8"/><rect x="74" y="42" width="42" height="32" rx="3" fill="#1e1e1e" stroke="rgba(255,255,255,.07)" stroke-width="1"/><rect x="80" y="49" width="30" height="5" rx="1" fill="rgba(198,40,40,.4)"/><rect x="80" y="58" width="22" height="5" rx="1" fill="rgba(255,255,255,.1)"/><rect x="20" y="88" width="100" height="8" rx="2" fill="#333"/></svg>'},
      {name:'SGS-618 Manual Grinder',type:'Surface Grinder',brand:'Series SGS',condition:'PRE-OWNED',inStock:true,filter:'used',specs:['6"×18" Table','Manual Feed','Hydraulic'],svg:'<svg viewBox="0 0 140 110" fill="none"><rect x="10" y="18" width="120" height="62" rx="4" fill="#1e1e1e" stroke="rgba(198,40,40,.3)" stroke-width="1"/><rect x="20" y="28" width="100" height="10" rx="2" fill="#242424" stroke="rgba(255,255,255,.06)" stroke-width="1"/><rect x="14" y="58" width="112" height="14" rx="2" fill="#333"/><rect x="55" y="7" width="30" height="18" rx="3" fill="#2a2a2a" stroke="rgba(198,40,40,.4)" stroke-width="1"/><circle cx="70" cy="16" r="6" fill="rgba(198,40,40,.15)" stroke="#C62828" stroke-width="1"/><circle cx="70" cy="16" r="2.5" fill="#E53935"/><rect x="10" y="86" width="120" height="16" rx="3" fill="#1a1a1a"/></svg>'},
      {name:'KVR-760 Knee Mill',type:'Vertical Knee Mill',brand:'Series KVR',condition:'PRE-OWNED',inStock:true,filter:'used',specs:['3-Axis','Knee Type','Variable Speed'],svg:'<svg viewBox="0 0 130 120" fill="none"><rect x="30" y="6" width="70" height="84" rx="3" fill="#222" stroke="rgba(198,40,40,.3)" stroke-width="1"/><rect x="14" y="58" width="102" height="22" rx="3" fill="#1e1e1e" stroke="rgba(255,255,255,.07)" stroke-width="1"/><circle cx="65" cy="28" r="14" fill="#2a2a2a" stroke="rgba(198,40,40,.5)" stroke-width="1.5"/><circle cx="65" cy="28" r="6" fill="#E53935" opacity=".8"/><rect x="26" y="82" width="78" height="16" rx="2" fill="#333"/><rect x="14" y="96" width="102" height="10" rx="2" fill="#1a1a1a"/></svg>'},
      {name:'KHB-130 Boring Mill',type:'Horizontal Boring Mill',brand:'Series HBM',condition:'NEW',inStock:true,filter:'new',specs:['130mm Spindle','W-Axis','CNC Control'],svg:'<svg viewBox="0 0 140 120" fill="none"><rect x="5" y="16" width="32" height="94" rx="3" fill="#222" stroke="rgba(198,40,40,.3)" stroke-width="1"/><rect x="37" y="54" width="86" height="10" rx="2" fill="#2a2a2a" stroke="rgba(198,40,40,.4)" stroke-width="1"/><circle cx="115" cy="59" r="7" fill="rgba(198,40,40,.2)" stroke="#C62828" stroke-width="1.5"/><circle cx="115" cy="59" r="3" fill="#E53935"/><rect x="37" y="74" width="95" height="36" rx="3" fill="#1e1e1e" stroke="rgba(255,255,255,.06)" stroke-width="1"/><rect x="48" y="85" width="72" height="14" rx="2" fill="#333"/><line x1="72" y1="74" x2="72" y2="110" stroke="rgba(255,255,255,.04)" stroke-width="1"/><line x1="96" y1="74" x2="96" y2="110" stroke="rgba(255,255,255,.04)" stroke-width="1"/><line x1="120" y1="74" x2="120" y2="110" stroke="rgba(255,255,255,.04)" stroke-width="1"/></svg>'},
    ],
    brands:['KENT USA','AWEA','GROB','GOODWAY','TONGTAI','HURON','APEC','MAXXTRON','FERMAT','FAGIMA','IMSA','SXKH'],
    services:[
      {title:'Installation & Setup',desc:'Full machine commissioning, installation, and precision calibration at your facility by certified engineers.',icon:'<svg width="22" height="22" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/></svg>'},
      {title:'Preventive Maintenance',desc:'Scheduled maintenance programs specifically designed to maximize uptime and extend machine lifespan.',icon:'<svg width="22" height="22" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>'},
      {title:'Emergency Repair',desc:'Same-day response available 7 days a week. Minimize downtime with our rapid-response service team.',icon:'<svg width="22" height="22" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg>'},
      {title:'Operator Training',desc:'Hands-on KENT USA machine training programs tailored for your team at your facility.',icon:'<svg width="22" height="22" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>'},
    ],
    testimonials:[
      {quote:'KENT USA machines have been the backbone of our production floor for over 15 years. Reliability, precision, and amazing after-sales support — simply the best.',name:'Sal Mazza',role:'Facilities Manager — Omega Tool Corp',initials:'SM'},
      {quote:'The SGS surface grinder we got from KENT USA outperforms everything else we own. Same-day tech support keeps our projects on track every single time.',name:'Mike Secrest',role:'General Manager — Viking Tool & Engineering',initials:'MS'},
      {quote:'Five machines over three years, every experience flawless. KENT USA is our go-to for any new machine investment and we recommend them without hesitation.',name:'Priya Nair',role:'Operations Director — Apex Precision Inc.',initials:'PN'},
    ],
    locations:[
      {city:'MISSISSAUGA',country:'Ontario, Canada',phone:'+1.888.565.8807'},
      {city:'MONTREAL',country:'Quebec, Canada',phone:'+1.514.000.0000'},
      {city:'WINDSOR',country:'Ontario, Canada',phone:'+1.519.000.0000'},
      {city:'MICHIGAN',country:'United States',phone:'+1.313.000.0000'},
    ],
    get filteredProducts(){
      if(this.filterType==='all') return this.products;
      return this.products.filter(p=>p.filter===this.filterType);
    },
    init(){
      /* Loader */
      setTimeout(()=>{
        const l=document.getElementById('loader');
        l.classList.add('hide');
        setTimeout(()=>l.remove(),700);
        /* Hero entrance */
        ['he1','he2','he3','he4','he5'].forEach((id,i)=>{
          setTimeout(()=>{
            const el=document.getElementById(id);
            if(el){el.style.opacity='1';el.style.transform='translateY(0)';}
          },i*150+50);
        });
      },1950);
      /* Scroll reveal */
      const io=new IntersectionObserver(entries=>{
        entries.forEach(e=>{if(e.isIntersecting)e.target.classList.add('in');});
      },{threshold:.1});
      document.querySelectorAll('.reveal').forEach(el=>io.observe(el));
      /* Stat counters */
      const so=new IntersectionObserver(entries=>{
        entries.forEach(entry=>{
          if(!entry.isIntersecting) return;
          entry.target.querySelectorAll('[data-target]').forEach(el=>{
            const tgt=+el.dataset.target,step=tgt/55;
            let v=0;
            const t=setInterval(()=>{
              v+=step;
              el.textContent=v>=tgt?(clearInterval(t),tgt+'+'):Math.floor(v);
            },18);
          });
          so.unobserve(entry.target);
        });
      },{threshold:.4});
      document.querySelectorAll('.stats-grid').forEach(el=>so.observe(el));
      /* Filter event */
      document.addEventListener('filterchange',e=>{ this.filterType=e.detail; });
    }
  }
}
</script>
</body>
</html>

Youez - 2016 - github.com/yon3zu
LinuXploit