Your Journey

Our Commitment

Across every mile, every purpose and every possibility.

Explore Our Vehicles

Explore

Our Brands

World-class brands. Vehicles for every journey.

Built for Business
Ready for More

Reliable commercial vehicles,
that keep your business moving.

Explore Commercial

ANSA Mobility

Moving with you, wherever
the road takes you.

Explore ANSA Mobility

Pre-Owned Vehicles

Carefully selected. Thoroughly inspected.
Ready for the road.

Explore Pre-Owned / CARMAX

Pre-owned vehicle
ANSA Motors service and maintenance facility

Expert Care

Keeping You Moving

Professional service and maintenance
for lasting performance and peace of mind.

Book a Service

Our Locations

First Name *
Last Name *
Contact Number *
Email *
Select Nearest Location *
Select a Brand *
Select a Model *
Select a Model *
Select a Model *
Select a Model *
Select a Model *

ANSA Motors - Alternative Homepage

.ansa-home-alt { --aha-blue: #0f4b8f; --aha-blue-deep: #063a78; --aha-blue-bright: #075baa; --aha-yellow: #f5dc16; --aha-ink: #17314f; --aha-muted: #566272; width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); overflow: hidden; color: var(--aha-ink); background: #fff; font-family: "Montserrat", "Avenir Next", Arial, sans-serif; } .ansa-home-alt, .ansa-home-alt * { box-sizing: border-box; } .ansa-home-alt img, .ansa-home-alt video { display: block; max-width: 100%; } .ansa-home-alt h1, .ansa-home-alt h2, .ansa-home-alt h3, .ansa-home-alt p { margin-top: 0; } .ansa-home-alt a { text-decoration: none; } .ansa-home-alt button { font: inherit; } .ansa-home-alt > p:last-child { height: 0; margin: 0 !important; overflow: hidden; } .ansa-home-alt .aha-sr-only { width: 1px; height: 1px; padding: 0; position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .ansa-home-alt .aha-btn { min-height: 44px; padding: 12px 19px; display: inline-flex; align-items: center; justify-content: center; gap: 15px; border: 2px solid transparent; border-radius: 4px; color: #073c78; background: var(--aha-yellow); box-shadow: 0 7px 20px rgba(0, 0, 0, .13); font-size: 12px; line-height: 1; font-weight: 800; letter-spacing: .015em; text-transform: uppercase; transition: transform .28s cubic-bezier(.22, 1, .36, 1), box-shadow .28s ease, background-color .28s ease, color .28s ease, border-color .28s ease; } .ansa-home-alt .aha-btn::after { content: "\2192"; font-size: 20px; line-height: .7; transition: transform .28s cubic-bezier(.22, 1, .36, 1); } .ansa-home-alt .aha-btn:hover, .ansa-home-alt .aha-btn:focus-visible { color: #073c78; background: #ffe52a; box-shadow: 0 10px 25px rgba(0, 0, 0, .2); transform: translateY(-2px); } .ansa-home-alt .aha-btn:hover::after, .ansa-home-alt .aha-btn:focus-visible::after { transform: translateX(4px); } .ansa-home-alt a:focus-visible, .ansa-home-alt button:focus-visible { outline: 3px solid #fff; outline-offset: 3px; } /* Hero */ .ansa-home-alt .aha-hero { min-height: clamp(510px, 45vw, 665px); position: relative; isolation: isolate; overflow: hidden; color: #fff; background: #071d33; } .ansa-home-alt .aha-hero-media, .ansa-home-alt .aha-hero-slide, .ansa-home-alt .aha-hero-slide video { width: 100%; height: 100%; position: absolute; inset: 0; } .ansa-home-alt .aha-hero-slide { opacity: 0; visibility: hidden; background: #071d33; transition: opacity .65s ease, visibility .65s ease; } .ansa-home-alt .aha-hero-slide.is-active { opacity: 1; visibility: visible; } .ansa-home-alt .aha-hero-slide video { object-fit: cover; object-position: center; } .ansa-home-alt .aha-hero::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(90deg, rgba(1, 22, 47, .24), transparent 66%); } .ansa-home-alt .aha-hero-panel { width: min(48%, 720px); height: 100%; padding: clamp(70px, 7vw, 112px) clamp(32px, 6vw, 96px) 92px; position: absolute; inset: 0 auto 0 0; z-index: 2; display: flex; align-items: center; background: linear-gradient(135deg, #0758a5 0%, #06468d 52%, #04356e 100%); clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%); } .ansa-home-alt .aha-hero-copy { width: min(390px, 80%); } .ansa-home-alt .aha-eyebrow { margin-bottom: 16px; color: var(--aha-yellow); font-size: clamp(13px, 1.15vw, 17px); line-height: 1.15; font-weight: 800; letter-spacing: .045em; text-transform: uppercase; } .ansa-home-alt .aha-hero h1 { margin-bottom: 18px; color: #fff; font-size: clamp(47px, 5vw, 78px); line-height: .94; font-weight: 800; letter-spacing: -.035em; text-transform: uppercase; } .ansa-home-alt .aha-hero-copy p:not(.aha-eyebrow) { max-width: 330px; margin-bottom: 28px; color: rgba(255, 255, 255, .92); font-size: clamp(14px, 1.3vw, 18px); line-height: 1.55; font-weight: 500; } .ansa-home-alt .aha-hero-controls { width: 100%; padding: 0 clamp(20px, 5vw, 78px) 30px; position: absolute; inset: auto 0 0; z-index: 3; display: flex; align-items: center; justify-content: space-between; pointer-events: none; } .ansa-home-alt .aha-hero-arrow, .ansa-home-alt .aha-hero-dot { pointer-events: auto; cursor: pointer; } .ansa-home-alt .aha-hero-arrow { width: 40px; height: 40px; padding: 0; display: grid; place-items: center; border: 0; border-radius: 50%; color: var(--aha-blue-deep); background: rgba(255, 255, 255, .95); box-shadow: 0 4px 14px rgba(0, 0, 0, .22); font-size: 28px; line-height: 1; transition: transform .2s ease, background .2s ease; } .ansa-home-alt .aha-hero-arrow:hover { background: var(--aha-yellow); transform: scale(1.06); } .ansa-home-alt .aha-hero-dots { display: flex; align-items: center; gap: 9px; } .ansa-home-alt .aha-hero-dot { width: 31px; height: 4px; padding: 0; border: 0; border-radius: 5px; background: rgba(255, 255, 255, .9); transition: background .2s ease, transform .2s ease; } .ansa-home-alt .aha-hero-dot.is-active { background: var(--aha-yellow); transform: scaleX(1.15); } /* Vehicle cards */ .ansa-home-alt .aha-vehicles { padding: clamp(45px, 5.3vw, 75px) clamp(20px, 4vw, 64px) clamp(50px, 5.5vw, 80px); position: relative; overflow: hidden; scroll-margin-top: 100px; background: #fff; } .ansa-home-alt .aha-vehicles::before, .ansa-home-alt .aha-vehicles::after { content: ""; width: 165px; height: 95px; position: absolute; top: 30px; opacity: .9; background-image: radial-gradient(circle, var(--aha-yellow) 2px, transparent 2.3px); background-size: 18px 18px; } .ansa-home-alt .aha-vehicles::before { left: 38px; } .ansa-home-alt .aha-vehicles::after { right: 38px; } .ansa-home-alt .aha-section-head { margin-bottom: 34px; position: relative; z-index: 1; text-align: center; } .ansa-home-alt .aha-section-head p { margin-bottom: 8px; color: var(--aha-yellow); font-size: 14px; line-height: 1; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; } .ansa-home-alt .aha-section-head h2 { margin-bottom: 0; color: var(--aha-blue-deep); font-size: clamp(34px, 4vw, 55px); line-height: 1; font-weight: 800; letter-spacing: -.025em; text-transform: uppercase; } .ansa-home-alt .aha-section-head .aha-section-subtitle { margin: 13px 0 0; color: #4f5863; font-size: 14px; line-height: 1.45; font-weight: 500; letter-spacing: 0; text-transform: none; } .ansa-home-alt .aha-brand-grid { width: min(1360px, 100%); margin: 0 auto; position: relative; z-index: 1; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; } .ansa-home-alt .aha-brand-card { min-width: 0; min-height: 0; aspect-ratio: 728 / 1024; margin: 3px 0 4px; padding: 0; position: relative; display: block; overflow: hidden; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .ansa-home-alt .aha-brand-logo { width: 33%; height: auto; margin: 0; position: absolute; top: 33px; left: 50%; z-index: 1; object-fit: initial; transform: translateX(-50%); } .ansa-home-alt .aha-brand-car { width: 100%; max-width: 100%; height: 100%; margin: 0; position: absolute; inset: 0; z-index: 0; object-fit: fill; object-position: center; filter: none; } .ansa-home-alt .aha-brand-card .aha-btn { min-height: 0; padding: 7px 12px; position: absolute; left: 50%; bottom: 33px; z-index: 2; border-width: 2px; border-color: #fff; border-radius: 3px; color: #fff; background: transparent; box-shadow: none; font-size: 11px; line-height: 15px; font-weight: 500; white-space: nowrap; transform: translateX(-50%); } .ansa-home-alt .aha-brand-card .aha-btn::after { display: none; } .ansa-home-alt .aha-brand-card .aha-btn:hover, .ansa-home-alt .aha-brand-card .aha-btn:focus-visible { color: var(--aha-blue-deep); background: #fff; box-shadow: 0 8px 20px rgba(3, 42, 82, .18); transform: translateX(-50%) translateY(-2px); } /* Stacked feature bands */ .ansa-home-alt .aha-feature { min-height: clamp(270px, 25vw, 340px); position: relative; isolation: isolate; display: flex; align-items: center; overflow: hidden; color: #fff; background: var(--aha-blue-deep); } .ansa-home-alt .aha-feature::before { content: ""; position: absolute; inset: 0; z-index: -2; background: var(--aha-image) var(--aha-position, center) / cover no-repeat; } .ansa-home-alt .aha-feature::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(5, 58, 120, 1) 0%, rgba(7, 76, 149, .97) 25%, rgba(7, 76, 149, .62) 47%, rgba(7, 76, 149, .04) 72%); } .ansa-home-alt .aha-feature-copy { width: min(560px, 47vw); margin-left: clamp(32px, 6.3vw, 108px); padding: 48px 0; } .ansa-home-alt .aha-accent { width: 29px; height: 4px; margin-bottom: 17px; border-radius: 3px; background: var(--aha-yellow); } .ansa-home-alt .aha-feature h2 { margin-bottom: 14px; color: #fff; font-size: clamp(30px, 3.25vw, 50px); line-height: 1.06; font-weight: 800; letter-spacing: -.025em; text-transform: uppercase; } .ansa-home-alt .aha-feature-copy > p { max-width: 385px; margin-bottom: 24px; color: rgba(255, 255, 255, .94); font-size: clamp(14px, 1.35vw, 18px); line-height: 1.5; font-weight: 500; } .ansa-home-alt .aha-commercial { --aha-image: url("https://am-dev-update-staging.webwatersdev.com/wp-content/uploads/2025/12/Commercial-Building-and-Trucks.jpg"); --aha-position: center; } .ansa-home-alt .aha-mobility { --aha-image: url("https://am-dev-update-staging.webwatersdev.com/wp-content/uploads/2026/02/Ansa-Mobility.jpg"); --aha-position: center 57%; min-height: clamp(260px, 24vw, 320px); } .ansa-home-alt .aha-preowned { height: clamp(300px, 25vw, 350px); min-height: 0; display: grid; grid-template-columns: minmax(330px, 36%) 1fr; background: #f4f4f5; } .ansa-home-alt .aha-preowned-copy { padding: 50px clamp(30px, 5vw, 82px); padding-left: clamp(82px, 8vw, 125px); position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .ansa-home-alt .aha-preowned-copy::before { content: ""; width: 34px; height: 196px; position: absolute; top: 50%; left: clamp(24px, 3vw, 48px); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 196'%3E%3Cg fill='%23f5dc16' fill-opacity='.58'%3E%3Ccircle cx='5' cy='6' r='1.8'/%3E%3Ccircle cx='17' cy='6' r='1.8'/%3E%3Ccircle cx='29' cy='6' r='1.8'/%3E%3Ccircle cx='5' cy='20' r='1.8'/%3E%3Ccircle cx='17' cy='20' r='1.8'/%3E%3Ccircle cx='29' cy='20' r='1.8'/%3E%3Ccircle cx='17' cy='34' r='1.8'/%3E%3Ccircle cx='29' cy='34' r='1.8'/%3E%3Ccircle cx='5' cy='48' r='1.8'/%3E%3Ccircle cx='17' cy='48' r='1.8'/%3E%3Ccircle cx='29' cy='48' r='1.8'/%3E%3Ccircle cx='5' cy='62' r='1.8'/%3E%3Ccircle cx='29' cy='62' r='1.8'/%3E%3Ccircle cx='5' cy='76' r='1.8'/%3E%3Ccircle cx='17' cy='76' r='1.8'/%3E%3Ccircle cx='29' cy='76' r='1.8'/%3E%3Ccircle cx='5' cy='90' r='1.8'/%3E%3Ccircle cx='17' cy='90' r='1.8'/%3E%3Ccircle cx='5' cy='104' r='1.8'/%3E%3Ccircle cx='17' cy='104' r='1.8'/%3E%3Ccircle cx='29' cy='104' r='1.8'/%3E%3Ccircle cx='5' cy='118' r='1.8'/%3E%3Ccircle cx='17' cy='118' r='1.8'/%3E%3Ccircle cx='29' cy='118' r='1.8'/%3E%3Ccircle cx='17' cy='132' r='1.8'/%3E%3Ccircle cx='29' cy='132' r='1.8'/%3E%3Ccircle cx='5' cy='146' r='1.8'/%3E%3Ccircle cx='29' cy='146' r='1.8'/%3E%3Ccircle cx='5' cy='160' r='1.8'/%3E%3Ccircle cx='17' cy='160' r='1.8'/%3E%3Ccircle cx='29' cy='160' r='1.8'/%3E%3Ccircle cx='5' cy='174' r='1.8'/%3E%3Ccircle cx='17' cy='174' r='1.8'/%3E%3Ccircle cx='29' cy='174' r='1.8'/%3E%3Ccircle cx='5' cy='188' r='1.8'/%3E%3Ccircle cx='17' cy='188' r='1.8'/%3E%3C/g%3E%3Cg fill='%23aeb4bc' fill-opacity='.42'%3E%3Ccircle cx='5' cy='34' r='1.8'/%3E%3Ccircle cx='17' cy='62' r='1.8'/%3E%3Ccircle cx='29' cy='90' r='1.8'/%3E%3Ccircle cx='5' cy='132' r='1.8'/%3E%3Ccircle cx='17' cy='146' r='1.8'/%3E%3Ccircle cx='29' cy='188' r='1.8'/%3E%3C/g%3E%3C/svg%3E"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat; transform: translateY(-50%); } .ansa-home-alt .aha-preowned h2 { margin-bottom: 13px; color: var(--aha-blue-deep); font-size: clamp(28px, 3.05vw, 47px); line-height: 1.08; font-weight: 800; letter-spacing: -.025em; text-transform: uppercase; } .ansa-home-alt .aha-preowned-copy > p { max-width: 355px; margin-bottom: 24px; color: #3f4852; font-size: clamp(14px, 1.25vw, 17px); line-height: 1.5; font-weight: 500; } .ansa-home-alt .aha-preowned .aha-btn { color: #fff; background: var(--aha-blue-bright); } .ansa-home-alt .aha-preowned .aha-btn:hover, .ansa-home-alt .aha-preowned .aha-btn:focus-visible { color: #fff; background: var(--aha-blue-deep); } .ansa-home-alt .aha-preowned-media { min-height: 275px; overflow: hidden; } .ansa-home-alt .aha-preowned-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .ansa-home-alt .aha-service { height: clamp(300px, 26vw, 360px); min-height: 0; display: grid; grid-template-columns: 58% 42%; color: #fff; background: linear-gradient(135deg, #0759aa 0%, #053a7a 100%); } .ansa-home-alt .aha-service-media { min-height: 280px; overflow: hidden; } .ansa-home-alt .aha-service-media img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .ansa-home-alt .aha-service-copy { padding: 48px clamp(30px, 4.5vw, 72px); display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .ansa-home-alt .aha-service h2 { margin-bottom: 13px; color: #fff; font-size: clamp(29px, 3.1vw, 47px); line-height: 1.08; font-weight: 800; letter-spacing: -.025em; text-transform: uppercase; } .ansa-home-alt .aha-service-kicker { margin-bottom: 8px; color: var(--aha-yellow); font-size: 14px; line-height: 1; font-weight: 800; letter-spacing: .055em; text-transform: uppercase; } .ansa-home-alt .aha-service-copy > p:not(.aha-service-kicker) { max-width: 390px; margin-bottom: 24px; color: rgba(255, 255, 255, .94); font-size: clamp(14px, 1.25vw, 17px); line-height: 1.5; font-weight: 500; } /* Subtle interaction and scroll motion */ @media (prefers-reduced-motion: no-preference) { .ansa-home-alt.aha-motion-ready .aha-reveal { opacity: 0; transform: translateY(18px); transition: opacity .68s ease var(--aha-reveal-delay, 0ms), transform .78s cubic-bezier(.22, 1, .36, 1) var(--aha-reveal-delay, 0ms); } .ansa-home-alt.aha-motion-ready .aha-reveal.aha-reveal-card { transform: translateY(14px) scale(.992); } .ansa-home-alt.aha-motion-ready .aha-reveal.aha-reveal-soft { transform: none; } .ansa-home-alt.aha-motion-ready .aha-reveal.is-visible { opacity: 1; transform: none; } .ansa-home-alt .aha-brand-car, .ansa-home-alt .aha-brand-logo, .ansa-home-alt .aha-feature::before, .ansa-home-alt .aha-preowned-media img, .ansa-home-alt .aha-service-media img, .ansa-home-alt .aha-accent { transition: transform .72s cubic-bezier(.22, 1, .36, 1), filter .72s ease, width .45s cubic-bezier(.22, 1, .36, 1); } } @media (prefers-reduced-motion: no-preference) and (hover: hover) { .ansa-home-alt .aha-brand-card:hover .aha-brand-car, .ansa-home-alt .aha-brand-card:focus-within .aha-brand-car { filter: saturate(1.025) brightness(1.015); transform: scale(1.012); } .ansa-home-alt .aha-brand-card:hover .aha-brand-logo, .ansa-home-alt .aha-brand-card:focus-within .aha-brand-logo { transform: translate(-50%, -2px); } .ansa-home-alt .aha-feature:hover::before, .ansa-home-alt .aha-feature:focus-within::before, .ansa-home-alt .aha-preowned:hover .aha-preowned-media img, .ansa-home-alt .aha-preowned:focus-within .aha-preowned-media img, .ansa-home-alt .aha-service:hover .aha-service-media img, .ansa-home-alt .aha-service:focus-within .aha-service-media img { transform: scale(1.012); } .ansa-home-alt .aha-feature:hover .aha-accent, .ansa-home-alt .aha-feature:focus-within .aha-accent, .ansa-home-alt .aha-service:hover .aha-accent, .ansa-home-alt .aha-service:focus-within .aha-accent { width: 42px; } } @media (min-width: 768px) { .ansa-home-alt .aha-feature, .ansa-home-alt .aha-preowned, .ansa-home-alt .aha-service { height: 500px; min-height: 500px; } .ansa-home-alt .aha-feature, .ansa-home-alt .aha-preowned { margin-bottom: 8px; } .ansa-home-alt .aha-service { margin-bottom: 0; } } @media (max-width: 1100px) { .ansa-home-alt .aha-vehicles { padding-inline: 24px; } .ansa-home-alt .aha-hero-panel { width: 55%; } .ansa-home-alt .aha-hero-copy { width: 75%; } } @media (max-width: 767px) { .ansa-home-alt { width: calc(100% + 20px); max-width: none; margin-left: -10px; } .ansa-home-alt .aha-hero { min-height: 620px; } .ansa-home-alt .aha-hero-slide video { height: 58%; object-position: center; } .ansa-home-alt .aha-hero::after { background: linear-gradient(180deg, transparent 22%, rgba(1, 24, 52, .18) 50%, rgba(1, 24, 52, .42)); } .ansa-home-alt .aha-hero-panel { width: 100%; height: 50%; padding: 49px 24px 84px; inset: auto 0 0; align-items: flex-start; background: linear-gradient(135deg, #0758a5 0%, #04356e 100%); clip-path: polygon(0 13%, 100% 0, 100% 100%, 0 100%); } .ansa-home-alt .aha-hero-copy { width: 100%; padding-top: 20px; } .ansa-home-alt .aha-hero h1 { margin-bottom: 12px; font-size: 45px; } .ansa-home-alt .aha-hero-copy p:not(.aha-eyebrow) { margin-bottom: 19px; font-size: 13px; } .ansa-home-alt .aha-eyebrow { margin-bottom: 10px; } .ansa-home-alt .aha-hero-controls { padding: 0 18px 22px; } .ansa-home-alt .aha-hero-arrow { width: 36px; height: 36px; } .ansa-home-alt .aha-hero-dot { width: 19px; } .ansa-home-alt .aha-vehicles::before, .ansa-home-alt .aha-vehicles::after { top: 25px; opacity: .55; } .ansa-home-alt .aha-vehicles::before { left: -45px; } .ansa-home-alt .aha-vehicles::after { right: -45px; } .ansa-home-alt .aha-section-head { margin-bottom: 25px; } .ansa-home-alt .aha-section-head h2 { font-size: 34px; } .ansa-home-alt .aha-brand-grid { grid-template-columns: repeat(5, 225px); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 0 2px 20px; } .ansa-home-alt .aha-brand-grid::-webkit-scrollbar { display: none; } .ansa-home-alt .aha-brand-card { scroll-snap-align: start; } .ansa-home-alt .aha-feature { min-height: 480px; align-items: flex-end; } .ansa-home-alt .aha-feature::before { background-position: 67% center; } .ansa-home-alt .aha-feature::after { background: linear-gradient(0deg, rgba(4, 53, 110, 1) 0%, rgba(6, 74, 145, .92) 38%, rgba(6, 74, 145, .13) 74%); } .ansa-home-alt .aha-feature-copy { width: 100%; margin: 0; padding: 42px 24px 44px; } .ansa-home-alt .aha-feature h2 { max-width: 390px; margin-bottom: 17px; } .ansa-home-alt .aha-preowned, .ansa-home-alt .aha-service { height: auto; grid-template-columns: 1fr; } .ansa-home-alt .aha-preowned-copy { min-height: 250px; padding: 42px 24px 42px 68px; order: 2; } .ansa-home-alt .aha-preowned-copy::before { width: 28px; height: 155px; left: 18px; } .ansa-home-alt .aha-preowned-media { min-height: 245px; order: 1; } .ansa-home-alt .aha-service-media { min-height: 260px; } .ansa-home-alt .aha-service-copy { min-height: 270px; padding: 42px 24px; } } @media (prefers-reduced-motion: reduce) { .ansa-home-alt *, .ansa-home-alt *::before, .ansa-home-alt *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }

Explore

Our Brands

World-class brands. Vehicles for every journey.

Built for Business
Ready for More

Reliable commercial vehicles,
that keep your business moving.

Explore Commercial

ANSA Mobility

Moving with you, wherever
the road takes you.

Explore ANSA Mobility

Pre-Owned Vehicles

Carefully selected. Thoroughly inspected.
Ready for the road.

Explore Pre-Owned / CARMAX
Pre-owned vehicle
ANSA Motors service and maintenance facility

Expert Care

Keeping You Moving

Professional service and maintenance
for lasting performance and peace of mind.

Book a Service
(() => { const root = document.getElementById('ansa-home-alternative'); if (!root || root.dataset.ready === 'true') return; root.dataset.ready = 'true'; const hero = root.querySelector('.aha-hero'); const slides = Array.from(root.querySelectorAll('.aha-hero-slide')); const dots = Array.from(root.querySelectorAll('.aha-hero-dot')); const previous = root.querySelector('.aha-hero-prev'); const next = root.querySelector('.aha-hero-next'); const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches; let active = 0; let timer = null; const prepareVideo = (video) => { const source = video && video.querySelector('source[data-src]'); if (!source) return; source.src = source.dataset.src; source.removeAttribute('data-src'); video.load(); }; const playActiveVideo = () => { slides.forEach((slide, index) => { const video = slide.querySelector('video'); if (!video) return; if (index === active) { prepareVideo(video); if (!reduceMotion) video.play().catch(() => {}); } else { video.pause(); } }); }; const show = (index, restart = true) => { active = (index + slides.length) % slides.length; slides.forEach((slide, slideIndex) => slide.classList.toggle('is-active', slideIndex === active)); dots.forEach((dot, dotIndex) => { const selected = dotIndex === active; dot.classList.toggle('is-active', selected); dot.setAttribute('aria-selected', selected ? 'true' : 'false'); }); playActiveVideo(); if (restart) startTimer(); }; const startTimer = () => { window.clearInterval(timer); if (!reduceMotion && !document.hidden) timer = window.setInterval(() => show(active + 1, false), 8500); }; previous.addEventListener('click', () => show(active - 1)); next.addEventListener('click', () => show(active + 1)); dots.forEach((dot, index) => dot.addEventListener('click', () => show(index))); hero.addEventListener('mouseenter', () => window.clearInterval(timer)); hero.addEventListener('mouseleave', startTimer); document.addEventListener('visibilitychange', () => document.hidden ? window.clearInterval(timer) : startTimer()); if (!reduceMotion && 'IntersectionObserver' in window) { const revealItems = [ root.querySelector('.aha-hero-copy'), root.querySelector('.aha-section-head'), ...root.querySelectorAll('.aha-brand-card'), ...root.querySelectorAll('.aha-feature-copy'), root.querySelector('.aha-preowned-copy'), root.querySelector('.aha-preowned-media'), root.querySelector('.aha-service-media'), root.querySelector('.aha-service-copy') ].filter(Boolean); revealItems.forEach((item) => { item.classList.add('aha-reveal'); if (item.classList.contains('aha-brand-card')) item.classList.add('aha-reveal-card'); if (item.classList.contains('aha-preowned-media') || item.classList.contains('aha-service-media')) item.classList.add('aha-reveal-soft'); }); root.querySelectorAll('.aha-brand-card').forEach((card, index) => card.style.setProperty('--aha-reveal-delay', `${index * 45}ms`)); root.querySelector('.aha-preowned-media')?.style.setProperty('--aha-reveal-delay', '80ms'); root.querySelector('.aha-service-copy')?.style.setProperty('--aha-reveal-delay', '80ms'); root.classList.add('aha-motion-ready'); const revealObserver = new IntersectionObserver((entries, observer) => { entries.forEach((entry) => { if (!entry.isIntersecting) return; entry.target.classList.add('is-visible'); observer.unobserve(entry.target); }); }, { threshold: .14, rootMargin: '0px 0px -7% 0px' }); window.requestAnimationFrame(() => revealItems.forEach((item) => revealObserver.observe(item))); } show(0); })();

Whatsapp

Opening Hours

Apply Now

1
2
First Name
Last Name
Email
Contact Number
Age
City
Position
1
2
Expected Salary
Start Date
How did you learn about the position?
Resume
Maximum file size: 456 MB
Application Message

BOOK A SERVICE

BOOK A TEST DRIVE

Loan Calculator

LOAN AMOUNT
Loan Amount Range
$
Repayment Period
Repayment Period Range
Loan Start Date