# ProductDesignPage

> The ProductDesignPage component is a configurable, responsive section designed to highlight AI and ML product design capabilities with a modern, minimalist aesthetic. Built entirely with shadcn/ui components and Tailwind CSS, it seamlessly adapts to both dark and light themes, ensuring visual harmony across devices.  This component emphasizes clarity, flexibility, and modularity—allowing teams to showcase expertise, services, and strategic approaches to AI-driven product experiences. It features distinct sections for an introduction, core expertise cards, a services grid, and a closing summary that conveys mission or philosophy. Because all text, icons, and structure are passed through props, ProductDesignPage can easily be repurposed for any domain (e.g., data science tools, fintech, or SaaS).  Ideal for portfolios, corporate landing pages, or educational sites, ProductDesignPage blends human-centered design storytelling with technical precision, reflecting how intelligent systems and thoughtful UI/UX come together to create meaningful digital products.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- npm dependencies: lucide-react
- Live preview: https://21st.dev/@ruixen.ui/components/product-design-page

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruixen.ui/product-design-page?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt