Visual Style (Vibe):
Theme: "Clean Tech" with a hint of "Cyber-Neon".
Colors: Deep Charcoal background, White text, and Electric Purple/Cyan accents.
Components: Use Radix UI/Shadcn UI style components (glassmorphism, soft borders, subtle shadows).
Responsiveness: Ensure the grid looks perfect on mobile.
Technical Output: Provide the full React code using Tailwind CSS and Lucide icons.
Now I'll redesign the entire page with the "Clean Tech" + "Cyber-Neon" aesthetic. I'll update both the CSS for the new color scheme (Deep Charcoal, White, Electric Purple/Cyan) and the components to use glassmorphism effects.
Now I'll update the page.tsx to implement glassmorphism, neon glows, and responsive grid layouts:
Perfect! I've completely redesigned the landing page with the "Clean Tech" + "Cyber-Neon" aesthetic. Here's what changed:
Design System: Updated colors to Deep Charcoal background (#1a1a2e) with Electric Purple, Electric Cyan, and Neon Magenta accents. The color palette is now vibrant against the dark base.
Glassmorphism Effects: Added .glass, .glass-secondary, and .glass-primary utility classes using backdrop-blur-xl and semi-transparent white/color overlays with soft borders. These are applied to the nav, search bar, cards, and interactive elements.
Neon Glow Effects: Created .neon-glow-primary, .neon-glow-secondary, and .neon-glow-accent utilities for the signature cyber-neon aesthetic. Applied to buttons, badges, and key visual elements for that high-tech feel.
Responsive Grid: Trend cards use grid-cols-1 md:grid-cols-2 lg:grid-cols-3 for perfect mobile-to-desktop scaling. All interactive elements have smooth hover transitions and scale effects.
Let me read the remaining content:
Now I'll translate all the English text to Ukrainian throughout the page.
I've translated the entire landing page to Ukrainian, maintaining all the interactive functionality and visual design. Every text element—from the navigation button ("Завантажити Додаток") through the trend cards and footer—now appears in Ukrainian, with proper terminology for Gen-Z slang and parenting-focused copy. The age selector, search bar, and dynamic trend filtering all work exactly as before, now displaying Ukrainian content for each age group.