-
+
diff --git a/src/components/ui/badge.tsx b/src/components/ui/badge.tsx
new file mode 100644
index 0000000..f795980
--- /dev/null
+++ b/src/components/ui/badge.tsx
@@ -0,0 +1,36 @@
+import * as React from "react";
+import { cva, type VariantProps } from "class-variance-authority";
+
+import { cn } from "@/lib/utils";
+
+const badgeVariants = cva(
+ "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+ {
+ variants: {
+ variant: {
+ default:
+ "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
+ secondary:
+ "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+ destructive:
+ "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
+ outline: "text-foreground",
+ },
+ },
+ defaultVariants: {
+ variant: "default",
+ },
+ },
+);
+
+export interface BadgeProps
+ extends React.HTMLAttributes
+
+
+
{t("title")}
-
-
-
- {t("mail")}
-
-
-
- hello@mikn.dev
-
-
- billing@mikn.dev
-
-
- abuse@mikn.dev
-
-
-
-
-
-
-
-
- {t("phone")}
-
-
- +81 090-9276-3628
-
-
-
-
-
-
-
- {t("discord")}
-
-
-
-
-
-
-
-
-
- {t("phone-disclaimer")}
+
+ {contactCards.map((card, index) => (
+
);
diff --git a/src/app/[locale]/(pages)/solutions/page.tsx b/src/app/[locale]/(pages)/solutions/page.tsx
new file mode 100644
index 0000000..66e3d2b
--- /dev/null
+++ b/src/app/[locale]/(pages)/solutions/page.tsx
@@ -0,0 +1,121 @@
+import { useTranslations } from "next-intl";
+import DecryptedText from "@/components/DecryptedText";
+import { OSSProductCard } from "@/components/OSSProductCard";
+import KaraSnapIcon from "@/assets/img/karasnap.png";
+import MikanBotIcon from "@/assets/img/mikanbot.png";
+import { IdCard, Rss, MessageSquare, Image, Gamepad } from "lucide-react";
+import { SiDiscord } from "@icons-pack/react-simple-icons";
+
+export default function SolutionsPage() {
+ const t = useTranslations("solutions");
+
+ const sections = [
+ {
+ key: "main",
+ products: [
+ {
+ key: "karaSnap",
+ icon: KaraSnapIcon.src,
+ repoUrl: "https://github.com/mikndotdev/karasnap",
+ websiteUrl: "https://karasnap.mikn.dev",
+ tagKeys: ["fun", "ai"],
+ },
+ {
+ key: "nextDiscordAuth",
+ icon: IdCard,
+ repoUrl: "https://github.com/mikndotdev/next-discord-auth",
+ websiteUrl: "https://npm.im/@mikandev/next-discord-auth",
+ tagKeys: ["dev", "lib"],
+ },
+ {
+ key: "rssfetch",
+ icon: Rss,
+ repoUrl: "https://github.com/mikndotdev/rssfetch",
+ websiteUrl: "https://rssfetch.vercel.app",
+ tagKeys: ["dev", "api"],
+ },
+ {
+ key: "mikanbot",
+ icon: MikanBotIcon.src,
+ repoUrl: "https://github.com/mikndotdev/mikanbot-project",
+ websiteUrl: "/solutions/mikanbot",
+ tagKeys: ["fun", "bot"],
+ },
+ {
+ key: "customrp",
+ icon: SiDiscord,
+ repoUrl: "https://github.com/mikndotdev/customrp",
+ websiteUrl: "https://customrp.mikn.dev",
+ tagKeys: ["fun"],
+ },
+ {
+ key: "enkabadges",
+ icon: Gamepad,
+ repoUrl: "https://github.com/mikndotdev/enkabadges",
+ websiteUrl: "https://enkabadges.mikn.dev",
+ tagKeys: ["fun"],
+ },
+ ],
+ },
+ {
+ key: "legacy",
+ products: [
+ {
+ key: "chat",
+ icon: MessageSquare,
+ repoUrl: "https://github.com/mikndotdev/chat",
+ tagKeys: ["ai"],
+ },
+ {
+ key: "sukushocloud",
+ icon: Image,
+ repoUrl: "https://github.com/mikndotdev/sukushocloud-web",
+ tagKeys: ["api", "fun"],
+ },
+ ],
+ },
+ ];
+
+ return (
+
+
+ {sections.map((section, sectionIndex) => (
+
+
+
+ {t(`${section.key}.description`)}
+
+
+ {section.products.map((product, productIndex) => (
+ t(`tags.${tagKey}`))}
+ />
+ ))}
+
+
+ ))}
+
+
+ );
+}
diff --git a/src/assets/img/MiknCursor.png b/src/assets/img/MiknCursor.png
new file mode 100644
index 0000000..bf797a8
Binary files /dev/null and b/src/assets/img/MiknCursor.png differ
diff --git a/src/assets/img/mikanbot.png b/src/assets/img/mikanbot.png
new file mode 100644
index 0000000..84e519f
Binary files /dev/null and b/src/assets/img/mikanbot.png differ
diff --git a/src/components/ContactCard.tsx b/src/components/ContactCard.tsx
new file mode 100644
index 0000000..42683d5
--- /dev/null
+++ b/src/components/ContactCard.tsx
@@ -0,0 +1,85 @@
+import { LucideIcon } from "lucide-react";
+import {
+ Card,
+ CardContent,
+ CardHeader,
+ CardTitle,
+ CardFooter,
+} from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
+import Link from "next/link";
+
+export interface IContactCardProps {
+ icon: LucideIcon;
+ title: string;
+ description?: string;
+ contactItems: IContactItem[];
+ actionButton?: {
+ href: string;
+ label: string;
+ };
+}
+
+export interface IContactItem {
+ icon: LucideIcon;
+ text: string;
+ title?: string;
+ href?: string;
+}
+
+export function ContactCard({
+ icon: Icon,
+ title,
+ description,
+ contactItems,
+ actionButton,
+}: IContactCardProps) {
+ return (
+
+
+
+
+
+
+ {title}
+
+ {description && (
+
+ {description}
+
+ )}
+
+ {contactItems.map((item, index) => (
+
+
+ {actionButton && (
+
+
+
+
+
+ )}
+
+ );
+}
diff --git a/src/components/CustomCursor.tsx b/src/components/CustomCursor.tsx
index c70ef6d..c6226b2 100644
--- a/src/components/CustomCursor.tsx
+++ b/src/components/CustomCursor.tsx
@@ -1,6 +1,6 @@
"use client";
import { useEffect, useRef } from "react";
-import Mikan from "@/assets/img/mikan.png";
+import MikanCursor from "@/assets/img/MiknCursor.png";
import Image from "next/image";
export default function CustomCursor() {
@@ -49,9 +49,9 @@ export default function CustomCursor() {
}}
>
{description}
+ {tags && (
+
+ {tags.map((tag) => (
+
+ {tag}
+
+ ))}
+
+ )}
@@ -62,7 +76,7 @@ export function OSSProductCard({
variant="ghost"
className="w-full justify-start gap-2 h-auto py-2 hover:bg-primary/10 hover:text-primary"
>
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
{t("title")}
-
-
- {t("mail")}
-
-
-
-
- hello@mikn.dev
-
-
- billing@mikn.dev
-
-
- abuse@mikn.dev
-
-
- {t("phone")}
-
-
- +81 090-9276-3628
-
-
- {t("discord")}
-
-
-
-
-
- {t("phone-disclaimer")}
+
+ {contactCards.map((card, index) => (
+
+ {sections.map((section, sectionIndex) => (
+
+
+
+ ))}
+
+
+ + {t(`${section.key}.description`)} +
+
+ {section.products.map((product, productIndex) => (
+ t(`tags.${tagKey}`))}
+ />
+ ))}
+
+
+
+ + {description} +
+ )} +
+ {contactItems.map((item, index) => (
+
+
+
+ ))}
+
+ {tags.map((tag) => (
+
+ {tag}
+
+ ))}
+
+ )}
{!isLoaded ? (
-
) : (
diff --git a/src/messages/en.json b/src/messages/en.json
index 62304e5..b2118c6 100644
--- a/src/messages/en.json
+++ b/src/messages/en.json
@@ -27,17 +27,7 @@
"OpenSourceBlurb": "We believe in freedom and openness. Every single one of our projects and services are open source and available for anyone to use, modify, and distribute. Check out our GitHub to see what we're working on!",
"WorkWithBest": "Working with the best",
"WorkWithBestBlurb": "We partner with other cool organizations and help get their cool stuff out there. We're all about the community :3",
- "workWithMe": "Work with us!",
- "ossProducts": {
- "karaSnap": {
- "title": "KaraSnap",
- "description": "The easiest karaoke logging app ever, powered by AI"
- },
- "nextDiscordAuth": {
- "title": "Next Discord Auth",
- "description": "Simple, no-nonsense Discord OAuth for your Next.js apps"
- }
- }
+ "workWithMe": "Work with us!"
},
"contact": {
"title": "Contact Us",
@@ -53,5 +43,57 @@
"ossProducts": {
"viewRepo": "View Repository",
"visitSite": "Visit Website"
+ },
+ "solutions": {
+ "tags": {
+ "dev": "Developer Tools",
+ "lib": "Libraries",
+ "fun": "Fun Stuff",
+ "ai": "AI Powered",
+ "legacy": "Legacy",
+ "beta": "Beta",
+ "api": "APIs",
+ "bot": "Bots"
+ },
+ "main": {
+ "title": "Our solutions",
+ "description": "Open source projects and tools made to make your life easier :3"
+ },
+ "legacy": {
+ "title": "Legacy Projects",
+ "description": "These are projects that are no longer actively maintained or hosted by us, but are still available for use."
+ },
+ "karaSnap": {
+ "title": "KaraSnap",
+ "description": "The easiest karaoke logging app ever, powered by AI"
+ },
+ "nextDiscordAuth": {
+ "title": "Next Discord Auth",
+ "description": "Simple, no-nonsense Discord OAuth for your Next.js apps"
+ },
+ "rssfetch": {
+ "title": "RSSFetch",
+ "description": "Simple API for fetching and parsing RSS feeds"
+ },
+ "mikanbot": {
+ "title": "MikanBot",
+ "description": "A multifunctional Discord bot with a bunch of cool features, all free to use!"
+ },
+ "customrp": {
+ "title": "CustomRP Web",
+ "description": "Custom Discord Rich Presence, no software download required!"
+ },
+ "enkabadges": {
+ "title": "EnkaBadges",
+ "description": "Display gacha game stats on your GitHub profile!"
+ },
+ "chat": {
+ "title": "MD Chat",
+ "description": "The GPT wrapper for your AI"
+ },
+ "sukushocloud": {
+ "title": "sukusho.cloud",
+ "description": "A versatile screenshot hosting service with an easy-to-use API"
+ }
}
}
diff --git a/src/messages/ja.json b/src/messages/ja.json
index 525eb5e..fcdfd4e 100644
--- a/src/messages/ja.json
+++ b/src/messages/ja.json
@@ -1,4 +1,19 @@
{
+ "layout": {
+ "resources": "リソース",
+ "solutions": "ソリューション",
+ "accountCenter": "アカウントセンター",
+ "support": "サポート",
+ "contact": "お問い合わせ",
+ "legal": "法的条約",
+ "terms": "利用規約",
+ "privacy": "プライバシーポリシー",
+ "refunds": "返金ポリシー",
+ "jp-payments": "特定商取引法に基づく表記",
+ "home": "ホーム",
+ "vision": "私たちのビジョン",
+ "opensource": "オープンソース"
+ },
"home": {
"hero": {
"blurb1": "生活を豊かにする",
@@ -46,5 +61,57 @@
"ossProducts": {
"viewRepo": "リポジトリを見る",
"visitSite": "ウェブサイトを見る"
+ },
+ "solutions": {
+ "tags": {
+ "dev": "開発ツール",
+ "lib": "ライブラリ",
+ "fun": "面白いもの",
+ "ai": "AI搭載",
+ "legacy": "レガシー",
+ "beta": "ベータ版",
+ "api": "API",
+ "bot": "ボット"
+ },
+ "main": {
+ "title": "私たちの製品たち",
+ "description": "あなたの生活をより良くするためのプロジェクトとツールたちです！"
+ },
+ "legacy": {
+ "title": "レガシープロジェクト",
+ "description": "これらは現在アクティブに保守されていないプロジェクトですが、引き続き使用可能です。"
+ },
+ "karaSnap": {
+ "title": "KaraSnap",
+ "description": "AIを搭載した、最も簡単なカラオケ記録アプリ"
+ },
+ "nextDiscordAuth": {
+ "title": "Next Discord Auth",
+ "description": "Next.jsアプリのためのシンプルで使いやすいDiscord OAuth"
+ },
+ "rssfetch": {
+ "title": "RSSFetch",
+ "description": "RSSフィードの取得と解析のためのシンプルなAPI"
+ },
+ "mikanbot": {
+ "title": "MikanBot",
+ "description": "完全無料で使用可能な色んな機能を備えた多機能Discordボット"
+ },
+ "customrp": {
+ "title": "CustomRP Web",
+ "description": "ソフトウェアのダウンロード不要！カスタムDiscord Rich Presenceを実現させるアプリ"
+ },
+ "enkabadges": {
+ "title": "EnkaBadges",
+ "description": "ソシャゲーのステータスをGitHubプロフィールに表示しよう！"
+ },
+ "chat": {
+ "title": "MD Chat",
+ "description": "自分のAIを利用できるチャットアプリ"
+ },
+ "sukushocloud": {
+ "title": "sukusho.cloud",
+ "description": "使いやすいAPIを備えた多機能なスクリーンショットホスティングサービス"
+ }
}
}