NotIncluded.tsx (4292B)
1 import { Onest } from 'next/font/google' 2 import { FormattedMessage, useIntl } from "react-intl"; 3 import { motion } from "framer-motion"; 4 import { RoundedContainerWithGradientBorder } from "@/components/ui/RoundedContainerWithGradientBorder"; 5 import { cn } from "@/lib/utils"; 6 import { Film, Joystick, KeyRound, Mail, Scale, Search, ThumbsUp, Upload, Wallet, Zap } from "lucide-react"; 7 import { MeshGradient3 } from "@/components/effects/MeshGradient.3"; 8 import { MarkdownView } from '@/components/ui/MarkdownView'; 9 import { ItemSection } from './ItemSection'; 10 11 const onest = Onest({ subsets: ['latin'] }) 12 13 export function NotIncluded({ className }: { className?: string }) { 14 const intl = useIntl() 15 16 const itemsNotIncluded = [ 17 { 18 icon: <Zap className="h-12 w-12 text-white opacity-80"/>, 19 headline: intl.formatMessage({ id: "notedeck.not-included.feature1.name", defaultMessage: "Zaps" }), 20 description: intl.formatMessage({ id: "notedeck.not-included.feature1.description", defaultMessage: "Tip creators and friends on nostr, or get tips for posting content" }), 21 badgeText: intl.formatMessage({ id: "notedeck.not-included.feature1.badge", defaultMessage: "Coming 2025 Q1" }) 22 }, 23 { 24 icon: <Mail className="text-white h-12 w-12 opacity-80"/>, 25 headline: intl.formatMessage({ id: "notedeck.not-included.feature2.name", defaultMessage: "DMs" }), 26 description: intl.formatMessage({ id: "notedeck.not-included.feature2.description", defaultMessage: "Send direct messages to friends" }), 27 badgeText: intl.formatMessage({ id: "notedeck.not-included.feature2.badge", defaultMessage: "Coming 2025 Q1" }) 28 }, 29 { 30 icon: <Film className="h-12 w-12 text-white opacity-80"/>, 31 headline: intl.formatMessage({ id: "notedeck.not-included.feature3.name", defaultMessage: "Embedded video" }), 32 description: intl.formatMessage({ id: "notedeck.not-included.feature3.description", defaultMessage: "View videos directly from your feed" }), 33 badgeText: intl.formatMessage({ id: "notedeck.not-included.feature3.badge", defaultMessage: "Coming 2025 Q1" }) 34 }, 35 { 36 icon: <ThumbsUp className="h-12 w-12 text-white opacity-80"/>, 37 headline: intl.formatMessage({ id: "notedeck.not-included.feature4.name", defaultMessage: "Likes/reactions/reposts" }), 38 description: intl.formatMessage({ id: "notedeck.not-included.feature4.description", defaultMessage: "React to posts from your friends" }), 39 badgeText: intl.formatMessage({ id: "notedeck.not-included.feature4.badge", defaultMessage: "Coming 2025 Q1" }) 40 }, 41 { 42 icon: <Search className="h-12 w-12 text-white opacity-80"/>, 43 headline: intl.formatMessage({ id: "notedeck.not-included.feature5.name", defaultMessage: "Search" }), 44 description: intl.formatMessage({ id: "notedeck.not-included.feature5.description", defaultMessage: "Easily search for content on your feed or around the nostr network, and get suggestions when tagging users" }), 45 badgeText: intl.formatMessage({ id: "notedeck.not-included.feature5.badge", defaultMessage: "Coming 2025 Q1" }) 46 }, 47 { 48 icon: <Upload className="h-12 w-12 text-white opacity-80"/>, 49 headline: intl.formatMessage({ id: "notedeck.not-included.feature6.name", defaultMessage: "Upload media" }), 50 description: intl.formatMessage({ id: "notedeck.not-included.feature6.description", defaultMessage: "Attach images or videos to your posts" }), 51 badgeText: intl.formatMessage({ id: "notedeck.not-included.feature6.badge", defaultMessage: "Coming 2025 Q1" }) 52 }, 53 ] 54 55 return (<> 56 <ItemSection 57 heading={intl.formatMessage({ id: "notedeck.not-included.headline", defaultMessage: "What's NOT included so far, but we are building right now" })} 58 subHeading={intl.formatMessage({ id: "notedeck.not-included.description", defaultMessage: "We are working very hard to get these features out as soon as possible. If you want to collaborate please check out our [GitHub](https://github.com/damus-io/notedeck/issues)" })} 59 items={itemsNotIncluded} 60 /> 61 </>) 62 }