✨ヘッダーの作成

[nyatinte]

概要

ヘッダーを作成する

目的

レイアウトを早めに完成させておきたい

提案内容

https://dribbble.com/shots/20197333-Blog-Spot-Landing-Page-UI

詳細要件

• ロゴの部分はテキストで｢DSC Blog｣と仮にしておく
• 左側にあるページリンクの項目はArticles, About, Contactの3つにする
  • 適切なHTML要素を使用すること。navとか 参考: https://shu-naka-blog.com/html/tag01/
• 右側の検索アイコン、メニューの部分はUIだけ実装すれば良い、挙動とかは気にしないでOK
• ヘッダーの高さは70pxにすること。tailwind.config.jsでthemeを拡張し、height-headerみたいに使えるようにする
• iconはshadcnuiでも使われているlucide-reactからimportすること

タスク

• [ ] ブランチを切る
• [ ] 作業する
• [ ] 適切な粒度でコミットする
• [ ] PR出す
• [ ] レビューリクエストを出す

[nyatinte]

@N-ha-1050 最初はうまくデザイン再現できなくて全然OKです！ 配置だけ作成してPR出すとかで問題ないので、やってみてください！