njts-new-website/README.md

新日本テクノソリューションズ株式会社 公式ウェブサイト

日本のIT企業「新日本テクノソリューションズ株式会社」の公式ウェブサイト。技術で持続可能な業務システムを構築することをミッションとしています。

技術スタック

• フレームワーク: Next.js 14
• スタイリング: Tailwind CSS
• アニメーション: Framer Motion
• 言語: TypeScript

ページ構成

ホームページ

• Hero セクション: キャッチコピーと企業の価値提案
• About: 企業の強みと特徴
• Expertise: 5つの実務分野（医療、物流、AI、会計、給与）
• Tech Stack: 使用している技術スタック
• Philosophy: 企業理念と考え方
• Who We Serve: 対象となるクライアント
• Footer: 企業情報とリンク

セットアップ方法

# 依存パッケージのインストール
npm install

# 開発サーバーの起動
npm run dev

# ビルド
npm run build

# 本番環境での実行
npm start

今後の拡張予定

• サービス詳細ページ
• ブログ機能
• お問い合わせフォーム
• キャリアページ
• 多言語対応（英語など）
• ダークモード以外のテーマ選択肢

プロジェクト構成

src/
├── app/
│   ├── layout.tsx        # ルートレイアウト
│   ├── page.tsx          # ホームページ
│   └── globals.css       # グローバルスタイル
├── components/
│   ├── Header.tsx        # ナビゲーション
│   ├── Hero.tsx          # ファーストビュー
│   ├── About.tsx         # 企業概要
│   ├── Expertise.tsx     # 実務経験
│   ├── TechStack.tsx     # 技術スタック
│   ├── Philosophy.tsx    # 企業理念
│   ├── WhoWeServe.tsx    # 対象クライアント
│   └── Footer.tsx        # フッター

デザイン参考

Linear.app のモダンでクリーンなデザイン哲学を採用。

• ダークテーマ（グレー 950 をベースに）
• グラデーションテキスト（青→緑）
• スムーズなスクロールアニメーション
• ホバーエフェクトによるインタラクティビティ