Live Preview: https://cinepotter.com
CinePotter AI is a modern AI-powered video production and marketing platform. It allows marketing teams, agencies, and creators to generate professional video content—ranging from AI scripting and voiceovers to dynamic avatars and multi-scene video editing—significantly reducing production timelines and costs.
- Interactive 360° Showcase Carousel: Custom revolving arc gallery highlighting AI-generated video assets with a fullscreen interactive lightbox modal.
- Dynamic Multimedia Workflows: Dedicated sections exploring AI scriptwriting, smart editing, AI avatars, voiceovers, and 2D/3D video pipelines.
- Industry Solutions: Tailored use cases and impact metrics for Advertising, E-Learning, Media, and E-Commerce.
- Knowledge & Trend Hubs: Dynamic article routing (
/resources/:id,/trends/:id) with category filtering and breadcrumb navigation. - Lead Capture & API Integration: Client-side validated contact system submitting leads asynchronously to the backend API.
- GDPR Cookie Consent: Persistent cookie banner with customizable preferences saved to
localStorage. - Dynamic SEO Engine: Route-level metadata, canonical URLs, OpenGraph, and Twitter cards powered by
react-helmet-async. - Modern Responsive Dark Theme: Neon glassmorphism aesthetic built on Tailwind CSS with fluid mobile drawer navigation.
| Domain | Technologies |
|---|---|
| Frontend Core | React 19, TypeScript, React Router DOM v7 |
| Build & Tooling | Vite 8, Oxlint |
| Styling & Motion | Tailwind CSS, Framer Motion, PostCSS |
| Icons & Media | Lucide React, React Icons |
| SEO & Head | React Helmet Async |
| Deployment Target | Edge Hosting (Vercel, Netlify, Cloudflare Pages) |
/— Landing page with interactive hero, showcase arc, features grid, process, and FAQs/offerings— AI production tools, feature deep-dives, and use cases/solutions— Industry-tailored AI video capabilities and impact metrics/journey— Company story, mission, and core values/resources&/resources/:id— Guides, tutorials, and dynamic reader/trends&/trends/:id— AI video industry news and insights/contact— Partner and client inquiry form with live validation/privacy,/terms,/cookies— Privacy policy, terms, and cookie preferences
git clone https://github.com/anitha-software-dev/cinepotter.git
cd cinepotter
npm installcp .env.example .envConfigure your .env (e.g. VITE_CONTACT_API_URL=https://api.cinepotter.com/api/contact).
npm run devOpen http://localhost:5173 in your browser.
npm run buildGenerates an optimized static bundle in the dist/ directory.
Preview the production deployment: https://cinepotter.com