Make a comprehensive, modern landing page for Rocketium, a powerful creative automation platform for marketing teams. Here are the key features implemented:

🎯 Sections Included: Header – Sticky navigation bar featuring the Rocketium logo, menu items, and a clear CTA (“Talk to us”)

Hero Section – Headline: “Rocketium: Complete feature list” with a concise intro about covering campaign planning to publishing, with a strong CTA on a branded gradient background

Features: Campaign Planning – Grid layout showcasing features like role-based access, workspaces, project dashboards, list views, and approval workflows for better team alignment

Features: Creative Automation – Fast-track production using feed-based generation, automatic resizing, background removal, Figma/PSD import, templates, and AI asset creation

Features: Brand Governance – Tools to ensure brand consistency: asset libraries, compliance checks, design systems, and self-serve editors for non-designers

Features: Insights & File Management – Highlighting analytics (heatmaps, dashboards, performance tagging) alongside smart file output (automated naming, compression, multi-format exports)

Collaboration & Integrations – Real-time editing, comments, versioning, and secure integrations with APIs, SSO, encryption, and audit logs

Final CTA – Bold call-to-action: “Want to know more about our features?” encouraging users to schedule a personalized demo, set on a strong purple background

Footer – Detailed footer with useful links, social handles, contact info, and legal/policy information

🎨 Design Features (Rocketium Aesthetic): Fully Responsive – Tailored for seamless display across mobile, tablet, and desktop

Modern UI – Clean, grid-based layout with elegant spacing and visual hierarchy using the Manrope font

Accessibility First – Semantic HTML, alt text on media, ARIA roles, and keyboard navigability

Interactive Feel – Smooth hover states, subtle microinteractions, and section transitions that enhance UX

Branded Color Scheme – Uses Rocketium’s bold palette: Primary: #6E1EE6 (electric purple) Dark: #0D052B (deep navy) Complemented by soft grays and whites for contrast

Manrope Typography – Clear typographic hierarchy with bold headings and easy-to-read body text

Subtle Gradients – Hero and CTA sections use purple-to-navy gradients for emphasis

🚀 Technical Implementation: Next.js App Router – For fast routing, lazy loading, and improved performance

shadcn/ui Components – Used for cohesive and accessible UI components

Tailwind CSS – Enables utility-first, responsive, and consistent styling

Lucide React Icons – Modern, lightweight icons used throughout the page

Next.js Image Component – Ensures optimized loading and responsiveness of media

SEO-Ready Structure – Semantic HTML, meta tags, Open Graph tags, and structured data

The landing page positions Rocketium as a cutting-edge creative operations platform, empowering marketing teams to plan, produce, and publish at scale — faster and more consistently than ever.