Merge pull request #492 from elsoul/addFrontend

add SLV

website/skeet-dev/appInfo.json

@@ -1,8 +1,8 @@
 {
   "copyright": "ELSOUL LABO B.V.",
-  "twitterId": "@SkeetDev",
-  "githubRepo": "elsoul/skeet",
-  "discordInviteURL": "https://discord.gg/H2HeqRq54J",
+  "twitterId": "@slvSOLANA",
+  "githubRepo": "ValidatorsDAO/slv",
+  "discordInviteURL": "https://discord.gg/C7ZQSrCkYR",
   "domain": "skeet.dev",
   "demoURL": "https://skeeter.dev/"
 }

website/skeet-dev/messages/en/common.json

@@ -91,6 +91,12 @@
       "body": "Validators DAO is a project focused on decentralizing and enhancing the security of the Solana network. To maintain Solana's high performance and overall health, increasing the number of validators and decentralizing staking is essential. The open-source tool 'solv' simplifies validator operations, while the community fosters active knowledge sharing among validators. Additionally, Validators Solutions offers automated operation solutions, creating an environment where anyone can easily participate as a validator.",
       "button1": "Validators DAO",
       "button2": "Community"
+    },
+    "ProductsSLVRow": {
+      "title": "SLV: The Toolkit for Solana Devs",
+      "body": "Everything you need for Solana development is here. Launch validators, RPC, and dApps at blazing speed. With support for Jito MEV, the Geyser gRPC plugin, and the latest Firedancer, you can achieve high-speed trading, efficient RPC, and energy-efficient validator operations. Additionally, full remote management and keyless operations strengthen security, while robust support features like Discord alerts provide powerful backup for large-scale Solana operations.",
+      "button1": "SLV",
+      "button2": "GitHub"
     }
   }
 }

website/skeet-dev/messages/ja/common.json

@@ -89,6 +89,12 @@
       "body": "Validators DAOは、Solanaネットワークの分散化とセキュリティ強化を目的としたプロジェクトです。Solanaの高い処理性能と健全性を維持するためには、バリデータの増加とステーキングの分散が不可欠です。オープンソースツール「solv」により、バリデータの運用を簡略化し、コミュニティ内ではバリデータ同士の活発な情報交換が行われています。さらに、Validators Solutionsの自動運用ソリューションにより、誰もが容易にバリデータとして参加できる環境を整備しています。",
       "button1": "Validators DAO",
       "button2": "コミュニティ"
+    },
+    "ProductsSLVRow": {
+      "title": "SLV: The Toolkit for Solana Devs",
+      "body": "Solana 開発に必要なすべてがここに。バリデータもRPCもdAppも爆速でスタート。Jito MEV や Geyser gRPC プラグイン、最新の Firedancer にも対応しており、高速なトレードや効率的な RPC、エネルギー効率に優れたバリデータ運用を実現します。さらに、完全リモート管理とキーレスオペレーションによるセキュリティ強化や、Discord アラート機能といった充実のサポート体制で、Solana の本格運用を強力にバックアップします。",
+      "button1": "SLV",
+      "button2": "GitHub"
     }
   }
 }

website/skeet-dev/src/assets/img.ts

@@ -64,6 +64,7 @@ import SkeetProductImg from '@/assets/img/products/Skeet.jpg'
 import BuidlersCollectiveImg from '@/assets/img/products/BuidlersCollective.jpg'
 import EpicsDAOImg from '@/assets/img/daos/EpicsDAO.jpg'
 import ValidatorsDAOImg from '@/assets/img/daos/ValidatorsDAO.jpg'
+import SLVImg from '@/assets/img/products/SLV.jpg'
 
 export {
   logoHorizontal,
@@ -125,4 +126,5 @@ export {
   SkeetProductImg,
   BuidlersCollectiveImg,
   ValidatorsDAOImg,
+  SLVImg,
 }

website/skeet-dev/src/components/rows/ProductsSlideRow.tsx

@@ -11,6 +11,7 @@ import ProductsSkeetRow from './products/ProductsSkeetRow'
 import ProductsBuidlersCollectiveRow from './products/ProductsBuidlersCollectiveRow'
 import DAOsValidatorsRow from './daos/DAOsValidatorsRow'
 import DAOsEpicsRow from './daos/DAOsEpicsRow'
+import ProductsSLVRow from './products/ProductsSLVRow'
 
 export default function ProductsSlideRow() {
   return (
@@ -29,7 +30,7 @@ export default function ProductsSlideRow() {
       >
         <CarouselContent>
           <CarouselItem>
-            <ProductsSolvRow />
+            <ProductsErpcRow />
           </CarouselItem>
           <CarouselItem>
             <ProductsValidatorsSolutionsRow />
@@ -38,7 +39,10 @@ export default function ProductsSlideRow() {
             <ProductsElsolRow />
           </CarouselItem>
           <CarouselItem>
-            <ProductsErpcRow />
+            <ProductsSLVRow />
+          </CarouselItem>
+          <CarouselItem>
+            <ProductsSolvRow />
           </CarouselItem>
           <CarouselItem>
             <ProductsSkeetRow />

website/skeet-dev/src/components/rows/products/ProductsSLVRow.tsx

@@ -0,0 +1,66 @@
+import { Link } from '@/i18n/routing'
+import { useLocale, useTranslations } from 'next-intl'
+import { Button } from '@/components/ui/button'
+import { cn } from '@/lib/utils'
+import { mainShardGradation } from '@/lib/decoration'
+import { faGithub } from '@fortawesome/free-brands-svg-icons'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import Image from 'next/image'
+import { SLVImg } from '@/assets/img'
+import { SLV_GITHUB_LINK, SLV_WEB_LINK } from '@/constants/links'
+
+export default function ProductsSLVRow() {
+  const t = useTranslations()
+  const locale = useLocale()
+  return (
+    <>
+      <div className="mx-auto grid max-w-7xl items-center justify-center gap-4 px-6 py-48 sm:gap-8 sm:py-80 md:grid-cols-2 md:gap-16 lg:gap-24">
+        <div className="w-full md:order-last">
+          <Link
+            href={`${SLV_WEB_LINK}/${locale}`}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="hover:opacity-80"
+          >
+            <Image
+              src={SLVImg}
+              alt="SLV - The Toolkit for Solana Devs"
+              className="w-full rounded-lg shadow-lg"
+              unoptimized
+              width={256}
+              height={256}
+            />
+          </Link>
+        </div>
+        <div className="grid w-full gap-4 md:order-first">
+          <h2
+            className={cn(
+              'py-2 text-3xl font-extrabold tracking-tighter sm:text-4xl',
+              mainShardGradation,
+            )}
+          >
+            {t('common.ProductsSLVRow.title')}
+          </h2>
+          <p className="max-w-xl text-lg font-medium tracking-tight text-zinc-500 dark:text-zinc-300 sm:text-xl">
+            {t('common.ProductsSLVRow.body')}
+          </p>
+          <div className="flex flex-wrap gap-3 pt-6">
+            <Link href={`${SLV_WEB_LINK}/${locale}`} target="_blank">
+              <Button>{t('common.ProductsSLVRow.button1')}</Button>
+            </Link>
+            <Link
+              href={SLV_GITHUB_LINK}
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <Button variant="outline">
+                <FontAwesomeIcon icon={faGithub} className="mr-2 h-5 w-5" />
+                {t('common.ProductsSLVRow.button2')}
+              </Button>
+            </Link>
+          </div>
+        </div>
+      </div>
+    </>
+  )
+}

website/skeet-dev/src/constants/links.ts

@@ -46,6 +46,8 @@ export const ELSOUL_HOLDINGS_WEB_LINK = 'https://holdings.elsoul.nl/'
 export const ELSOUL_JAPAN_WEB_LINK = 'https://el-soul.com/'
 export const SKEET_WEB_LINK = 'https://skeet.dev/'
 export const SOLV_WEB_LINK = 'https://solv.epics.dev/'
+export const SLV_WEB_LINK = 'https://slv.dev/'
+export const SLV_GITHUB_LINK = 'https://github.com/ValidatorsDAO/slv'
 export const VALIDATORS_SOLUTIONS_WEB_LINK = 'https://validators.solutions/'
 export const VALIDATORS_DAO_WEB_LINK = 'https://dao.validators.solutions/'
 export const ERPC_WEB_LINK = 'https://erpc.global/'