diff --git a/components/Modals/ShortcutHelpModal.tsx b/components/Modals/ShortcutHelpModal.tsx index 4e28ae3..b1eac54 100644 --- a/components/Modals/ShortcutHelpModal.tsx +++ b/components/Modals/ShortcutHelpModal.tsx @@ -2,8 +2,19 @@ import { Carousel, Divider, Drawer, Modal } from "antd"; import { CarouselRef } from "antd/lib/carousel"; import { useRef, useState } from "react"; import { GlobalHotKeys, KeyMap } from "react-hotkeys"; -import { FaArrowLeft, FaArrowRight, FaUserCheck } from "react-icons/fa"; +import { BsThreeDots } from "react-icons/bs"; +import { + FaArrowLeft, + FaArrowRight, + FaClock, + FaLink, + FaPlus, + FaUserCheck, +} from "react-icons/fa"; +import { FcGoogle } from "react-icons/fc"; import { useKeyboardContext } from "../../contexts/keyboardContext"; +import Rooms from "../demo/Rooms"; +import Image from "next/image"; export default function ShortcutHelpModal() { const [visible, setVisible] = useState(false); @@ -61,7 +72,7 @@ export default function ShortcutHelpModal() { visible={visible} footer={<>} zIndex={5} - width={700} + width={750} >
@@ -111,9 +122,10 @@ export default function ShortcutHelpModal() { ... + @@ -212,7 +224,18 @@ export default function ShortcutHelpModal() { className="hover:cursor-pointer bg-teal-600 text-white p-1 rounded-full text-xl" /> - Audio Messages + + Live Collaboration + + Building the habit of{" "} + + {" "} + resolving issues on the spot + {" "} +

+ through seamless communication. +
+
carouselRef.current.next()} @@ -221,125 +244,170 @@ export default function ShortcutHelpModal() { - - - Select a Teammate + + + Hop into Office Rooms - - Type numbers on your keyboard. - - - - - - - ... + + Work with your closest teammates in the{" "} + hallway or corner + throughout the day. +

Have lunch and take breaks in the{" "} + kitchen.
- + {/* spontaneous bug room */} + + {/* header */} + + {/* meeting details */} + + + bug fixing + + + were just fixing that jsx bug thats a paiiinnnn + - + {/* badges and tags */} + + + blockers + + + + engineering + + + + + {/* room status */} + + + + live + + + {/* room attachments */} + + + + + + + + + {/* footer */} + + + + + profile + + + + profile + + + + Arjun and Liam + + + {" "} + + + + - Send an Audio Message + Join an Official Room - - Press and hold R. Your teammate will hear you instantly if - they are logged in. + + Click on the{" "} + {" "} + to create a

+ Meet (if your team + has GSuite).
- - As if you were speaking over your shoulder. No - notifications. No scrolling. No reading. + + Spontaneous, scheduled, or recurring rooms. - + + + + or + +
- + - Play Incoming Message + {"Cross Collaborate"} - - Select teammate and then press SPACE

to listen to - the last conversation. + + Walk into the office with clarity of team

+ + conversations are going on{" "} + {" "} + across the hall.
- {/* - Deselect teammate by pressing

ESC. -
*/} - -
- - - - - - - - Clear Your View - - Deselect teammate and

stop playing audio by - pressing ESC. -
- - -
-
@@ -350,16 +418,38 @@ export default function ShortcutHelpModal() { className="hover:cursor-pointer bg-teal-600 text-white p-1 rounded-full text-xl shrink-0" /> - - - Manage Your Drawer - - - Paste important links: Jira tickets, ppts, drive files, - github, code snippets. + + Drawer + + Organize your desk and{" "} + + focus on today's priorities. + - + + + + carouselRef.current.next()} + className="hover:cursor-pointer bg-teal-600 text-white p-1 rounded-full text-xl shrink-0" + /> + + + + + Add Your Drawer + + Paste{" "} + important links:{" "} + Jira tickets, ppts, drive files/folders, github, code + snippets. + + + {" "}
diff --git a/public/illustrations/undraw_my_files_swob.svg b/public/illustrations/undraw_my_files_swob.svg new file mode 100644 index 0000000..ce15177 --- /dev/null +++ b/public/illustrations/undraw_my_files_swob.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/illustrations/undraw_team_collaboration_re_ow29.svg b/public/illustrations/undraw_team_collaboration_re_ow29.svg new file mode 100644 index 0000000..6a692f7 --- /dev/null +++ b/public/illustrations/undraw_team_collaboration_re_ow29.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/illustrations/undraw_team_spirit_re_yl1v.svg b/public/illustrations/undraw_team_spirit_re_yl1v.svg new file mode 100644 index 0000000..274901b --- /dev/null +++ b/public/illustrations/undraw_team_spirit_re_yl1v.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/screenshots/drawer.png b/public/screenshots/drawer.png new file mode 100644 index 0000000..eb8b907 Binary files /dev/null and b/public/screenshots/drawer.png differ diff --git a/public/screenshots/officerooms.png b/public/screenshots/officerooms.png new file mode 100644 index 0000000..78b98df Binary files /dev/null and b/public/screenshots/officerooms.png differ diff --git a/public/screenshots/teamvoiceline.png b/public/screenshots/teamvoiceline.png new file mode 100644 index 0000000..d03d61f Binary files /dev/null and b/public/screenshots/teamvoiceline.png differ