Create a single-page static marketing site for Fuse.vip using Next.js (App Router), TypeScript, Tailwind CSS, and the ShadCN/UI component system. Use only 5 reusable components, stored inside a components/ directory: Fuse, Network, Join, Card, and Token. These should be clean, composable functional components with mobile responsiveness and light/dark mode support. The main page file must be app/page.tsx, where all 5 components are rendered in a clear, vertical layout. Do not create additional routes, nested pages, or server-rendered functionality. The design should reflect a modern SaaS brand: sleek, minimal, professional. Tailwind CSS should be used for layout and styling. Avoid any dynamic or runtime data fetching — this is a fully static site optimized for GitHub export and instant deployment on Vercel. Maintain semantic HTML, accessible structure, and production-ready formatting. Use clear spacing, polished typography, and grid alignment best practices.
Creating a Static Marketing Site for Fuse.vip
I'll create a sleek, modern marketing site for Fuse.vip using Next.js with App Router, TypeScript, Tailwind CSS, and ShadCN/UI components.
This implementation creates a sleek, modern marketing site for Fuse.vip with the following features:
Five Reusable Components:
Fuse: Hero section with logo and main headlineNetwork: Features of the FUSE network with iconsJoin: Call-to-action section for membershipCard: Reusable card component for different membership tiersToken: Information about the FUSE token with stats
Key Features:
- Fully responsive design that works on mobile and desktop
- Dark mode support with ThemeProvider
- Gradient text effects for headings
- Modern UI with ShadCN components
- Accessible semantic HTML structure
Design Elements:
- Custom color palette with orange, blue, and purple gradients
- Clean typography with proper spacing
- Card-based layout for membership tiers
- Subtle animations on hover states
The site is completely static with no dynamic data fetching, making it perfect for GitHub export and Vercel deployment.
I'll replace the logo in your Fuse.vip marketing site with the uploaded image.
The logo has been successfully updated! The new Fuse logo with the blue "F" and circular rings is now being used in the hero section of your marketing site. The logo's blue and orange/gold color scheme perfectly complements the site's design and color palette.