From 8bb788cd0f9a4ca15d9dfde9ddd72f5f69e3152f Mon Sep 17 00:00:00 2001 From: MarconLP <13001502+MarconLP@users.noreply.github.com> Date: Sun, 9 Jul 2023 16:23:26 +0200 Subject: [PATCH] add socialproof section --- src/assets/StarIcon.tsx | 24 +++++++++++ src/pages/index.tsx | 88 ++++++++++++++++++++++++++++++++++++++++- 2 files changed, 111 insertions(+), 1 deletion(-) create mode 100644 src/assets/StarIcon.tsx diff --git a/src/assets/StarIcon.tsx b/src/assets/StarIcon.tsx new file mode 100644 index 0000000..a8481c1 --- /dev/null +++ b/src/assets/StarIcon.tsx @@ -0,0 +1,24 @@ +export default function StarIcon() { + return ( + + + + ); +} diff --git a/src/pages/index.tsx b/src/pages/index.tsx index b82f15e..cb053ab 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -1,7 +1,7 @@ import { type NextPage } from "next"; import Head from "next/head"; import { useSession } from "next-auth/react"; -import { usePostHog } from "posthog-js/react"; +import { useFeatureFlagEnabled, usePostHog } from "posthog-js/react"; import { useAtom } from "jotai"; import recordVideoModalOpen from "~/atoms/recordVideoModalOpen"; import VideoRecordModal from "~/components/VideoRecordModal"; @@ -17,12 +17,14 @@ import supportUsecase from "~/assets/support usecase.png"; import logo from "~/assets/logo.png"; import { useRouter } from "next/router"; import { useEffect } from "react"; +import StarIcon from "~/assets/StarIcon"; const Home: NextPage = () => { const [recordModalOpen, setRecordOpen] = useAtom(recordVideoModalOpen); const posthog = usePostHog(); const session = useSession(); const router = useRouter(); + const socialProofEnabled = useFeatureFlagEnabled("social-proof-section"); useEffect(() => { if (session.status === "authenticated" && !recordModalOpen) { @@ -96,6 +98,89 @@ const Home: NextPage = () => { +
+
+ {[ + { + name: "Roman Hof", + role: "Director of Enterprise", + text: "Awesome Product", + profilePicture: + "https://media.licdn.com/dms/image/D4E03AQF1ZhbVE1qpFQ/profile-displayphoto-shrink_800_800/0/1674193281406?e=1694649600&v=beta&t=w0gLnv2rUhlWja_YH7g1MlhD6seUXrRxhHv4vE_GWI8", + }, + { + name: "Peer Richelsen", + role: "CEO @ Cal.com", + text: "Incredibly easy to use", + profilePicture: + "https://media.licdn.com/dms/image/C4D03AQFy5iED85Z9mQ/profile-displayphoto-shrink_800_800/0/1650904367921?e=2147483647&v=beta&t=xuXJqTlkv-rtrWY2-9B9yhHvyPMxfK9X9XgNdAkAobA", + }, + { + name: "Mish Ushakov", + role: "CTO @ StepCI", + text: "A godsend", + profilePicture: + "https://avatars.githubusercontent.com/u/10400064?v=4", + }, + ].map(({ name, role, text, profilePicture }) => ( +
+
+
+ + + + + +
+
+
+ “ + {text} + ” +
+
+
+
+ testimonial avatar +
+
+
+
+ {name} +
+
+ {role} +
+
+
+
+ ))} +
+ + {"producthunt"} + +
+
+
+

@@ -282,6 +367,7 @@ const Home: NextPage = () => {

+
{[