React ShadCN Component Replication

I have two high-resolution screenshots of existing sites and I want their look and feel rebuilt as reusable React components with ShadCN/UI. What matters most to me is that you capture the exact overall layout, color scheme, and typography from the samples so the components drop into my Next.js project looking indistinguishable from the originals.

Alongside the static styles, I’d like subtle, lightweight animations—think button hover fades or card lift effects—implemented with either CSS keyframes or a small helper like framer-motion; no heavy, complex sequences are necessary. Every component must scale gracefully from mobile to large desktop screens, so please wire up proper responsive classes and flex/grid breakpoints.

Deliverables
• Two fully responsive component sets matching each screenshot
• Simple animation hooks applied where relevant
• Clean, commented React + ShadCN/UI code ready to import

Once we start, I’ll share the images and note any interactive elements. If parts of the design aren’t clear, feel free to ask—accuracy is more important than speed.