damus.io

damus.io website
git clone git://jb55.com/damus.io
Log | Files | Refs | README | LICENSE

ShareFeedback.tsx (4144B)

      1 import { Button } from "@/components/ui/Button";
      2 import { useIntl } from "react-intl";
      3 import Link from "next/link";
      4 import { motion } from "framer-motion";
      5 import { cn } from "@/lib/utils";
      6 import { ArrowUpRight, MessageCircleIcon, GitBranch, Megaphone, Github } from "lucide-react";
      7 import { MeshGradient4 } from "@/components/effects/MeshGradient.4";
      8 import { GithubIcon } from "@/components/icons/GithubIcon";
      9 import Image from "next/image";
     10 
     11 export function ShareFeedback({ className }: { className?: string }) {
     12   const intl = useIntl();
     13 
     14   return (
     15     <>
     16       <div className={cn("bg-black overflow-hidden relative", className)}>
     17         <div className="container mx-auto px-6 pb-24 pt-24">
     18           <div className="flex flex-col items-center justify-center mt-32 lg:mt-16">
     19             <div className="relative mb-24 flex flex-col items-center justify-center">
     20               <Image
     21                 src="/notedeck/share-feedback.png"
     22                 width={192}
     23                 height={110.5}
     24                 className="mb-8"
     25                 alt={"Share feedback icon"}
     26               />
     27               <motion.h2 className="mb-8 text-3xl md:text-5xl lg:text-6xl text-center text-transparent bg-clip-text bg-gradient-to-r from-white from-5% to-[#E0A4D3] to-100% font-semibold">
     28                 {intl.formatMessage({
     29                   id: "notedeck.feedback.headline",
     30                   defaultMessage: "Share your feedback with us",
     31                 })}
     32               </motion.h2>
     33               {(intl.locale != "ja" ||
     34                 process.env.FORCE_LOAD_ALL_JA_SECTIONS) && (
     35                 <motion.div className="text-xl text-center max-w-2xl mb-12 text-white">
     36                   {intl.formatMessage({
     37                     id: "notedeck.feedback.subheadline",
     38                     defaultMessage:
     39                       "We encourage you to send feedback to our Damus npub over nostr or Github to we can take it in consideration in our Roadmap",
     40                   })}
     41                 </motion.div>
     42               )}
     43               <div className="flex flex-col md:flex-row gap-x-8 gap-y-4">
     44                 {(intl.locale != "ja" ||
     45                   process.env.FORCE_LOAD_ALL_JA_SECTIONS) && (
     46                   <Link
     47                     href="mailto:support@damus.io"
     48                     target="_blank"
     49                   >
     50                     <Button variant="accent" className="w-full md:w-auto">
     51                       <Megaphone className="mr-2" />
     52                       {intl.formatMessage({
     53                         id: "notedeck.feedback.share-feedback",
     54                         defaultMessage: "Send Feedback",
     55                       })}
     56                       <ArrowUpRight className="ml-2" />
     57                     </Button>
     58                   </Link>
     59                 )}
     60                 <Link href="https://github.com/damus-io/notedeck/issues/" target="_blank">
     61                   <Button variant="default" className="w-full md:w-auto">
     62                     <Github className="mr-2" />
     63                     {intl.formatMessage({
     64                       id: "notedeck.feedback.view_github",
     65                       defaultMessage: "View our GitHub",
     66                     })}
     67                     <ArrowUpRight className="ml-2" />
     68                   </Button>
     69                 </Link>
     70                 {(intl.locale != "ja" ||
     71                   process.env.FORCE_LOAD_ALL_JA_SECTIONS) && (
     72                   <Link
     73                     href="https://njump.me/npub1zafcms4xya5ap9zr7xxr0jlrtrattwlesytn2s42030lzu0dwlzqpd26k5"
     74                     target="_blank"
     75                   >
     76                     <Button variant="default" className="w-full md:w-auto">
     77                       <MessageCircleIcon className="mr-2" />
     78                       {intl.formatMessage({
     79                         id: "contribute.talk_to_a_team_member",
     80                         defaultMessage: "Talk to a team member",
     81                       })}
     82                       <ArrowUpRight className="ml-2" />
     83                     </Button>
     84                   </Link>
     85                 )}
     86               </div>
     87             </div>
     88           </div>
     89         </div>
     90       </div>
     91     </>
     92   );
     93 }