完全自作のレストランのLPサイトを販売致します。

こんにちは。
本日は先週から制作していた画像のレストラン風のLPを販売したいと思います！
このサイトを販売する目的としては次の通りです。

１転職でポートフォリオを自作しているけどいいアイディアが思い浮かばない人。

２プログラミングの学習用としてのサンプルがほしい。

３個人用やワードプレスなどのサイトのデザイン例として活用したい。

もちろん他にも目的はあると思われますがこのサイト自体は購入しても著作権自体はフリーです。

＊使用画像に至ってはodanというフリー画像をすべて使っていますので心配いりません。

もしココナラやクラウドソーシングなどで依頼するよりもこちらのほうがダウンロードだけですぐにカスタマイズできたりするのでそれもメリットになるのではないでしょうか。
価格の方も実際に依頼するよりもはるかにお手軽な価格にしております。
以下はこのLPサイトの全体を紹介します。

１　ヘッダーセクション

ヘッダーは画像が３枚時間で切り替わり背景色の形がスクロールで変化します。

ヘッダー２

２　コンセプトセクション

レストランの特徴を見やすいカード型でデザインしてユーザーに分かりやすいデザインにしております。

３　シェフ紹介のセクション

レストランで働く従業員を紹介しております。
アニメーションはgsapでマウスホバーするとノイズの演出とフェードアウトのように要素が動きます。

４　メニューセクション

各代表メニューをflexboxで整理して３列×２段で紹介しております。
背景の透明かかったものはclippathで異なる色の形をスクロールするごとにそれぞれの動きが発生するのでユーザーに面白い印象を与えるとおもいます。

５　レビューセクション

レストランの評価やレビューをまとめたセクションです。

６　ギャラリーセクション

レストラン全体のイメージをまとめたセクションです。
ページリロードやスクロールでふわっと各要素が表示されたりします。

６　フッターセクション

フッターもヘッダー同様の背景色に統一して右側のフォントアイコンでサイト共有やお問い合わせなどを管理できる仕様にしました。

以上がこのサイト全体のデザインや構成です。
おもに制作にしようしたツールやサイトは次の通りです。

画像　odan
エディタ　vscode
snsアイコン　fontawesome
アニメーション　gsap
フォントスタイル　googlefont

プログラミングに興味がある方やこれから勉強しようという人、ポートフォリオに是非役立てて頂ければ幸いです！
その他購入前に気になることもコメント下さればとおもいます。

購入後、ｈｔｍｌ、ｃｓｓ、main.jsでそれぞれコードを載せておりますのでそれをコピペで使う形となります。
画像はダウンロードする際にchef1.jpgなどになっているので少々面倒ですがダウンロードしてimageフォルダにまとめてお使いください。