From 8afef0305cbe13b8d4b412edf8a304e937a5b750 Mon Sep 17 00:00:00 2001 From: r-ikeda Date: Wed, 6 May 2026 14:15:45 +0900 Subject: [PATCH] =?UTF-8?q?shadcnui=E3=81=AB=E7=BD=AE=E3=81=8D=E6=8F=9B?= =?UTF-8?q?=E3=81=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/company/page.tsx | 66 +- app/components/Backup.tsx | 74 +- app/components/Consult.tsx | 60 +- app/components/Footer.tsx | 49 +- app/components/Header.tsx | 172 +- app/components/SectionComponent1.tsx | 68 +- app/globals.css | 167 +- app/overview/page.tsx | 295 +- app/page.tsx | 6 + app/privacy/page.tsx | 135 +- components.json | 25 + components/ui/button.tsx | 58 + components/ui/card.tsx | 103 + components/ui/separator.tsx | 25 + components/ui/sheet.tsx | 138 + components/ui/table.tsx | 116 + {doc => docs}/deploy-architecture.md | 0 docs/shadcn-ui.md | 175 ++ lib/utils.ts | 6 + package-lock.json | 3885 +++++++++++++++++++++++++- package.json | 11 +- 21 files changed, 5123 insertions(+), 511 deletions(-) create mode 100644 components.json create mode 100644 components/ui/button.tsx create mode 100644 components/ui/card.tsx create mode 100644 components/ui/separator.tsx create mode 100644 components/ui/sheet.tsx create mode 100644 components/ui/table.tsx rename {doc => docs}/deploy-architecture.md (100%) create mode 100644 docs/shadcn-ui.md create mode 100644 lib/utils.ts diff --git a/app/company/page.tsx b/app/company/page.tsx index 866ed73..0f32164 100644 --- a/app/company/page.tsx +++ b/app/company/page.tsx @@ -1,4 +1,11 @@ import type { Metadata } from "next"; +import { Card, CardContent } from "@/components/ui/card"; +import { + Table, + TableBody, + TableCell, + TableRow, +} from "@/components/ui/table"; export const metadata: Metadata = { title: "会社概要", @@ -11,7 +18,9 @@ const rows: { label: string; content: React.ReactNode }[] = [ label: "会社名", content: ( <> - アイシイグロウス + + アイシイグロウス + 株式会社 Ｉｃ－Ｇｒｏｗｔｈ ), @@ -21,7 +30,7 @@ const rows: { label: string; content: React.ReactNode }[] = [ label: "住所", content: ( <> - 本社: + 本社:
〒174-0056
@@ -51,7 +60,7 @@ const rows: { label: string; content: React.ReactNode }[] = [ label: "弊社サービス", content: ( <> - 【経理システム導入支援】 + 【経理システム導入支援】
・勤怠管理システム導入支援
@@ -68,7 +77,7 @@ const rows: { label: string; content: React.ReactNode }[] = [ ・証憑データ化システム導入支援

- 【経理支援】 + 【経理支援】
・会計データ作成業務
@@ -81,7 +90,7 @@ const rows: { label: string; content: React.ReactNode }[] = [ ・給与計算業務

- 【経営支援】 + 【経営支援】
・連絡ツール導入支援
@@ -90,7 +99,7 @@ const rows: { label: string; content: React.ReactNode }[] = [ ・MAS（経営アドバイザリーサービス）

- 【その他】 + 【その他】
・生命保険業務
@@ -102,24 +111,33 @@ const rows: { label: string; content: React.ReactNode }[] = [ export default function CompanyPage() { return ( -
-

- 会 社 概 要 -

- - - {rows.map((row) => ( - - - - - ))} - -
- {row.label} - - {row.content} -
+
+
+

+ 会 社 概 要 +

+ + + + + {rows.map((row) => ( + + + {row.label} + + + {row.content} + + + ))} + +
+ + +
); } diff --git a/app/components/Backup.tsx b/app/components/Backup.tsx index 00ff997..0b1f173 100644 --- a/app/components/Backup.tsx +++ b/app/components/Backup.tsx @@ -1,5 +1,7 @@ import Link from "next/link"; import Image from "next/image"; +import { ArrowRight } from "lucide-react"; +import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; const cards = [ { @@ -20,39 +22,51 @@ const cards = [ alt: "MAS", title: "経営アドバイザリーサービス", }, -]; +] as const; export default function Backup() { return ( -
-

- 事 業 概 要 -

-

- 我々は下記サービスを導入支援いたします -

-
- {cards.map((card) => ( - -
- {card.alt} -
-

- {card.title} -

- - ))} +
+
+

+ 事 業 概 要 +

+

+ 我々は下記サービスを導入支援いたします +

+
+ {cards.map((card) => ( + + + +
+ {card.alt} +
+ + + + {card.title} + + + 詳しく見る + + + + + + ))} +
-
+ ); } diff --git a/app/components/Consult.tsx b/app/components/Consult.tsx index d19995f..36be4b4 100644 --- a/app/components/Consult.tsx +++ b/app/components/Consult.tsx @@ -1,34 +1,42 @@ -import Image from "next/image"; +import { Phone } from "lucide-react"; +import { Card, CardContent } from "@/components/ui/card"; export default function Consult() { return ( -
-
-

+
+ - -

+ ); } diff --git a/app/components/Footer.tsx b/app/components/Footer.tsx index a3d6c09..397c232 100644 --- a/app/components/Footer.tsx +++ b/app/components/Footer.tsx @@ -1,62 +1,65 @@ import Link from "next/link"; import Image from "next/image"; +import { Separator } from "@/components/ui/separator"; const CONTACT_FORM_URL = "https://docs.google.com/forms/d/e/1FAIpQLScEXuDiU9GfCsL2Q4nmK9En8xLd8UzVYR6B95K9IKwNAL6GTQ/viewform"; +const COPYRIGHT_YEAR = new Date().getFullYear(); + +const linkClass = + "text-base text-white/90 transition-colors hover:text-[#9b59b6] md:text-lg"; + export default function Footer() { return ( -