Swift Dev iconSwift Dev
Email
Instagram
TikTok
Facebook
Threads
YourAITeam

YourAITeam

AI & Automation Agency

Location

Remote-First

Timeline

1-2 Weeks

Year

2025

View Live Site

Full multi-page AI agency website with a live GPT-4o-mini chatbot that captures leads through conversation, custom scroll animations, spam-protected contact form, and first-visit UX layer — zero UI component libraries.

Responsive Design
youraiteam.site
YourAITeam desktop
YourAITeam mobile

Mobile

375px viewport

Full-screen AI chat on mobile

GPT-4o-mini chatbot expands to full screen, capturing leads conversationally

Custom mobile bottom nav

Persistent tab bar with active-state indicators — no external nav library

Scroll animations on mobile

Word-fade headings powered by IntersectionObserver, no GSAP needed

Fast first load

Space Grotesk + Manrope fonts, optimized images, minimal JS bundle

About

YourAITeam is a marketing and lead generation website for a real AI automation agency. The site spans three pages — Home, Services, and Contact — with a live AI chatbot (GPT-4o-mini) as its centerpiece, capturing leads through natural conversation instead of a traditional form. First-time visitors are welcomed with a branded splash screen and a welcome chime, while scroll animations and a custom mobile bottom nav give the site a polished, app-like feel throughout.

Highlights

  • Live GPT-4o-mini AI Chatbot

    Embedded chat panel with a company-specific knowledge base and a submit_intake tool — collects lead info conversationally and submits to Formspree without a traditional form.

  • First-Visit UX Layer

    Neumorphism splash loader (7-circle stagger), welcome chime via Web Audio API (660Hz sine wave), and pulsing chat tooltip — all shown once per session via sessionStorage.

  • Word-Fade Scroll Animations

    Custom WordFade component stagger-animates headings word-by-word on scroll using IntersectionObserver — no GSAP, no Framer Motion.

  • Spam-Protected Contact Form

    Honeypot field, submission timing guard (rejects <3 seconds), real-time email validation, and a keyboard-navigable custom dropdown — zero form libraries.

  • Custom Mobile Bottom Nav

    Persistent tab bar with active-state indicators and full-screen chat panel on small screens — no external navigation library.

  • SEO & Structured Data

    JSON-LD Organization schema, Open Graph tags, Twitter card, canonical URLs, robots.txt, full favicon set, and optional Google Analytics via environment variable.

Let's build something great together

Not sure where to start?

Other Projects
Back to all projects