, or into a single Embed element on the page. Build the section with NATIVE Webflow elements using the class names below (see ati-fan-structure.html for the exact tree). Cards are native Link Blocks: pick each card's page in Webflow's link settings. No JavaScript. All text stays in the DOM at all times; hover and entrance are CSS transform/opacity only. Fonts: add "Archivo Black" and "Inter" in Site settings > Fonts. ============================================================ */ /* ---------- section shell (base = desktop, 1290 page) ---------- */ .fan-section{background:#0F2440;padding:88px 0 104px;overflow:hidden;} .fan-container{max-width:1290px;margin:0 auto;padding:0 40px;} /* ---------- header ---------- */ .fan-header{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;} .fan-eyebrow{display:flex;align-items:center;gap:10px;} .fan-eyebrow-dot{width:8px;height:8px;background:#C8102E;} .fan-eyebrow-text{font:500 12px/1 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:rgba(247,244,236,.62);} .fan-h2{margin:0;font:400 44px/1.08 'Archivo Black',sans-serif;letter-spacing:0;color:#F7F4EC;max-width:700px;} .fan-support{margin:0;font:400 16px/1.6 Inter,sans-serif;color:rgba(247,244,236,.68);max-width:440px;} /* ---------- fan row ---------- */ .fan-row{margin-top:56px;display:flex;justify-content:center;align-items:stretch;gap:8px;padding:26px 48px 0;} /* ---------- card = native Webflow Link Block ---------- */ .fan-card{position:relative;display:block;width:168px;height:448px;flex:0 0 auto;transform:skewX(-12deg);transform-origin:50% 50%;overflow:hidden;background:#0B1B33;border-top:2px solid #C8102E;box-shadow:0 14px 30px -16px rgba(0,0,0,.5);text-decoration:none;transition:transform .55s cubic-bezier(.19,1,.22,1),box-shadow .55s cubic-bezier(.19,1,.22,1);} .fan-card:focus-visible{outline:3px solid #C8102E;outline-offset:4px;} /* hover: hovered card keeps its lean and grows 10% from center, the others ease back 10%. Order matters: grow rule comes last. */ .fan-row:hover .fan-card{transform:skewX(-12deg) scale(.9);} .fan-row .fan-card:hover{transform:skewX(-12deg) scale(1.1);z-index:6;box-shadow:0 44px 90px -18px rgba(2,8,18,.72);} /* ---------- photo: upright and undistorted inside the leaning frame ---------- */ .fan-photo{position:absolute;top:-10px;bottom:-10px;left:-100px;right:-100px;transform:skewX(12deg);transform-origin:50% 50%;background-color:#22385A;background-position:center;background-size:cover;background-repeat:no-repeat;filter:saturate(.28) brightness(.92) contrast(1.06);transition:filter .5s ease;} .fan-card:hover .fan-photo{filter:none;} .fan-tint{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(15,36,64,.42);transition:opacity .45s ease;} .fan-card:hover .fan-tint{opacity:.06;} .fan-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(6,15,30,.97) 0%,rgba(6,15,30,.7) 24%,rgba(6,15,30,.24) 46%,rgba(6,15,30,0) 64%);} /* ---------- card text ---------- */ .fan-top{position:absolute;top:0;left:0;right:0;transform:skewX(12deg);transform-origin:50% 0%;padding:18px 24px 0;} .fan-num{font:500 11px/1 Inter,sans-serif;letter-spacing:.18em;color:rgba(247,244,236,.6);} .fan-body{position:absolute;left:0;right:0;bottom:0;transform:skewX(12deg);transform-origin:50% 100%;padding:0 18px 20px 46px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;} .fan-name{margin:0;font:600 18px/1.2 Inter,sans-serif;letter-spacing:-.01em;color:#F7F4EC;} .fan-desc{margin:0;font:400 12px/1.6 Inter,sans-serif;color:rgba(247,244,236,.8);} .fan-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-top:4px;background:#C8102E;color:#F7F4EC;font:600 15px/1 Inter,sans-serif;opacity:.5;transform:translateY(5px);transition:opacity .4s ease,transform .4s ease;} .fan-card:hover .fan-arrow{opacity:1;transform:none;} /* ---------- default photos ---------- Upload your photos to Webflow Assets, then replace these URLs (right-click the asset > copy URL). is-05 (healthcare) is your own file: upload istockphoto-1290769186-612x612.jpg first. */ .fan-photo.is-01{background-image:url('https://images.unsplash.com/photo-1541888946425-d81bb19240f5?auto=format&fit=crop&w=900&h=1300&q=80');} .fan-photo.is-02{background-image:url('https://images.unsplash.com/photo-1504328345606-18bbc8c9d7d1?auto=format&fit=crop&w=900&h=1300&q=80');} .fan-photo.is-03{background-image:url('https://images.unsplash.com/photo-1414235077428-338989a2e8c0?auto=format&fit=crop&w=900&h=1300&q=80');} .fan-photo.is-04{background-image:url('https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&w=900&h=1300&q=80');} .fan-photo.is-05{background-image:url('../uploads/istockphoto-1290769186-612x612.jpg');background-position:center 22%;} .fan-photo.is-06{background-image:url('https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=900&h=1300&q=80');} /* ---------- entrance (CSS only; header rises, cards fade in from the center outward). Delete this block if you rebuild the entrance with native scroll-into-view Interactions instead. ---------- */ @keyframes fanRise{from{opacity:0;transform:translate3d(0,36px,0);}to{opacity:1;transform:none;}} @keyframes fanFade{from{opacity:0;}to{opacity:1;}} .fan-header{animation:fanRise .6s cubic-bezier(.22,1,.36,1) both;} .fan-card{animation:fanFade .7s ease both;animation-delay:.6s;} .fan-card:nth-child(3),.fan-card:nth-child(4){animation-delay:.3s;} .fan-card:nth-child(2),.fan-card:nth-child(5){animation-delay:.45s;} /* ---------- tablet (Webflow breakpoint 991 and down): 3 x 2 grid, softer lean, same hover ---------- */ @media (max-width:991px){ .fan-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 26px;padding:16px 34px 0;margin-top:44px;justify-items:center;} .fan-card{width:100%;max-width:200px;height:400px;transform:skewX(-8deg);} .fan-row:hover .fan-card{transform:skewX(-8deg) scale(.94);} .fan-row .fan-card:hover{transform:skewX(-8deg) scale(1.06);} .fan-photo{left:-72px;right:-72px;transform:skewX(8deg);} .fan-top{transform:skewX(8deg);} .fan-body{transform:skewX(8deg);padding:0 18px 18px 40px;} .fan-h2{font-size:36px;} } /* ---------- mobile (767 and down): clean vertical stack, full-bleed photo rows, no skew, everything still visible ---------- */ @media (max-width:767px){ .fan-section{padding:64px 0 72px;} .fan-container{padding:0 20px;} .fan-header{align-items:flex-start;text-align:left;gap:14px;} .fan-h2{font-size:29px;line-height:1.12;} .fan-support{font-size:14.5px;} .fan-row{display:flex;flex-direction:column;gap:12px;padding:8px 0 0;margin-top:28px;} .fan-card{width:100%;max-width:none;height:auto;transform:none;} .fan-row:hover .fan-card{transform:none;} .fan-row .fan-card:hover{transform:none;box-shadow:0 20px 44px -18px rgba(2,8,18,.6);} .fan-photo{top:0;right:0;bottom:0;left:0;transform:none;} .fan-top{transform:none;padding:14px 18px 0;} .fan-body{position:relative;transform:none;padding:44px 18px 16px;gap:6px;} .fan-desc{font-size:12.5px;} } /* ---------- reduced motion ---------- */ @media (prefers-reduced-motion:reduce){ .fan-card,.fan-photo,.fan-tint,.fan-arrow{transition:none;} .fan-card,.fan-header{animation:none;} }
Industries

Specialized staffing for demanding industries.

Choose your industry to see the roles we fill and how we work.

01

Construction

Skilled trades, labor, and project staffing.

→
02

Light industrial

Production and assembly crews that show up ready.

→
03

Hospitality

Housekeeping, banquet, food and beverage, and front desk teams for hotels and resorts.

→
04

Pharma and medical

FDA and GMP-trained operators, technicians, and cleanroom teams.

→
05

Healthcare

Nursing support and clinical-adjacent staff for facilities and senior living.

→
06

Warehouse and logistics

Warehouse, distribution, and fulfillment teams.

→
Our services

Platform that matches businesses with top-tier talent.

Our tailored approach integrates seamlessly with your existing systems, ensuring a smooth experience from start to finish.

Direct Hire
Advanced Candidate Matching
Process Engineering Talent

We get it, finding the right people isn’t easy.

Permanent placement services designed for pharma & medical manufacturers — connecting you with fully vetted, compliance-ready, high-performance talent.

Two blue gradient check marks indicating confirmation or success.

Better Talent Fit

Blue gradient double check marks symbol on transparent background.

Faster Hiring Process

Two overlapping blue to turquoise gradient check marks symbolizing confirmation or approval.

Reduced Turnover

Details

We don’t just fill roles, we find people who fit.

Our process combines human insight with data-driven matching to connect you with technicians, operators, and quality staff who actually get GMP culture and take pride in their precision.

Blue gradient double check mark icon symbolizing confirmation or verification.

Precision in Selection

Faster Hiring Process

Improved Team Dynamics

Details

We align recruitment with your HR for effortless transitions.

From onboarding to compliance documentation, ATI integrates seamlessly into your workflow — delivering trained professionals who are ready to perform from day one.

Efficient Onboarding

Enhanced Workforce Productivity

Compliance Made Easy

Details
Our services
Our services
Orange arrow pointing down and left inside a square with the upper right corner open.
How we work

A Simple Process That Delivers Skilled People, Fast.

If you’ve ever tried filling critical roles in a regulated environment, you know it can drag on for weeks. We get it, you can’t afford production slowdowns or compliance gaps.
That’s why our process is built to get you fully staffed, fast, with people who already know how to work in FDA- and GMP-controlled spaces.

1

We Learn Your Operation

We start by listening.You tell us what slows you down, scheduling issues, turnover, or documentation headaches , and we build a staffing plan that fits how you actually run things.

2

We Build Your Hiring Strategy

We create a simple, no-fluff plan that fills roles quickly while keeping compliance first. Whether you need a few production techs or a full shift team, our recruiters handle the screening, testing, and documentation for you.

3

We Handle the Rest

We onboard, verify, and integrate each worker into your system — training records, QA signoffs, and attendance tracking included. You stay focused on production. We’ll handle the staffing.

Ready to stop scrambling for staff?
‍Let’s talk about what your team needs this week, not next month.

Find your talent
Find your talent
Icon
How we can help you business

We help your production run smoother by connecting you with the right people.

Say goodbye to hiring delays.

Whether you need operators, QC techs, or packaging staff, we’ll customize the process around your production flow so you never fall behind.

Smiling male doctor with crossed arms wearing a white coat, blue shirt, and black tie against a gray background.
Jeremy Black

Project Manager

Female scientist wearing glasses and blue gloves using a tablet in a laboratory with test tubes and microscope visible.
Sarah Mitchell

Bending QA

Top rated specialist

Male worker in teal protective clothing and cap giving a thumbs-up in an industrial setting.
Antony Jonson

Blending Operator

Quality Technician

Icon

Cleanroom Operator

Customer Support Specialist

Recruit smarter, not harder.

We use a mix of human expertise and smart tech to match you with people who not only meet compliance standards, they fit your culture.

From open role to filled position, in days

We maintain an active bench of vetted, trained professionals ready to deploy.Most roles are filled within a week, and our 98% show-up rate means you can depend on consistent coverage.

Young woman with shoulder-length dark hair wearing a white sleeveless top stands outdoors with city buildings and water blurred in the background.
Anyelina Lara

Regional Director

Icon
Image
Daniel Dalen

Talent Acquisition Specialist

Icon
Image
Markus Spencer

Talent Acquisition Specialist

Icon
Blue arrow pointing diagonally upward and to the right inside an open square.
Testimonials

You’re in great company.

Don't take our words for it

Business type

Corporation
White text reading 'ARRIVE AUSTIN' on a rust-colored background.

Natasha Cvetanoska

General Manager at Arrive Austin

"Attila and his company have done an outstanding job on my property. They find the right people for our departments, I would refer Attila and his company to any hotel with staffing needs."

Business type
Corporation
Logo with brown stylized 'LS' and star, teal banner reading 'Lone Star Court' and 'Valencia Hotel Group' text below.
William Barba

General Manager at Lone Star Court

"After many years in hospitality business, it is very refreshing for me to find a company like ATI Solutions that understand the service culture and provide support with staff well train and willing to do more for my hotel"

Business type
Corporation
Mastercorp company logo featuring three stylized human figures inside a blue circle.
Raul Barrera

Director of Housekeeping at MasterCorp

"As the Director of Housekeeping we have been extremely pleased to partner with ATI solutions. The staff is very well trained and efficient to meet turn times."

Reviews

We are being loved

by many

Blue arrow pointing northeast inside a square outline on a dark background.

Let’s build your dream team, together.

Whether you need help staffing your next production cycle or hiring full-time specialists, we’ll make it simple, fast, and audit-proof.

Get Started
Get Started
Icon
Explore our services
Explore our services
Icon
Image
Navigate
HomeAbout usOur teamServicesWhy choose usTestimonials
Follow
InstagramLinkedinYouTubeFacebookX
Contact
+ (737) 301-9117hello@atisolutionsinc.comDrop us a line
Visit
1401 Lavaca St #579
Austin, Tx
78701
© 2018-2026 www.atisolutionsinsc.com - All Rights Reserved.