Merge pull request #493 from elsoul/addFrontend

What...? Skeet is evolving to SLV!

Author: KishiTheMechanic

README.md

@@ -33,6 +33,20 @@ Repository for SSG Demo: https://github.com/elsoul/skeet-v3-next-ssg-rc
 
 Repository for Solana dApp Demo: https://github.com/elsoul/skeet-v3-solana-dapp-rc
 
+# What...? Skeet is evolving to SLV!
+
+<a href="https://slv.dev/">
+  <img src="https://storage.slv.dev/SLVogp.jpg" alt="SLV" />
+</a>
+
+With the standardization of crypto and Web3 technologies, Skeet’s serverless application technology is evolving into SLV, migrating its development platform to a new era of application frameworks that integrate natively with Solana. It’s predicted that more than half of all online payments will soon be made with crypto, and SLV is poised to power this future. By leveraging all the experience gained from Skeet, we aim to provide a suite of tools for lightning-fast Web3 app development and global edge deployment.
+
+SLV Web: https://slv.dev/
+
+SLV GitHub: https://github.com/ValidatorsDAO/slv
+
+Validators DAO Discord Community: https://discord.gg/C7ZQSrCkYR
+
 ## The Complete Web Framework for Modern Developers
 
 With Skeet v3, we’ve fully migrated to Cloudflare, eliminating cold starts and introducing support for edge runtime. It has been transformed into a edge-native architecture, optimized for the modern web.

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

@@ -97,6 +97,12 @@
       "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"
+    },
+    "EvolvingToSLVRow": {
+      "title": "What...? Skeet is evolving to SLV!",
+      "body": "With the standardization of crypto and Web3 technologies, Skeet’s serverless application technology is evolving into SLV, migrating its development platform to a new era of application frameworks that integrate natively with Solana. It’s predicted that more than half of all online payments will soon be made with crypto, and SLV is poised to power this future. By leveraging all the experience gained from Skeet, we aim to provide a suite of tools for lightning-fast Web3 app development and global edge deployment.",
+      "button1": "SLV",
+      "button2": "GitHub"
     }
   }
 }

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

@@ -95,6 +95,12 @@
       "body": "Solana 開発に必要なすべてがここに。バリデータもRPCもdAppも爆速でスタート。Jito MEV や Geyser gRPC プラグイン、最新の Firedancer にも対応しており、高速なトレードや効率的な RPC、エネルギー効率に優れたバリデータ運用を実現します。さらに、完全リモート管理とキーレスオペレーションによるセキュリティ強化や、Discord アラート機能といった充実のサポート体制で、Solana の本格運用を強力にバックアップします。",
       "button1": "SLV",
       "button2": "GitHub"
+    },
+    "EvolvingToSLVRow": {
+      "title": "What...? Skeet is evolving to SLV!",
+      "body": "クリプト・Web3技術の標準化に伴い、Skeetのサーバーレスアプリ技術はSLVへと進化し、Solana技術とネイティブに統合された新時代のアプリフレームワークへと開発基盤を移行します。今後、インターネット上の半分以上の決済はクリプトで行われると予想されており、SLVはこの未来を強力に支えていきます。Skeet開発で培った経験を余すところなく活かし、爆速でWeb3アプリを開発・グローバルエッジサーバーへデプロイできるスイートツールを目指します。",
+      "button1": "SLV",
+      "button2": "GitHub"
     }
   }
 }

website/skeet-dev/src/app/[locale]/(default)/(home)/EvolvingToSLVRow.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 EvolvingToSLVRow() {
+  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.EvolvingToSLVRow.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.EvolvingToSLVRow.body')}
+          </p>
+          <div className="flex flex-wrap gap-3 pt-6">
+            <Link href={`${SLV_WEB_LINK}/${locale}`} target="_blank">
+              <Button>{t('common.EvolvingToSLVRow.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.EvolvingToSLVRow.button2')}
+              </Button>
+            </Link>
+          </div>
+        </div>
+      </div>
+    </>
+  )
+}

website/skeet-dev/src/app/[locale]/(default)/(home)/page.tsx

@@ -9,6 +9,7 @@ import GlobalEdgeServersRow from './GlobalEdgeServersRow'
 import ManageableMicroServicesRow from './ManageableMicroServicesRow'
 import Web3CompatibleRow from './Web3CompatibleRow'
 import GreenCodingRow from './GreenCodingRow'
+import EvolvingToSLVRow from './EvolvingToSLVRow'
 
 const groupDir = '(home)'
 const { generateMetadata } = getDataForPageByGroupDir(groupDir)
@@ -27,6 +28,7 @@ export default async function HomePage({ params }: PageProps) {
   return (
     <>
       <HomeHeroRow />
+      <EvolvingToSLVRow />
       <GlobalEdgeServersRow />
       <ManageableMicroServicesRow />
       <Web3CompatibleRow />