Iterable Landing Page 🚀

A modern, high-converting landing page for Iterable's AI-powered marketing automation platform. Built with React, TypeScript, and Tailwind CSS featuring a sleek dark theme with glassmorphism effects.

🌟 Live Demo

View Live Site →

✨ Features

• Modern Dark Theme: Futuristic glassmorphism design with gradient accents
• AI-Powered Focus: Showcases Iterable's Nova AI suite and personalization capabilities
• Conversion Optimized: Strategic placement of CTAs and social proof elements
• Fully Responsive: Mobile-first design that looks great on all devices
• Performance Focused: Optimized React components with Tailwind CSS
• Customer Success Stories: Real metrics from Jersey Mike's, The Athletic, and more

🛠️ Tech Stack

• React 18 with TypeScript
• Tailwind CSS 3.3.5 for styling
• Create React App for build tooling
• Vercel for deployment

🎨 Design Highlights

• Gradient branding from cyan to indigo
• Animated background effects and glowing elements
• Modern typography with careful hierarchy
• Interactive hover states and smooth transitions
• Professional component architecture

🚀 Quick Start

# Clone the repository
git clone https://github.com/sumeruchat/iterable-landing-page.git

# Install dependencies
yarn install

# Start development server
yarn start

# Build for production
yarn build

📁 Project Structure

src/
├── components/
│   ├── Navbar.tsx      # Fixed navigation with mobile menu
│   ├── Hero.tsx        # Main hero section with email capture
│   ├── LogoBar.tsx     # Customer social proof
│   ├── Features.tsx    # AI capabilities and success metrics
│   ├── Integrations.tsx # Platform connectivity showcase
│   ├── CTA.tsx         # Conversion-focused demo request
│   └── Footer.tsx      # Comprehensive site navigation
├── App.tsx             # Main app component
└── index.tsx           # React entry point

💼 About Iterable

Iterable is the AI-powered marketing automation platform that helps brands create personalized, cross-channel experiences. Used by leading companies like Priceline, Fender, Box, and Jersey Mike's to drive real business results.

📈 Performance

• ⚡ Fast loading with optimized assets
• 📱 100% mobile responsive
• ♿ Accessibility-focused markup
• 🎯 Conversion-optimized user flow

🤝 Contributing

This is an open-source demonstration project. Feel free to fork, modify, and use as inspiration for your own landing pages!

📄 License

MIT License - feel free to use this code for your own projects.

---

Built with ❤️ using React + TypeScript + Tailwind CSS