YourAITeam
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.
Home
Works
Services
Resources
Contact
Responsive Design
Mobile
375px viewport
Dancer & Co
Landscape Architecture & Construction Studio
Full custom marketing website for Jessica Matteson, PLA — a Connecticut & New York landscape architect with 25 years of experience. Built in Next.js 15 with quiet luxury aesthetics: animated hero carousel, word-by-word scroll reveals, interactive 9-step process, portfolio grid, and a custom brand design system.
Animated scroll reveals
Word-by-word text animations trigger on scroll across all key sections for a refined editorial feel
Portfolio grid
Hover vignette and lift effects showcase completed landscape projects with quiet luxury styling
Interactive process steps
9-step sidebar visualization walks clients through the full design-to-build workflow
Custom contact form
Grouped service and inquiry dropdowns with multi-field layout for qualified lead capture
About
Dancer & Co is a full-service landscape architecture and construction studio led by Jessica Matteson, a Cornell MLA with 25 years of experience. Based in Connecticut and New York, they specialize in coastal estates, pollinator meadows, and luxury outdoor living spaces across Fairfield County, Greenwich, Westport, Southampton, and the Hudson River Valley.
Color Palette
Heavenly White
#F4F3E9
Prairie Dust
#A69B88
Baked Green
#425F2B
Highlights
Animated Hero Carousel
3-slide auto-rotating full-bleed hero with smooth crossfade transitions, manual navigation controls, and responsive image sets for mobile and desktop.
Word-by-Word Scroll Animations
Custom AnimatedWords component with IntersectionObserver-triggered reveals across all key sections — no animation library, pure JS and CSS.
Interactive 9-Step Process
Sidebar navigation with active state indicators, image + description pane, and Baked Green (#425F2B) accent treatment guiding visitors through the firm's full workflow.
Portfolio Grid with Hover Effects
Vignette darkening, lift animations on hover, and graceful image placeholder fallbacks — presenting completed projects with refined editorial styling.
Testimonials & Press Bar
8-quote testimonials carousel linked to portfolio case studies, plus a staggered-fade press bar featuring 9 publication callouts including AD Pro, Homes & Gardens, ASLA, and APLD.
Custom Brand Design System
Heavenly White, Prairie Dust, and Baked Green palette with Playfair Display headings and Inter body — all implemented via inline styles with no Tailwind dependency.
Tags
Landscape ArchitectureLuxuryPortfolioNext.js 15ReactTypeScriptConnecticutNew York
Not sure where to start?
Other Projects
Apex Build
Full multi-page marketing website for a fictional Texas-based general contracting company, built with a bilingual UX targeting the Austin construction market.
Maaz Roofing Inc
Full marketing and lead generation website for Maaz Roofing Inc — a licensed, BBB Accredited A+ roofing contractor with 30+ years of craftsmanship across Southern California. Built in Next.js 15 with a drone video hero, bilingual EN/ES support, interactive services accordion, and a 10-project portfolio carousel.