Merge branch 'staging' of http://35.207.46.142/Wodey/wodey-prototype into feature/readers-app-brutal

Add HoverCards component and integrate Radix UI Hover Card functionality
Merge pull request 'Updated home page' (#7 ) from feature/home-page into staging
2025-04-27 15:39:09 +00:00 · 2025-04-27 15:37:31 +00:00 · 2025-04-27 15:19:58 +00:00 · 2025-04-27 15:15:44 +00:00
19 changed files with 576 additions and 9 deletions
--- a/app/creator/(home)/page.tsx
+++ b/app/creator/(home)/page.tsx
@ -1,7 +1,17 @@
-export default function CreatorPage() {
-    return (
-        <div className="text-black">
-            <h1>Creator</h1>
-        </div>
-    )
-}
+import { Home_Banner } from "@/components/Home_Banner";
+import Recent_Creation from "@/components/Recent_Creation";
+
+
+const CreatorPage: React.FC = () => {
+  return (
+    <div className="w-full h-[80vh] flex flex-col items-center justify-start bg-[#F3F3F3]">
+      <Home_Banner />
+      <Recent_Creation />
+    </div>
+  );
+};
+
+
+
+
+export default CreatorPage;
--- a/app/creator/Read/page.tsx
+++ b/app/creator/Read/page.tsx
--- a/app/globals.css
+++ b/app/globals.css
@ -123,6 +123,172 @@
 }


+.hero_img {
+  background-color: #010313D9;
+  background-image: url("/images/89f1cacd4041e59eb162ffcb0f8080dc179fe415.png");
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position: center center;
+  background-blend-mode: multiply;
+  height: 170px;
+  width: 1045px;
+  border-radius: 10px;
+  padding: 8px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-left: 40px;
+  padding-right: 40px;
+}
+
+.hero_text {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  color: #ffffff;
+  width: 476px;
+  text-align: left;
+}
+
+.hero_text h3 {
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 30px;
+  font-family: sans-serif;
+  margin: 0;
+}
+
+.hero_text p {
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 21px;
+  font-family: Arial, Helvetica, sans-serif;
+}
+
+.hero_img {
+  background-color: #010313D9;
+  background-image: url("/images/89f1cacd4041e59eb162ffcb0f8080dc179fe415.png");
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position: center center;
+  background-blend-mode: multiply;
+  height: 170px;
+  width: 100%;
+  border-radius: 10px;
+  padding: 8px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-left: 40px;
+  padding-right: 40px;
+}
+
+.hero_text {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  color: #ffffff;
+  width: 476px;
+  text-align: left;
+}
+
+.hero_text h3 {
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 30px;
+  font-family: sans-serif;
+  margin: 0;
+}
+
+.hero_text p {
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 21px;
+  font-family: Arial, Helvetica, sans-serif;
+  margin: 0;
+}
+
+.hero_text button {
+  background-color: #ffffff;
+  color: #010313;
+  border: none;
+  border-radius: 5px;
+  width: 146.04px;
+  padding: 5px 10px;
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: bold;
+  text-align: center;
+}
+
+.hero_cards {
+  display: flex;
+  gap: 20px;
+}
+
+.card_1 {
+  background-image: url("/images/37934e37222a44601017b84963a414627d8e095f.png");
+  background-size: cover;
+  background-position: center center;
+  width: 91px;
+  height: 130px;
+  border-radius: 2px;
+}
+
+.card_2 {
+  background-image: url("/images/230f1945d640ae4c0325f23dcb3365b59ae08277.png");
+  background-size: cover;
+  background-position: center center;
+  width: 91px;
+  height: 130px;
+  border-radius: 2px;
+}
+
+.card_3 {
+  background-image: url("/images/baca21cebac9b0ae0463e371575f760ea5e79016.png");
+  background-size: cover;
+  background-position: center center;
+  width: 91px;
+  height: 130px;
+  border-radius: 2px;
+}
+
+.recent_container {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 237px;
+  margin-top: 30px;
+}
+
+.recent_title {
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.recent_icon {
+  cursor: pointer;
+  border: 1px solid #868585;
+  padding: 5px;
+  border-radius: 5px;
+  font-size: 30px;
+}
+
+.recent_card {
+  width: 100%;
+  height: 150px;
+  background-color: #ffffff;
+  border-radius: 10px;
+}
+.card_img {
+  width: 145px;
+  height: 110px;
+  border-radius: 5px;
+}
+
+
 /* custom css */

 .no-scrollbar::-webkit-scrollbar {
--- a/components/Home_Banner.tsx
+++ b/components/Home_Banner.tsx
@ -0,0 +1,21 @@
+import React from "react";
+
+export const Home_Banner: React.FC = () => {
+  return (
+    <div className="hero_img">
+      <div className="hero_text">
+        <h3>Bring Your Story to Life</h3>
+        <p>
+          Start creating your own ebook today — share your voice, inspire
+          readers, and publish to the world in just a few clicks.
+        </p>
+        <button>Create an ebook</button>
+      </div>
+      <div className="hero_cards">
+        <div className="card_1"></div>
+        <div className="card_2"></div>
+        <div className="card_3"></div>
+      </div>
+    </div>
+  );
+};
--- a/components/Recent_Card.tsx
+++ b/components/Recent_Card.tsx
@ -0,0 +1,31 @@
+import Image from "next/image";
+import React from "react";
+
+interface RecentCardProps {
+  image: string;
+  title: string;
+  tag: string;
+  description: string;
+}
+
+const Recent_Card: React.FC<RecentCardProps> = ({ image, title, tag, description }) => {
+  return (
+    <div className="flex flex-col justify-start items-start">
+      <div className="recent_card flex justify-center items-center">
+        <Image
+          src={image}
+          alt="image"
+          className="card_img"
+          width={100}
+          height={100}
+        />
+      </div>
+      <h3 className="text-[14px] font-[400] text-slate-900">{title}</h3>
+      <p className="text-[10px] font-[400] text-slate-400">
+        {tag} <span> {description}</span>
+      </p>
+    </div>
+  );
+};
+
+export default Recent_Card;
--- a/components/Recent_Creation.tsx
+++ b/components/Recent_Creation.tsx
@ -0,0 +1,49 @@
+import Image from "next/image";
+import React from "react";
+import { FaSlidersH } from "react-icons/fa";
+import Recent_Card from "./Recent_Card";
+
+const Recent_Creation: React.FC = () => {
+  return (
+    <div className="recent_container">
+      <div className="recent_title">
+        <h3 className="text-[16px] font-[700]">Recent creations</h3>
+        <FaSlidersH className="text-[20px] recent_icon" />
+      </div>
+      <div className="grid sm:grid-cols-2 md:grid-cols-5 gap-4 mt-2">
+        <Recent_Card
+          image="/images/aa31529b95af9b43380b88b11692b0a6f7999878.png"
+          title="Good morning Gabe Hager!"
+          tag="Ebook"
+          description="Edited 13 mins ago"
+        />
+        <Recent_Card
+          image="/images/d5d8f9fe19a7aed7bf6545a64634eeb37a6b895a.png"
+          title="Story of my life (Story by Lak..."
+          tag="Ebook"
+          description="Edited 5 hours ago"
+        />
+        <Recent_Card
+          image="/images/d3cf3b09c1fd3dc0d6a997a7a479337fdf8caa69.png"
+          title="Good morning Gabe Hager!"
+          tag="Ebook"
+          description="Edited 10 mins ago"
+        />
+        <Recent_Card
+          image="/images/96c1b745b59fe1512c73f653d7b5e7be3ee54e58.png"
+          title="A fantastic saga, the super..."
+          tag="Ebook"
+          description="Edited 1 month ago"
+        />
+        <Recent_Card
+          image="/images/292c2c8f2ea3276c44dc6ade84e687b9cae3d267.png"
+          title="Good morning Gabe Hager!"
+          tag="Ebook"
+          description="Edited 20 hours ago"
+        />
+      </div>
+    </div>
+  );
+};
+
+export default Recent_Creation;
--- a/components/cards/HoverCards.tsx
+++ b/components/cards/HoverCards.tsx
@ -0,0 +1,25 @@
+import React from 'react'
+
+
+export interface HoverCardsProps {
+    image: string,
+    description: string,
+    link?: string,
+}
+
+export default function HoverCards({image, description, link}: HoverCardsProps) {
+  return (
+    <div className='flex flex-col overflow-hidden rounded-sm bg-white shadow-sm hover:transform hover:scale-105 transition-transform duration-300 ease-in-out'>
+        <img src={image} alt={description} className='w-[191px] h-[150px] rounded-sm  object-cover min-h-[140px]'/>
+        <div className='flex flex-col gap-1 p-2'>
+            <p className='text-sm font-medium truncate'>{description}</p>
+        </div>
+        {
+            link && (
+                <a href={link} className='text-xs text-gray-500'>{link}</a>
+            )
+        }
+
+    </div>
+  )
+}
--- a/components/ui/hover-card.tsx
+++ b/components/ui/hover-card.tsx
@ -0,0 +1,44 @@
+"use client"
+
+import * as React from "react"
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card"
+
+import { cn } from "@/lib/utils"
+
+function HoverCard({
+  ...props
+}: React.ComponentProps<typeof HoverCardPrimitive.Root>) {
+  return <HoverCardPrimitive.Root data-slot="hover-card" {...props} />
+}
+
+function HoverCardTrigger({
+  ...props
+}: React.ComponentProps<typeof HoverCardPrimitive.Trigger>) {
+  return (
+    <HoverCardPrimitive.Trigger data-slot="hover-card-trigger" {...props} />
+  )
+}
+
+function HoverCardContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}: React.ComponentProps<typeof HoverCardPrimitive.Content>) {
+  return (
+    <HoverCardPrimitive.Portal data-slot="hover-card-portal">
+      <HoverCardPrimitive.Content
+        data-slot="hover-card-content"
+        align={align}
+        sideOffset={sideOffset}
+        className={cn(
+          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+          className
+        )}
+        {...props}
+      />
+    </HoverCardPrimitive.Portal>
+  )
+}
+
+export { HoverCard, HoverCardTrigger, HoverCardContent }
--- a/package.json
+++ b/package.json
@ -9,14 +9,15 @@
    "lint": "next lint"
  },
  "dependencies": {
-    "lucide-react": "^0.503.0",
-    "next": "15.3.1",
    "@radix-ui/react-avatar": "^1.1.7",
+    "@radix-ui/react-hover-card": "^1.1.11",
    "@radix-ui/react-slot": "^1.2.0",
    "@radix-ui/react-tabs": "^1.1.9",
    "class-variance-authority": "^0.7.1",
    "clsx": "^2.1.1",
    "iconsax-react": "^0.0.8",
+    "lucide-react": "^0.503.0",
+    "next": "15.3.1",
    "react": "^19.0.0",
    "react-dom": "^19.0.0",
    "tailwind-merge": "^3.2.0"
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@ -11,6 +11,9 @@ importers:
      '@radix-ui/react-avatar':
        specifier: ^1.1.7
        version: 1.1.7(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-hover-card':
+        specifier: ^1.1.11
+        version: 1.1.11(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
      '@radix-ui/react-slot':
        specifier: ^1.2.0
        version: 1.2.0(@types/react@19.1.2)(react@19.1.0)
@ -126,6 +129,21 @@ packages:
    resolution: {integrity: sha512-ZAoA40rNMPwSm+AeHpCq8STiNAwzWLJuP8Xv4CHIc9wv/PSuExjMrmjfYNj682vW0OOiZ1HKxzvjQr9XZIisQA==}
    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}

+  '@floating-ui/core@1.6.9':
+    resolution: {integrity: sha512-uMXCuQ3BItDUbAMhIXw7UPXRfAlOAvZzdK9BWpE60MCn+Svt3aLn9jsPTi/WNGlRUu2uI0v5S7JiIUsbsvh3fw==}
+
+  '@floating-ui/dom@1.6.13':
+    resolution: {integrity: sha512-umqzocjDgNRGTuO7Q8CU32dkHkECqI8ZdMZ5Swb6QAM0t5rnlrN3lGo1hdpscRd3WS8T6DKYK4ephgIH9iRh3w==}
+
+  '@floating-ui/react-dom@2.1.2':
+    resolution: {integrity: sha512-06okr5cgPzMNBy+Ycse2A6udMi4bqwW/zgBF/rwjcNqWkyr82Mcg8b0vjX8OJpZFy/FKjJmw6wV7t44kK6kW7A==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+
+  '@floating-ui/utils@0.2.9':
+    resolution: {integrity: sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==}
+
  '@humanfs/core@0.19.1':
    resolution: {integrity: sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==}
    engines: {node: '>=18.18.0'}
@ -332,6 +350,19 @@ packages:
  '@radix-ui/primitive@1.1.2':
    resolution: {integrity: sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA==}

+  '@radix-ui/react-arrow@1.1.4':
+    resolution: {integrity: sha512-qz+fxrqgNxG0dYew5l7qR3c7wdgRu1XVUHGnGYX7rg5HM4p9SWaRmJwfgR3J0SgyUKayLmzQIun+N6rWRgiRKw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
  '@radix-ui/react-avatar@1.1.7':
    resolution: {integrity: sha512-V7ODUt4mUoJTe3VUxZw6nfURxaPALVqmDQh501YmaQsk3D8AZQrOPRnfKn4H7JGDLBc0KqLhT94H79nV88ppNg==}
    peerDependencies:
@ -385,6 +416,32 @@ packages:
      '@types/react':
        optional: true

+  '@radix-ui/react-dismissable-layer@1.1.7':
+    resolution: {integrity: sha512-j5+WBUdhccJsmH5/H0K6RncjDtoALSEr6jbkaZu+bjw6hOPOhHycr6vEUujl+HBK8kjUfWcoCJXxP6e4lUlMZw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-hover-card@1.1.11':
+    resolution: {integrity: sha512-q9h9grUpGZKR3MNhtVCLVnPGmx1YnzBgGR+O40mhSNGsUnkR+LChVH8c7FB0mkS+oudhd8KAkZGTJPJCjdAPIg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
  '@radix-ui/react-id@1.1.1':
    resolution: {integrity: sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==}
    peerDependencies:
@ -394,6 +451,32 @@ packages:
      '@types/react':
        optional: true

+  '@radix-ui/react-popper@1.2.4':
+    resolution: {integrity: sha512-3p2Rgm/a1cK0r/UVkx5F/K9v/EplfjAeIFCGOPYPO4lZ0jtg4iSQXt/YGTSLWaf4x7NG6Z4+uKFcylcTZjeqDA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-portal@1.1.6':
+    resolution: {integrity: sha512-XmsIl2z1n/TsYFLIdYam2rmFwf9OC/Sh2avkbmVMDuBZIe7hSpM0cYnWPAo7nHOVx8zTuwDZGByfcqLdnzp3Vw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
  '@radix-ui/react-presence@1.1.4':
    resolution: {integrity: sha512-ueDqRbdc4/bkaQT3GIpLQssRlFgWaL/U2z/S31qRwwLWoxHLgry3SIfCwhxeQNbirEUXFa+lq3RL3oBYXtcmIA==}
    peerDependencies:
@ -482,6 +565,15 @@ packages:
      '@types/react':
        optional: true

+  '@radix-ui/react-use-escape-keydown@1.1.1':
+    resolution: {integrity: sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
  '@radix-ui/react-use-is-hydrated@0.1.0':
    resolution: {integrity: sha512-U+UORVEq+cTnRIaostJv9AGdV3G6Y+zbVd+12e18jQ5A3c0xL03IhnHuiU4UV69wolOQp5GfR58NW/EgdQhwOA==}
    peerDependencies:
@ -500,6 +592,27 @@ packages:
      '@types/react':
        optional: true

+  '@radix-ui/react-use-rect@1.1.1':
+    resolution: {integrity: sha512-QTYuDesS0VtuHNNvMh+CjlKJ4LJickCMUAqjlE3+j8w+RlRpwyX3apEQKGFzbZGdo7XNG1tXa+bQqIE7HIXT2w==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-size@1.1.1':
+    resolution: {integrity: sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/rect@1.1.1':
+    resolution: {integrity: sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw==}
+
  '@rtsao/scc@1.1.0':
    resolution: {integrity: sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==}

@ -2003,6 +2116,23 @@ snapshots:
      '@eslint/core': 0.13.0
      levn: 0.4.1

+  '@floating-ui/core@1.6.9':
+    dependencies:
+      '@floating-ui/utils': 0.2.9
+
+  '@floating-ui/dom@1.6.13':
+    dependencies:
+      '@floating-ui/core': 1.6.9
+      '@floating-ui/utils': 0.2.9
+
+  '@floating-ui/react-dom@2.1.2(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@floating-ui/dom': 1.6.13
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+
+  '@floating-ui/utils@0.2.9': {}
+
  '@humanfs/core@0.19.1': {}

  '@humanfs/node@0.16.6':
@ -2147,6 +2277,15 @@ snapshots:

  '@radix-ui/primitive@1.1.2': {}

+  '@radix-ui/react-arrow@1.1.4(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.0(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
  '@radix-ui/react-avatar@1.1.7(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
    dependencies:
      '@radix-ui/react-context': 1.1.2(@types/react@19.1.2)(react@19.1.0)
@ -2190,6 +2329,36 @@ snapshots:
    optionalDependencies:
      '@types/react': 19.1.2

+  '@radix-ui/react-dismissable-layer@1.1.7(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.0(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-escape-keydown': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-hover-card@1.1.11(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-dismissable-layer': 1.1.7(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-popper': 1.2.4(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-portal': 1.1.6(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-presence': 1.1.4(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.0(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
  '@radix-ui/react-id@1.1.1(@types/react@19.1.2)(react@19.1.0)':
    dependencies:
      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.2)(react@19.1.0)
@ -2197,6 +2366,34 @@ snapshots:
    optionalDependencies:
      '@types/react': 19.1.2

+  '@radix-ui/react-popper@1.2.4(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@floating-ui/react-dom': 2.1.2(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-arrow': 1.1.4(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.0(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-rect': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      '@radix-ui/rect': 1.1.1
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
+  '@radix-ui/react-portal@1.1.6(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.0(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.2
+      '@types/react-dom': 19.1.2(@types/react@19.1.2)
+
  '@radix-ui/react-presence@1.1.4(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
    dependencies:
      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.2)(react@19.1.0)
@ -2277,6 +2474,13 @@ snapshots:
    optionalDependencies:
      '@types/react': 19.1.2

+  '@radix-ui/react-use-escape-keydown@1.1.1(@types/react@19.1.2)(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+    optionalDependencies:
+      '@types/react': 19.1.2
+
  '@radix-ui/react-use-is-hydrated@0.1.0(@types/react@19.1.2)(react@19.1.0)':
    dependencies:
      react: 19.1.0
@ -2290,6 +2494,22 @@ snapshots:
    optionalDependencies:
      '@types/react': 19.1.2

+  '@radix-ui/react-use-rect@1.1.1(@types/react@19.1.2)(react@19.1.0)':
+    dependencies:
+      '@radix-ui/rect': 1.1.1
+      react: 19.1.0
+    optionalDependencies:
+      '@types/react': 19.1.2
+
+  '@radix-ui/react-use-size@1.1.1(@types/react@19.1.2)(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@19.1.2)(react@19.1.0)
+      react: 19.1.0
+    optionalDependencies:
+      '@types/react': 19.1.2
+
+  '@radix-ui/rect@1.1.1': {}
+
  '@rtsao/scc@1.1.0': {}

  '@rushstack/eslint-patch@1.11.0': {}
--- a/public/images/230f1945d640ae4c0325f23dcb3365b59ae08277.png
+++ b/public/images/230f1945d640ae4c0325f23dcb3365b59ae08277.png
--- a/public/images/292c2c8f2ea3276c44dc6ade84e687b9cae3d267.png
+++ b/public/images/292c2c8f2ea3276c44dc6ade84e687b9cae3d267.png
--- a/public/images/37934e37222a44601017b84963a414627d8e095f.png
+++ b/public/images/37934e37222a44601017b84963a414627d8e095f.png
--- a/public/images/89f1cacd4041e59eb162ffcb0f8080dc179fe415.png
+++ b/public/images/89f1cacd4041e59eb162ffcb0f8080dc179fe415.png
--- a/public/images/96c1b745b59fe1512c73f653d7b5e7be3ee54e58.png
+++ b/public/images/96c1b745b59fe1512c73f653d7b5e7be3ee54e58.png
--- a/public/images/aa31529b95af9b43380b88b11692b0a6f7999878.png
+++ b/public/images/aa31529b95af9b43380b88b11692b0a6f7999878.png
--- a/public/images/baca21cebac9b0ae0463e371575f760ea5e79016.png
+++ b/public/images/baca21cebac9b0ae0463e371575f760ea5e79016.png
--- a/public/images/d3cf3b09c1fd3dc0d6a997a7a479337fdf8caa69.png
+++ b/public/images/d3cf3b09c1fd3dc0d6a997a7a479337fdf8caa69.png
--- a/public/images/d5d8f9fe19a7aed7bf6545a64634eeb37a6b895a.png
+++ b/public/images/d5d8f9fe19a7aed7bf6545a64634eeb37a6b895a.png
Author	SHA1	Message	Date
pious2847	7d22909053	Merge branch 'staging' of http://35.207.46.142/Wodey/wodey-prototype into feature/readers-app-brutal	2025-04-27 15:39:09 +00:00
pious2847	20c7601e4a	Add HoverCards component and integrate Radix UI Hover Card functionality	2025-04-27 15:37:31 +00:00
Sotware Developer I (Fullstack)	0aeb5ccd52	Merge pull request 'Updated home page' (#7 ) from feature/home-page into staging Reviewed-on: http://35.207.46.142/Wodey/wodey-prototype/pulls/7	2025-04-27 15:19:58 +00:00
saani	b32aa39b88	Updated home page	2025-04-27 15:15:44 +00:00