参考画像は4つのサービス詳細ページで、共通のデザインパターンがあります：

• 青いグラデーションのヘッダーセクション
• サービスを表す大きなヒーロー画像
• 3カラムの特徴カード（FEATURES）
• 技術スタックセクション（TECHNOLOGY）
• 青背景のお問い合わせフォーム

このデザインスタイルをCraid Techのサービスページに適用します。

サービス詳細ページのコンポーネントを確認しました。参考画像のスタイルに合わせてリデザインします。まず各サービスのヒーロー画像を生成し、コンポーネントを更新します。

画像を生成しました。次にservice-detail.tsxを参考画像のスタイルに合わせて完全にリデザインします。

次に各サービスページを新しいインターフェースに合わせて更新します。

モバイルページに構文エラーがあるので修正します。

参考画像のデザインに合わせてサービス詳細ページを全面的にリデザインしました。青いグラデーションヘッダー、各サービス用のヒーロー画像、3カラムの特徴カード（FEATURES）、技術スタックセクション（TECHNOLOGY）、青いグラデーション背景のお問い合わせフォームを実装しています。既存の文言は維持しながら、視覚的なスタイルを参考画像に近づけました。

service-detail.tsxのコードが参考画像のスタイルに合っていません。参考画像の青いグラデーションヘッダースタイルに完全に書き直します。

次に各サービスページを新しいインターフェースに合わせて更新します。

古いサービスページのprops（bullets, capabilities, process等）と新しいServiceDetailコンポーネントのprops（features, techStacks, description）が一致していないためエラーが発生しています。全てのサービスページを新しいインターフェースに合わせて更新します。

全てのサービスページを新しいインターフェースに合わせて更新します。

全てのサービスページを新しいServiceDetailコンポーネントのインターフェース（features, techStacks, description）に合わせて更新しました。参考画像と同様に、青いグラデーションヘッダー、3カラムの特徴カード（FEATURES）、技術スタックセクション（TECHNOLOGY）、青い背景のお問い合わせフォームが表示されるようになっています。