https://www.codegrape.com/category/scripts
Scripts
https://www.codegrape.com/category/scripts/html5
HTML5

Coming Soon - Next.js Website Template

Overview This is a modern, responsive "Coming Soon" landing page built with Next.js and TypeScript. It serves as a placeholder while the main website is under development, providing visitors with information about the upcoming launch and allowing them to subscribe for notifications. Features UI Components 1. Responsive Design - Adapts seamlessly from mobile to desktop views - Optimized text sizes across all device breakpoints 2. Dynamic Countdown Timer - Shows days, hours, minutes, and seconds until launch - Automatically updates in real-time - Configurable target date 3. Email Subscription Form - Email input with validation - Success/error state handling - Form submission capabilities (requires backend integration) 4. Theme System - Light/dark mode toggle - System preference detection - Smooth theme transitions 5. Social Media Integration - Links to major platforms (Twitter, Instagram, LinkedIn, GitHub, Facebook) - Animated social media icons 6. Animations - Staggered entrance animations - Interactive hover effects - Motion-based visual feedback Requirements Technical Requirements Core Technologies - Framework: Next.js 13.5.1 - Language: TypeScript 5.2.2 - Styling: Tailwind CSS 3.3.3 - UI Library: shadcn/ui components (based on Radix UI) - Animations: Framer Motion - Form Handling: React Hook Form 7.53.0 with Zod 3.23.8 validation System Requirements - NPM or Yarn package manager Instructions The Complete Installation Details are given in the documentation file.

Appreciate This
Thank You!

More items by studziddi

by in