D3 Landing Page
DomainFi Protocol Marketing Site
D3 is building the world's first purpose-built blockchain for DomainFi. The landing page is built with Next.js, using Motion (Framer Motion v12) for smooth animations, Embla Carousel (with auto-scroll, autoplay, and fade plugins) for showcase sections, Radix UI primitives (Dialog, Checkbox, Slot) for accessible UI, and Tailwind CSS with tailwindcss-animate for styling. Forms are powered by React Hook Form with Zod validation and Formspree integration. The site uses Lucide icons, Sonner toast notifications, and class-variance-authority for variant-based styling.
Tech Stack
Category
Core Contribution
Developed the high-impact landing page with Motion-powered animations, Embla Carousel showcase sections (auto-scroll, autoplay, fade transitions), and Radix UI dialog components. Implemented Formspree-integrated contact forms with React Hook Form and Zod validation. Created the responsive design system with Tailwind CSS, tailwindcss-animate, and class-variance-authority for component variants.
Project Overview
The primary marketing site for D3 Global Inc, presenting the DomainFi vision to investors, partners, and users. Features smooth Motion animations, interactive carousel showcases, accessible Radix UI components, and validated contact forms. The site drives D3's fundraising and business development efforts.
Technical Highlights
Motion (Framer Motion v12) scroll-driven animations
Embla Carousel with auto-scroll, autoplay & fade plugins
Radix UI primitives for accessibility (Dialog, Checkbox)
React Hook Form + Zod validation + Formspree integration
Tailwind CSS + tailwindcss-animate + class-variance-authority
Visual Gallery
