Grúas Y Maniobras Lucas
Bilingual website for a 100% Mexican crane rental company established in 1984, featuring a fleet of hydraulic cranes and industrial equipment for construction, mining, and energy projects.
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
Verdant
Full-featured e-commerce frontend covering browse → filter → cart → checkout → confirmation — slide-over cart drawer with localStorage persistence, click-to-zoom gallery, Intersection Observer scroll animations, dual-context state (CartContext + UIContext), and a custom Tailwind 4 design system — no component libraries.
Travel Filmz
Full multi-page photography portfolio for a travel and lifestyle brand — pure CSS masonry gallery, native dialog lightbox, custom scroll animations, and AVIF image optimization, built with zero UI libraries.