Creative Book

Creative Book is a books & courses store experience powered by Next.js and Framer Motion, focused on smooth motion, a bento grid layout, and a bilingual experience.

Main features

• Interactive motion — scroll-linked, hover, and transition-driven animation via Framer Motion
• Bento grid — modern, block-based layout for catalog and marketing sections
• Multi-language — English and Arabic with next-intl and RTL-aware styling
• Newsletter — Mailchimp integration for email capture and campaigns
• Theme toggle — light and dark mode with polished UI transitions
• SEO and performance — metadata, Next/Image, and sitemap-oriented structure
• Responsive layout across breakpoints

• Next.js — App Router, optimized delivery
• TypeScript — typed components and data
• Tailwind CSS — layout and design tokens
• Framer Motion — animation and interaction layer
• Shadcn UI — accessible UI primitives
• next-intl — locale routing and messages
• Zustand — lightweight client state
• Zod — schema validation where forms and payloads need guards

• Motion as a product surface — treated animation timing and staging as part of UX, not decoration
• Locale-first layout — Arabic and English share components while RTL and copy swap cleanly via next-intl
• Bento composition — CSS Grid and responsive breakpoints keep the grid readable on small screens
• Newsletter path — Mailchimp hooks for marketing without bloating the landing bundle