FlutterJS Website 🚀

A beautiful, modern landing page website for FlutterJS - showcasing the power of building SEO-friendly websites with Flutter.

✨ Features

• 🎨 Modern UI Design - Vibrant gradients, smooth animations, and polished components
• 📱 Fully Responsive - Works perfectly on mobile, tablet, and desktop
• 🎯 Interactive Demos - Live Counter and Routing demonstrations
• ⚡ SEO Optimized - Built with FlutterJS for production-ready web output
• 🎭 Smooth Animations - Engaging hover effects and transitions

🏗️ Project Structure

flutterjs_website/
├── lib/
│   ├── main.dart              # App entry point
│   ├── app.dart               # App configuration
│   ├── pages/                 # Page components
│   ├── widgets/               # Reusable UI widgets
│   ├── demos/                 # Interactive demo widgets
│   └── theme/                 # Theme and styling
├── web/                       # Web configuration
└── assets/                    # Images and assets

🚀 Getting Started

Prerequisites

• Flutter SDK (latest stable version)
• Dart SDK
• Chrome or any modern browser

Running Locally

# Install dependencies
flutter pub get

# Run in development mode
flutter run -d chrome --web-port 8080

Building for Production

# Build web assets
flutter build web --release

# Or use FlutterJS to convert
flutterjs build

🎨 Tech Stack

• Flutter - UI framework
• Material Design 3 - Design system
• Google Fonts (Inter) - Typography
• FlutterJS - Flutter to JavaScript conversion

📝 Sections

1. Hero Section - Eye-catching headline with gradient text and CTA buttons
2. Features - Grid layout showcasing FlutterJS capabilities
3. Interactive Demos - Working Counter and Routing demonstrations
4. Code Examples - Syntax-highlighted FlutterJS usage examples
5. Getting Started - Step-by-step guide for new users

🎯 Key Highlights

• Gradient text effects on section headers
• Smooth animations and hover effects
• Responsive design for all screen sizes
• Modern color scheme with vibrant gradients
• Professional typography and spacing

📦 Dependencies

• flutter - Flutter SDK
• google_fonts - Beautiful typography
• cupertino_icons - Icon set

🔗 Links

• Repository: https://github.com/flutterjsdev/flutterjs_website
• FlutterJS: https://github.com/flutterjsdev/flutterjs

📄 License

This project is part of the FlutterJS ecosystem.

---

Built with ❤️ using Flutter and FlutterJS