Scrap Calculators
Free real-time precious metals calculator and educational resource — built for everyday people who want to know what their gold, silver, or platinum is worth before selling.
Home
Works
Services
Resources
Contact
Responsive Design
Mobile
375px viewport
YourAITeam
AI & Automation Agency
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.
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 an AI automation agency helping businesses streamline operations through custom AI tools, chatbots, and workflow automation. Their focus is on practical, results-driven automation — reducing manual work and helping teams move faster without adding headcount.
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.
Tags
AIAutomationLead GenerationNext.jsReactTypeScriptTailwind CSSGPT-4oRemote-First
Not sure where to start?
Other Projects
Lucas Granite
Full multi-page lead-gen site for a granite countertop company serving 30+ cities across Utah, Idaho, and Wyoming — 3-step MT-aware booking wizard, middleware city routing with cookie persistence, auto-generated SEO landing pages, and a dual-nav system — zero UI kits.
BLNCD Engineering
Website + gated client portal for BLNCD Engineering — a California structural engineering firm that certifies generator systems (gensets) for seismic, wind, snow, and live loads under IBC standards.