Skip to content

New pages #37

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
maamokun wants to merge 5 commits into
base: main
Choose a base branch
from
Open

New pages #37

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
b346e4e
feat: Solutions page
maamokun Jan 24, 2026
011591b
feat: Japanese
maamokun Jan 24, 2026
0992396
feat: Agent instructions for reviews
maamokun Jan 24, 2026
fd11e6b
feat: Tuning opencode reviews
maamokun Jan 24, 2026
6fa77d2
feat: New custom cursor
maamokun Jan 25, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .github/workflows/opencode-review.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,4 +26,7 @@ jobs:
- Check for code quality issues
- Look for potential bugs
- Suggest improvements
- Praise good practices
- Chastise especially bad practices, in a teasing manner
- At the end, add a collapsible section with a copiable prompt (code block) to be given to an AI coding agent to fix the issues found. Write this in a normal tone.
- ${{ secrets.CUSTOM_REVIEW_INSTRUCTIONS || '' }}
26 changes: 24 additions & 2 deletions bun.lock
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

3 changes: 2 additions & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,9 +13,10 @@
"@c15t/nextjs": "^1.7.1",
"@c15t/scripts": "^1.0.0",
"@gsap/react": "^2.1.2",
"@icons-pack/react-simple-icons": "^13.8.0",
"@pixiv/three-vrm": "^3.3.4",
"@pixiv/three-vrm-animation": "^3.3.4",
"@radix-ui/react-slot": "^1.2.3",
"@radix-ui/react-slot": "^1.2.4",
"@react-three/drei": "^10.7.6",
"@react-three/fiber": "^9.4.0",
"@swetrix/nextjs": "^1.0.1",
Expand Down
11 changes: 7 additions & 4 deletions src/app/[locale]/(homepage)/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,7 @@ import KaraSnapIcon from "@/assets/img/karasnap.png";

export default function IndexPage() {
const t = useTranslations("home");
const tSolutions = useTranslations("solutions");
const [showCircularText, setShowCircularText] = useState(false);

return (
Expand Down Expand Up @@ -102,18 +103,20 @@ export default function IndexPage() {
</h3>
<div className={"grid grid-cols-1 md:grid-cols-2 w-full mt-5 gap-4"}>
<OSSProductCard
name={t("ossProducts.karaSnap.title")}
description={t("ossProducts.karaSnap.description")}
name={tSolutions("karaSnap.title")}
description={tSolutions("karaSnap.description")}
icon={KaraSnapIcon.src}
repoUrl="https://github.com/mikndotdev/karasnap"
websiteUrl="https://karasnap.mikn.dev"
tags={[tSolutions("tags.fun"), tSolutions("tags.ai")]}
/>
<OSSProductCard
name={t("ossProducts.nextDiscordAuth.title")}
description={t("ossProducts.nextDiscordAuth.description")}
name={tSolutions("nextDiscordAuth.title")}
description={tSolutions("nextDiscordAuth.description")}
icon={IdCard}
repoUrl="https://github.com/mikndotdev/next-discord-auth"
websiteUrl="https://npm.im/@mikandev/next-discord-auth"
tags={[tSolutions("tags.dev"), tSolutions("tags.lib")]}
/>
</div>
</div>
Expand Down
123 changes: 56 additions & 67 deletions src/app/[locale]/(pages)/contact/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@
import Link from "next/link";
import { useTranslations } from "next-intl";
import {
Mail,
Expand All @@ -9,80 +8,70 @@ import {
Gamepad2,
} from "lucide-react";

import { Card, CardContent } from "@/components/ui/card";
import { Button } from "@/components/animate-ui/components/buttons/button";
import { ContactCard } from "@/components/ContactCard";

export default function ContactPage() {
const t = useTranslations("contact");

const contactCards = [
{
icon: Mail,
title: t("mail"),
contactItems: [
{
icon: Headset,
text: "hello@mikn.dev",
title: t("general-support"),
href: "mailto:hello@mikn.dev",
},
{
icon: CreditCard,
text: "billing@mikn.dev",
title: t("billing-support"),
href: "mailto:billing@mikn.dev",
},
{
icon: AlertTriangle,
text: "abuse@mikn.dev",
title: t("abuse-reports"),
href: "mailto:abuse@mikn.dev",
},
],
},
{
icon: Phone,
title: t("phone"),
description: t("phone-disclaimer"),
contactItems: [
{
icon: Phone,
text: "+81 090-9276-3628",
},
],
},
{
icon: Gamepad2,
title: t("discord"),
contactItems: [],
actionButton: {
href: "https://discord.gg/2892hjFQn8",
label: t("join"),
},
},
];

return (
<main>
<div className="flex flex-col space-y-5 justify-center items-center mt-10">
<h1 className="text-4xl lg:text-6xl text-white font-bold">
<main className="flex flex-col items-center justify-center w-full overflow-x-hidden">
<div className="flex flex-col justify-center items-center pb-24 px-4 w-full max-w-7xl mx-auto gap-8 mt-10">
<h1 className="text-4xl lg:text-6xl text-white font-bold text-center">
{t("title")}
</h1>

<Card className="w-full min-h-20 bg-inherit border-primary border-4 mt-5">
<CardContent className="flex flex-col items-center justify-center p-6 text-center text-gray-400 space-y-4">
<div className="flex flex-row justify-center items-center space-x-5">
<Mail className="w-12 h-12 text-primary" />
<h3 className="text-3xl text-white">{t("mail")}</h3>
</div>
<div className="flex flex-col lg:flex-row justify-center items-center lg:space-x-8 space-y-3 lg:space-y-0">
<div
className="flex flex-row justify-center items-center space-x-3 cursor-help"
title={t("general-support")}
>
<Headset className="w-6 h-6 text-primary" />
<h3 className="text-xl">hello@mikn.dev</h3>
</div>
<div
className="flex flex-row justify-center items-center space-x-3 cursor-help"
title={t("billing-support")}
>
<CreditCard className="w-6 h-6 text-primary" />
<h3 className="text-xl">billing@mikn.dev</h3>
</div>
<div
className="flex flex-row justify-center items-center space-x-3 cursor-help"
title={t("abuse-reports")}
>
<AlertTriangle className="w-6 h-6 text-primary" />
<h3 className="text-xl">abuse@mikn.dev</h3>
</div>
</div>
</CardContent>
</Card>

<Card className="w-full min-h-20 bg-inherit border-primary border-4">
<CardContent className="flex flex-col items-center justify-center p-6 text-center text-gray-400 space-y-4">
<div className="flex flex-row justify-center items-center space-x-5">
<Phone className="w-12 h-12 text-primary" />
<h3 className="text-3xl text-white">{t("phone")}</h3>
</div>
<div className="flex flex-row justify-center items-center space-x-5">
<h3 className="text-xl">+81 090-9276-3628</h3>
</div>
</CardContent>
</Card>

<Card className="w-full min-h-20 bg-inherit border-primary border-4">
<CardContent className="flex flex-col items-center justify-center p-6 text-center text-gray-400 space-y-4">
<div className="flex flex-row justify-center items-center space-x-5">
<Gamepad2 className="w-12 h-12 text-primary" />
<h3 className="text-3xl text-white">{t("discord")}</h3>
</div>
<div className="flex flex-row justify-center items-center space-x-5">
<Link href="https://discord.gg/2892hjFQn8">
<Button variant="default" size="lg">
{t("join")}
</Button>
</Link>
</div>
</CardContent>
</Card>

<h1 className="text-gray-400 text-center">{t("phone-disclaimer")}</h1>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 w-full gap-6">
{contactCards.map((card, index) => (
<ContactCard key={index} {...card} />
Copy link

@gemini-code-assist gemini-code-assist bot Jan 24, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

Using the array index as a key is not recommended as it can lead to unpredictable behavior if the array is sorted or items are added/removed. It's better to use a stable, unique identifier. In this case, card.title would be a great candidate for the key since the titles are unique.

Suggested change
<ContactCard key={index} {...card} />
<ContactCard key={card.title} {...card} />

))}
</div>
</div>
</main>
);
Expand Down
Loading