diff --git a/content/compiled-locales/en.json b/content/compiled-locales/en.json index b105a6c..2bb44b1 100644 --- a/content/compiled-locales/en.json +++ b/content/compiled-locales/en.json @@ -17,6 +17,72 @@ "value": "Banned in China" } ], + "benefits.benefit1.description": [ + { + "type": 0, + "value": "Built on open internet protocols, there is no platform that can ban or censor you. You are in control of your data & speech." + } + ], + "benefits.benefit1.name": [ + { + "type": 0, + "value": "You are in control" + } + ], + "benefits.benefit2.description": [ + { + "type": 0, + "value": "Creating an account doesn't require a phone number, email or name. Get started right away, and truly own your account — Thanks to advanced cryptography" + } + ], + "benefits.benefit2.name": [ + { + "type": 0, + "value": "No registration required" + } + ], + "benefits.benefit3.description": [ + { + "type": 0, + "value": "Traditional social media keeps you addicted in order to sell you ads, which is intoxicating society. Damus doesn't. The result? A healthier community." + } + ], + "benefits.benefit3.name": [ + { + "type": 0, + "value": "No addictive algorithms" + } + ], + "benefits.benefit4.description": [ + { + "type": 0, + "value": "Tip your friends, earn tips, support creators, and stack sats with Bitcoin & Lightning, the Free and open internet money." + } + ], + "benefits.benefit4.name": [ + { + "type": 0, + "value": "Free speech meets Free money" + } + ], + "benefits.description": [ + { + "type": 0, + "value": "Damus is built on Nostr, a decentralized and open social network protocol. Without ads, toxic algorithms, or censorship, Damus gives you access to the social network that a truly Free and healthy society needs — and deserves." + } + ], + "benefits.headline": [ + { + "type": 0, + "value": "You deserve to be Free." + } + ], + "benefits.subheadline": [ + { + "type": 0, + "value": "With Damus, you are in control." + } + ], "contribute.go_to_github": [ { "type": 0, diff --git a/content/compiled-locales/ja.json b/content/compiled-locales/ja.json index 0a6127b..2b9bce2 100644 --- a/content/compiled-locales/ja.json +++ b/content/compiled-locales/ja.json @@ -17,6 +17,72 @@ "value": "中国では禁止されています" } ], + "benefits.benefit1.description": [ + { + "type": 0, + "value": "オープンなインターネットプロトコルに基づいて構築されているため、あなたを禁止または検閲するプラットフォームは存在しません。あなたのデータと発言はあなたがコントロールしています。" + } + ], + "benefits.benefit1.name": [ + { + "type": 0, + "value": "あなたがコントロールしています" + } + ], + "benefits.benefit2.description": [ + { + "type": 0, + "value": "アカウントの作成には電話番号、メール、名前は必要ありません。すぐに始めて、高度な暗号化のおかげで本当にあなたのアカウントを所有することができます。" + } + ], + "benefits.benefit2.name": [ + { + "type": 0, + "value": "登録不要" + } + ], + "benefits.benefit3.description": [ + { + "type": 0, + "value": "伝統的なソーシャルメディアは、あなたに広告を売るためにあなたを中毒にしようとしますが、それは社会を毒することです。しかし、Damusはそうはしません。その結果?より健康的なコミュニティが生まれます。" + } + ], + "benefits.benefit3.name": [ + { + "type": 0, + "value": "中毒性のあるアルゴリズムはありません" + } + ], + "benefits.benefit4.description": [ + { + "type": 0, + "value": "友達にチップを送ったり、チップを獲得したり、クリエイターをサポートしたり、ビットコイン&ライトニングという自由でオープンなインターネットマネーでsatsを積み上げることができます。" + } + ], + "benefits.benefit4.name": [ + { + "type": 0, + "value": "自由な発言と自由なお金が出会う" + } + ], + "benefits.description": [ + { + "type": 0, + "value": "DamusはNostrという分散型でオープンなソーシャルネットワークプロトコルに基づいて構築されています。広告、有害なアルゴリズム、検閲なしで、Damusは真に自由で健康的な社会が必要とする、そして当然のことながら得るべきソーシャルネットワークへのアクセスを提供します。" + } + ], + "benefits.headline": [ + { + "type": 0, + "value": "あなたは自由であることを当然の権利としています。" + } + ], + "benefits.subheadline": [ + { + "type": 0, + "value": "Damusを使えば、あなたがコントロールできます。" + } + ], "contribute.go_to_github": [ { "type": 0, diff --git a/content/locales/en.json b/content/locales/en.json index bd72700..637c97f 100644 --- a/content/locales/en.json +++ b/content/locales/en.json @@ -8,6 +8,39 @@ "banned_in_china.headline": { "string": "Banned in China" }, + "benefits.benefit1.description": { + "string": "Built on open internet protocols, there is no platform that can ban or censor you. You are in control of your data & speech." + }, + "benefits.benefit1.name": { + "string": "You are in control" + }, + "benefits.benefit2.description": { + "string": "Creating an account doesn't require a phone number, email or name. Get started right away, and truly own your account — Thanks to advanced cryptography" + }, + "benefits.benefit2.name": { + "string": "No registration required" + }, + "benefits.benefit3.description": { + "string": "Traditional social media keeps you addicted in order to sell you ads, which is intoxicating society. Damus doesn't. The result? A healthier community." + }, + "benefits.benefit3.name": { + "string": "No addictive algorithms" + }, + "benefits.benefit4.description": { + "string": "Tip your friends, earn tips, support creators, and stack sats with Bitcoin & Lightning, the Free and open internet money." + }, + "benefits.benefit4.name": { + "string": "Free speech meets Free money" + }, + "benefits.description": { + "string": "Damus is built on Nostr, a decentralized and open social network protocol. Without ads, toxic algorithms, or censorship, Damus gives you access to the social network that a truly Free and healthy society needs — and deserves." + }, + "benefits.headline": { + "string": "You deserve to be Free." + }, + "benefits.subheadline": { + "string": "With Damus, you are in control." + }, "contribute.go_to_github": { "string": "Go to Github" }, diff --git a/content/locales/ja.json b/content/locales/ja.json index 81b9639..3f3c538 100644 --- a/content/locales/ja.json +++ b/content/locales/ja.json @@ -8,6 +8,39 @@ "banned_in_china.headline": { "string": "中国では禁止されています" }, + "benefits.benefit1.description": { + "string": "オープンなインターネットプロトコルに基づいて構築されているため、あなたを禁止または検閲するプラットフォームは存在しません。あなたのデータと発言はあなたがコントロールしています。" + }, + "benefits.benefit1.name": { + "string": "あなたがコントロールしています" + }, + "benefits.benefit2.description": { + "string": "アカウントの作成には電話番号、メール、名前は必要ありません。すぐに始めて、高度な暗号化のおかげで本当にあなたのアカウントを所有することができます。" + }, + "benefits.benefit2.name": { + "string": "登録不要" + }, + "benefits.benefit3.description": { + "string": "伝統的なソーシャルメディアは、あなたに広告を売るためにあなたを中毒にしようとしますが、それは社会を毒することです。しかし、Damusはそうはしません。その結果?より健康的なコミュニティが生まれます。" + }, + "benefits.benefit3.name": { + "string": "中毒性のあるアルゴリズムはありません" + }, + "benefits.benefit4.description": { + "string": "友達にチップを送ったり、チップを獲得したり、クリエイターをサポートしたり、ビットコイン&ライトニングという自由でオープンなインターネットマネーでsatsを積み上げることができます。" + }, + "benefits.benefit4.name": { + "string": "自由な発言と自由なお金が出会う" + }, + "benefits.description": { + "string": "DamusはNostrという分散型でオープンなソーシャルネットワークプロトコルに基づいて構築されています。広告、有害なアルゴリズム、検閲なしで、Damusは真に自由で健康的な社会が必要とする、そして当然のことながら得るべきソーシャルネットワークへのアクセスを提供します。" + }, + "benefits.headline": { + "string": "あなたは自由であることを当然の権利としています。" + }, + "benefits.subheadline": { + "string": "Damusを使えば、あなたがコントロールできます。" + }, "contribute.go_to_github": { "string": "Githubへ行く" }, diff --git a/src/components/sections/Benefits.tsx b/src/components/sections/Benefits.tsx new file mode 100644 index 0000000..286cb93 --- /dev/null +++ b/src/components/sections/Benefits.tsx @@ -0,0 +1,74 @@ +import { MeshGradient2 } from "../effects/MeshGradient.2"; +import { Button } from "../ui/Button"; +import { FormattedMessage, useIntl } from "react-intl"; +import Link from "next/link"; +import { motion } from "framer-motion"; +import { RoundedContainerWithGradientBorder } from "../ui/RoundedContainerWithGradientBorder"; +import { cn } from "@/lib/utils"; +import Image from "next/image"; +import { Joystick, KeyRound, Scale, Wallet } from "lucide-react"; +import { MeshGradient4 } from "../effects/MeshGradient.4"; +import { MeshGradient3 } from "../effects/MeshGradient.3"; + +export function Benefits({ className }: { className?: string }) { + const intl = useIntl() + + const benefits = [ + { + icon: , + headline: intl.formatMessage({ id: "benefits.benefit1.name", defaultMessage: "You are in control" }), + description: intl.formatMessage({ id: "benefits.benefit1.description", defaultMessage: "Built on open internet protocols, there is no platform that can ban or censor you. You are in control of your data & speech." }), + }, + { + icon: , + headline: intl.formatMessage({ id: "benefits.benefit2.name", defaultMessage: "No registration required" }), + description: intl.formatMessage({ id: "benefits.benefit2.description", defaultMessage: "Creating an account doesn't require a phone number, email or name. Get started right away, and truly own your account — Thanks to advanced cryptography" }), + }, + { + icon: , + headline: intl.formatMessage({ id: "benefits.benefit3.name", defaultMessage: "No addictive algorithms" }), + description: intl.formatMessage({ id: "benefits.benefit3.description", defaultMessage: "Traditional social media keeps you addicted in order to sell you ads, which is intoxicating society. Damus doesn't. The result? A healthier community." }), + }, + { + icon: , + headline: intl.formatMessage({ id: "benefits.benefit4.name", defaultMessage: "Free speech meets Free money" }), + description: intl.formatMessage({ id: "benefits.benefit4.description", defaultMessage: "Tip your friends, earn tips, support creators, and stack sats with Bitcoin & Lightning, the Free and open internet money." }), + } + ] + + return (<> +
+ +
+
+
+ + { intl.formatMessage({ id: "benefits.headline", defaultMessage: "You deserve to be Free." }) } + + + { intl.formatMessage({ id: "benefits.subheadline", defaultMessage: "With Damus, you are in control." }) } + + + { intl.formatMessage({ id: "benefits.description", defaultMessage: "Damus is built on Nostr, a decentralized and open social network protocol. Without ads, toxic algorithms, or censorship, Damus gives you access to the social network that a truly Free and healthy society needs — and deserves." }) } + +
+
+ {benefits.map((item, index) => ( +
+ + {item.icon} + +

+ {item.headline} +

+

+ {item.description} +

+
+ ))} +
+
+
+
+ ) +} \ No newline at end of file diff --git a/src/pages/index.tsx b/src/pages/index.tsx index bcf18a1..ea4fb70 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -11,6 +11,7 @@ import { Footer } from '@/components/sections/Footer'; import { DamusLiveEvents } from '@/components/sections/DamusLiveEvents'; import { Contribute } from '@/components/sections/Contribute'; import { FinalCTA } from '@/components/sections/FinalCTA'; +import { Benefits } from '@/components/sections/Benefits'; const inter = Inter({ subsets: ['latin'] }) @@ -25,10 +26,11 @@ export default function Home() {
+ +
-