Make the landing page mobile responsive and fix light mode issues.

* **Landing Page (`apps/www/app/page.tsx`)**
  - Add Tailwind CSS classes to make the landing page mobile responsive.
  - Update the `Hero` component to use responsive classes.
  - Adjust the grid layout to be responsive.

* **Header Component (`apps/www/components/header/index.tsx`)**
  - Add responsive classes to the `Header` component.
  - Ensure the `Header` component is mobile-friendly.

---

For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/ruru-m07/ruru-ui?shareId=XXXX-XXXX-XXXX-XXXX).

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

… feat/stack

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

… feat/stack

…ce optimization

feat(components): introduce new stack component

Fixes #65

Add support for multiple animation variants in the Modal component.

* Extend the `modalVariants` object in `packages/ui/src/components/modal.tsx` to include multiple animation options such as `fade`, `zoom`, `scaleBounce`, `slideUp`, `slideDown`, `slideRight`, `slideLeft`, `flip`, and `rotate`.
* Allow dynamic selection of animation variants based on the `animationVariant` prop in the `Modal` component.
* Update the documentation in `apps/www/content/docs/components/modal.mdx` to explain how to select and use the new animation variants.
* Add test cases in `apps/www/app/playground/page.tsx` to cover all supported animation options for the `Modal` component.
* Add a new file `apps/www/components/preview/Modal/modalAnimation.tsx` to demonstrate the use of different animation variants in the Modal component.
* Update the version in `packages/ui/package.json` from `2.2.3` to `2.2.4`.

---

For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/ruru-m07/ruru-ui/issues/65?shareId=XXXX-XXXX-XXXX-XXXX).

…onent

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

feat(modal): enhance modal component with multiple animation variants

…removing @radix-ui/react-switch dependency

Fixes #63

Refactor the `Switch` component to be self-contained and remove dependency on `@radix-ui/react-switch`.

* **Switch Component**:
  - Remove import statement for `@radix-ui/react-switch`.
  - Update the `Switch` component to be self-contained with its own state management and event handling.
  - Update the `Switch` component's props to include `checked` and `onCheckedChange`.

* **Documentation**:
  - Update the documentation in `apps/www/content/docs/components/switch.mdx` to reference the self-contained `Switch` component.
  - Add a new props table to the documentation to reflect the updated `Switch` component's props.

* **Dependencies**:
  - Remove `@radix-ui/react-switch` from `packages/ui/package.json`.
  - Update `pnpm-lock.yaml` to remove references to `@radix-ui/react-switch`.

* **Registry**:
  - Update `apps/www/public/registry/index.json` and `apps/www/public/registry/components/switch.json` to remove the dependency on `@radix-ui/react-switch`.
  - Update `apps/www/registry/ui.ts` to remove the dependency on `@radix-ui/react-switch`.

---

For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/ruru-m07/ruru-ui/issues/63?shareId=XXXX-XXXX-XXXX-XXXX).

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

…07/ruru-ui into refactor-switch-component

refactor(component: switch): make Switch component self-dependent by removing @radix-ui/react-switch dependency

Make the landing page mobile responsive and fix light mode issues.

* **Landing Page (`apps/www/app/page.tsx`)**
  - Add Tailwind CSS classes to make the landing page mobile responsive.
  - Update the `Hero` component to use responsive classes.
  - Adjust the grid layout to be responsive.

* **Header Component (`apps/www/components/header/index.tsx`)**
  - Add responsive classes to the `Header` component.
  - Ensure the `Header` component is mobile-friendly.

---

For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/ruru-m07/ruru-ui?shareId=XXXX-XXXX-XXXX-XXXX).

…-m07/ruru-ui into fix-responsive-landing-page