Merge pull request #453 from elsoul/addFrontend

add green coding

website/skeet-dev/messages/en/(home).json

@@ -27,6 +27,12 @@
       "description": "Skeet’s rapid app development platform allows you to easily adapt to Web3 simply by adding a Web3 adapter. Once you start using Skeet, you're already prepared for Web3. We provide extensive support for Solana, a blockchain beloved by our development team for its technological excellence. With tailored boilerplates and code generations for various situations, you’ll find that development is smooth and efficient.",
       "button1": "Solana dApp Demo",
       "button2": "GitHub Repo"
+    },
+    "GreenCodingRow": {
+      "title": "Green Coding",
+      "summary": "We prioritize clean energy, driving the development of software and infrastructure to build a sustainable society.",
+      "description": "The environment is the foundation of our future society, and technological innovation should not come at its expense. We prioritize energy efficiency and the use of renewable energy, aiming for clean and sustainable data center operations. All applications deployed through the Skeet are powered by renewable energy and certified as environmentally friendly hosting by the Green Web Foundation.",
+      "button": "Join Us"
     }
   }
 }

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

@@ -3,6 +3,6 @@
     "appTitle": "Skeet: Edge-Native Web Framework",
     "defaultTitle": "Home",
     "defaultDescription": "The Complete Web Framework for Modern Developers",
-    "keywords": "Edge-Native, Edge, Deno, Serverless, TypeScript, SSG, Edge Runtime, Next.js, Expo, Prisma, Neon, Framework, Cloudflare, D1"
+    "keywords": "Edge-Native, Edge, Deno, Serverless, Green Coding, TypeScript, SSG, Edge Runtime, Next.js, Expo, Prisma, Neon, Framework, Cloudflare, D1"
   }
 }

website/skeet-dev/messages/ja/(home).json

@@ -27,6 +27,12 @@
       "description": "Skeet の爆速アプリ開発基盤を活用し、Web3 用のアダプターを追加するだけで簡単に Web3 対応が可能です。Skeet を使い始めれば、Web3 に対応する準備は整っています。特に、開発チームがその技術の素晴らしさから愛用する Solana に対しては手厚く、各種シチュエーションに合わせたボイラープレートやコードジェネレーション等が提供され、スムーズな開発が可能になります。",
       "button1": "Solana dApp デモ",
       "button2": "GitHub リポ"
+    },
+    "GreenCodingRow": {
+      "title": "Green Coding",
+      "summary": "クリーンエネルギーを優先し、持続可能な社会を築くためのソフトウェアとインフラの開発を推進します。",
+      "description": "環境は未来の社会を支える基盤です。技術革新が環境を損なうことがあってはなりません。私たちはエネルギー効率及び再生可能エネルギーの利用を最優先し、クリーンで持続可能なデータセンター運用を目指しています。Skeet でデプロイされるすべてのアプリケーションは、再生可能エネルギーを使用して運用され、Green Web Foundation によって環境にやさしいホスティングとして認証されています。",
+      "button": "仲間になる"
     }
   }
 }

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

@@ -3,6 +3,6 @@
     "appTitle": "Skeet: Edge-Native Web Framework",
     "defaultTitle": "ホーム",
     "defaultDescription": "The Complete Web Framework for Modern Developers",
-    "keywords": "Edge-Native, Edge, Deno, サーバーレス, TypeScript, SSG, Edge Runtime, Next.js, Expo, Prisma, Neon, フレームワーク, CloudFlare, D1"
+    "keywords": "Edge-Native, Edge, Deno, サーバーレス, Green Coding, TypeScript, SSG, Edge Runtime, Next.js, Expo, Prisma, Neon, フレームワーク, CloudFlare, D1"
   }
 }

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

@@ -0,0 +1,73 @@
+import { mainShardGradation } from '@/lib/decoration'
+import { cn } from '@/lib/utils'
+import { useLocale, useTranslations } from 'next-intl'
+import { GreenCodingImg } from '@/assets/img'
+import { Button } from '@/components/ui/button'
+import { Link } from '@/navigation'
+import Image from 'next/image'
+import appInfo from '@appInfo'
+import { faDiscord } from '@fortawesome/free-brands-svg-icons'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+
+export default function GreenCodingRow() {
+  const t = useTranslations()
+  const locale = useLocale()
+
+  return (
+    <>
+      <div className="relative mx-auto max-w-7xl px-8 py-24 sm:px-12 md:py-60 lg:px-3">
+        <h2
+          className={cn(
+            'mx-auto max-w-4xl py-2 text-center text-3xl font-bold tracking-tighter sm:text-5xl md:text-6xl lg:text-7xl',
+            mainShardGradation,
+          )}
+        >
+          {t('(home).GreenCodingRow.title')}
+        </h2>
+        <div className="grid grid-cols-1 gap-3 sm:grid-cols-7">
+          <div className="hidden sm:col-span-4 sm:block" />
+          <div className="px-16 sm:col-span-3 sm:px-0">
+            <Image
+              src={GreenCodingImg}
+              alt={t('(home).GreenCodingRow.title')}
+              className="w-full"
+              unoptimized
+              width={256}
+              height={256}
+            />
+          </div>
+          <div className="sm:col-span-4">
+            <h3
+              className={cn(
+                'pb-4 text-lg font-bold tracking-tight sm:text-2xl md:text-3xl lg:text-4xl xl:pb-5 xl:text-5xl',
+                mainShardGradation,
+              )}
+            >
+              {t('(home).GreenCodingRow.summary')}
+            </h3>
+            <p
+              className={cn(
+                'text-sm font-medium sm:text-base lg:text-lg xl:text-xl',
+                'text-zinc-500 dark:text-zinc-300',
+              )}
+            >
+              {t('(home).GreenCodingRow.description')}
+            </p>
+            <div className="flex flex-wrap items-center justify-start gap-3 pt-6">
+              <Link
+                href={appInfo.discordInviteURL}
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                <Button variant="outline">
+                  <FontAwesomeIcon icon={faDiscord} className="mr-2 h-5 w-5" />
+                  {t('(home).GreenCodingRow.button')}
+                </Button>
+              </Link>
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  )
+}

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

@@ -9,6 +9,7 @@ import ProductsSlideRow from '@/components/rows/ProductsSlideRow'
 import GlobalEdgeServersRow from './GlobalEdgeServersRow'
 import ManageableMicroServicesRow from './ManageableMicroServicesRow'
 import Web3CompatibleRow from './Web3CompatibleRow'
+import GreenCodingRow from './GreenCodingRow'
 
 const { generateMetadata } = getDataForPageByFilename(__filename)
 export { generateMetadata }
@@ -29,6 +30,7 @@ export default function HomePage({ params: { locale } }: PageProps) {
       <GlobalEdgeServersRow />
       <ManageableMicroServicesRow />
       <Web3CompatibleRow />
+      <GreenCodingRow />
       <CTARow />
       <ProductsSlideRow />
       <h2 className="my-6 px-3 text-center text-3xl font-bold tracking-tight">

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

@@ -31,6 +31,8 @@ import OPOSParallelTransactions from '@/assets/img/icon/opos/ParallelTransaction
 import OPOSSagaPhone from '@/assets/img/icon/opos/SagaPhone.png'
 import OPOSSecurity from '@/assets/img/icon/opos/Security.png'
 
+import GreenCodingImg from '@/assets/img/icon/home/GreenCoding.png'
+
 import ElsolProductImg from '@/assets/img/products/elSOL.jpg'
 import SolvProductImg from '@/assets/img/products/solv.jpg'
 import ValidatrosSolutionsProductImg from '@/assets/img/products/ValidatorsSolutions.jpg'
@@ -71,6 +73,7 @@ export {
   OPOSParallelTransactions,
   OPOSSagaPhone,
   OPOSSecurity,
+  GreenCodingImg,
   ElsolProductImg,
   SolvProductImg,
   ValidatrosSolutionsProductImg,