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: ( <> - アイシイグロウス + + アイシイグロウス + 株式会社 Ic-Growth ), @@ -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 ( -