ddryo · Sep 30, 2026 · Sep 30, 2026 · Sep 30, 2026 · Sep 30, 2026 · Sep 30, 2026
diff --git a/apps/site/_screenshots/baseline/about/about01.png b/apps/site/_screenshots/baseline/about/about01.png
diff --git a/apps/site/_screenshots/baseline/about/about02.png b/apps/site/_screenshots/baseline/about/about02.png
diff --git a/apps/site/_screenshots/baseline/about/about03.png b/apps/site/_screenshots/baseline/about/about03.png
diff --git a/apps/site/_screenshots/baseline/about/about04.png b/apps/site/_screenshots/baseline/about/about04.png
diff --git a/apps/site/_screenshots/baseline/about/about05.png b/apps/site/_screenshots/baseline/about/about05.png
diff --git a/apps/site/_screenshots/baseline/about/about06.png b/apps/site/_screenshots/baseline/about/about06.png
diff --git a/apps/site/_screenshots/baseline/about/about07.png b/apps/site/_screenshots/baseline/about/about07.png
diff --git a/apps/site/_screenshots/baseline/about/about08.png b/apps/site/_screenshots/baseline/about/about08.png
diff --git a/apps/site/_screenshots/baseline/cta/cta01.png b/apps/site/_screenshots/baseline/cta/cta01.png
diff --git a/apps/site/_screenshots/baseline/cta/cta02.png b/apps/site/_screenshots/baseline/cta/cta02.png
diff --git a/apps/site/_screenshots/baseline/cta/cta03.png b/apps/site/_screenshots/baseline/cta/cta03.png
diff --git a/apps/site/_screenshots/baseline/cta/cta04.png b/apps/site/_screenshots/baseline/cta/cta04.png
diff --git a/apps/site/_screenshots/baseline/en/about/about01.png b/apps/site/_screenshots/baseline/en/about/about01.png
diff --git a/apps/site/_screenshots/baseline/en/about/about02.png b/apps/site/_screenshots/baseline/en/about/about02.png
diff --git a/apps/site/_screenshots/baseline/en/about/about03.png b/apps/site/_screenshots/baseline/en/about/about03.png
diff --git a/apps/site/_screenshots/baseline/en/about/about04.png b/apps/site/_screenshots/baseline/en/about/about04.png
diff --git a/apps/site/_screenshots/baseline/en/about/about05.png b/apps/site/_screenshots/baseline/en/about/about05.png
diff --git a/apps/site/_screenshots/baseline/en/about/about06.png b/apps/site/_screenshots/baseline/en/about/about06.png
diff --git a/apps/site/_screenshots/baseline/en/about/about07.png b/apps/site/_screenshots/baseline/en/about/about07.png
diff --git a/apps/site/_screenshots/baseline/en/about/about08.png b/apps/site/_screenshots/baseline/en/about/about08.png
diff --git a/apps/site/_screenshots/baseline/en/cta/cta01.png b/apps/site/_screenshots/baseline/en/cta/cta01.png
diff --git a/apps/site/_screenshots/baseline/en/cta/cta02.png b/apps/site/_screenshots/baseline/en/cta/cta02.png
diff --git a/apps/site/_screenshots/baseline/en/cta/cta03.png b/apps/site/_screenshots/baseline/en/cta/cta03.png
diff --git a/apps/site/_screenshots/baseline/en/cta/cta04.png b/apps/site/_screenshots/baseline/en/cta/cta04.png
diff --git a/apps/site/_screenshots/baseline/en/faq/faq02.png b/apps/site/_screenshots/baseline/en/faq/faq02.png
diff --git a/apps/site/_screenshots/baseline/en/faq/faq03.png b/apps/site/_screenshots/baseline/en/faq/faq03.png
diff --git a/apps/site/_screenshots/baseline/en/feature/feature01.png b/apps/site/_screenshots/baseline/en/feature/feature01.png
diff --git a/apps/site/_screenshots/baseline/en/feature/feature02.png b/apps/site/_screenshots/baseline/en/feature/feature02.png
diff --git a/apps/site/_screenshots/baseline/en/feature/feature03.png b/apps/site/_screenshots/baseline/en/feature/feature03.png
diff --git a/apps/site/_screenshots/baseline/en/feature/feature04.png b/apps/site/_screenshots/baseline/en/feature/feature04.png
diff --git a/apps/site/_screenshots/baseline/en/general/general01.png b/apps/site/_screenshots/baseline/en/general/general01.png
diff --git a/apps/site/_screenshots/baseline/en/general/general02.png b/apps/site/_screenshots/baseline/en/general/general02.png
diff --git a/apps/site/_screenshots/baseline/en/general/general03.png b/apps/site/_screenshots/baseline/en/general/general03.png
diff --git a/apps/site/_screenshots/baseline/en/general/general04.png b/apps/site/_screenshots/baseline/en/general/general04.png
diff --git a/apps/site/_screenshots/baseline/en/general/general05.png b/apps/site/_screenshots/baseline/en/general/general05.png
diff --git a/apps/site/_screenshots/baseline/en/general/general06.png b/apps/site/_screenshots/baseline/en/general/general06.png
diff --git a/apps/site/_screenshots/baseline/en/general/general07.png b/apps/site/_screenshots/baseline/en/general/general07.png
diff --git a/apps/site/_screenshots/baseline/en/general/general08.png b/apps/site/_screenshots/baseline/en/general/general08.png
diff --git a/apps/site/_screenshots/baseline/en/general/general09.png b/apps/site/_screenshots/baseline/en/general/general09.png
diff --git a/apps/site/_screenshots/baseline/en/general/general10.png b/apps/site/_screenshots/baseline/en/general/general10.png
diff --git a/apps/site/_screenshots/baseline/en/general/general11.png b/apps/site/_screenshots/baseline/en/general/general11.png
diff --git a/apps/site/_screenshots/baseline/en/general/general12.png b/apps/site/_screenshots/baseline/en/general/general12.png
diff --git a/apps/site/_screenshots/baseline/en/hero/hero01.png b/apps/site/_screenshots/baseline/en/hero/hero01.png
diff --git a/apps/site/_screenshots/baseline/en/hero/hero02.png b/apps/site/_screenshots/baseline/en/hero/hero02.png
diff --git a/apps/site/_screenshots/baseline/en/hero/hero03.png b/apps/site/_screenshots/baseline/en/hero/hero03.png
diff --git a/apps/site/_screenshots/baseline/en/page-links/page-links01.png b/apps/site/_screenshots/baseline/en/page-links/page-links01.png
diff --git a/apps/site/_screenshots/baseline/en/page-links/page-links02.png b/apps/site/_screenshots/baseline/en/page-links/page-links02.png
diff --git a/apps/site/_screenshots/baseline/en/page-links/page-links03.png b/apps/site/_screenshots/baseline/en/page-links/page-links03.png
diff --git a/apps/site/_screenshots/baseline/en/page-links/page-links04.png b/apps/site/_screenshots/baseline/en/page-links/page-links04.png
diff --git a/apps/site/_screenshots/baseline/en/page-links/page-links05.png b/apps/site/_screenshots/baseline/en/page-links/page-links05.png
diff --git a/apps/site/_screenshots/baseline/en/page-links/page-links06.png b/apps/site/_screenshots/baseline/en/page-links/page-links06.png
diff --git a/apps/site/_screenshots/baseline/en/page-links/page-links07.png b/apps/site/_screenshots/baseline/en/page-links/page-links07.png
diff --git a/apps/site/_screenshots/baseline/en/posts/posts01.png b/apps/site/_screenshots/baseline/en/posts/posts01.png
diff --git a/apps/site/_screenshots/baseline/en/posts/posts02.png b/apps/site/_screenshots/baseline/en/posts/posts02.png
diff --git a/apps/site/_screenshots/baseline/en/posts/posts03.png b/apps/site/_screenshots/baseline/en/posts/posts03.png
diff --git a/apps/site/_screenshots/baseline/en/posts/posts04.png b/apps/site/_screenshots/baseline/en/posts/posts04.png
diff --git a/apps/site/_screenshots/baseline/en/pricing/pricing01.png b/apps/site/_screenshots/baseline/en/pricing/pricing01.png
diff --git a/apps/site/_screenshots/baseline/en/pricing/pricing02.png b/apps/site/_screenshots/baseline/en/pricing/pricing02.png
diff --git a/apps/site/_screenshots/baseline/en/testimonials/testimonials02.png b/apps/site/_screenshots/baseline/en/testimonials/testimonials02.png
diff --git a/apps/site/_screenshots/baseline/en/testimonials/testimonials03.png b/apps/site/_screenshots/baseline/en/testimonials/testimonials03.png
diff --git a/apps/site/_screenshots/baseline/faq/faq02.png b/apps/site/_screenshots/baseline/faq/faq02.png
diff --git a/apps/site/_screenshots/baseline/faq/faq03.png b/apps/site/_screenshots/baseline/faq/faq03.png
diff --git a/apps/site/_screenshots/baseline/feature/feature01.png b/apps/site/_screenshots/baseline/feature/feature01.png
diff --git a/apps/site/_screenshots/baseline/feature/feature02.png b/apps/site/_screenshots/baseline/feature/feature02.png
diff --git a/apps/site/_screenshots/baseline/feature/feature03.png b/apps/site/_screenshots/baseline/feature/feature03.png
diff --git a/apps/site/_screenshots/baseline/feature/feature04.png b/apps/site/_screenshots/baseline/feature/feature04.png
diff --git a/apps/site/_screenshots/baseline/general/general01.png b/apps/site/_screenshots/baseline/general/general01.png
diff --git a/apps/site/_screenshots/baseline/general/general02.png b/apps/site/_screenshots/baseline/general/general02.png
diff --git a/apps/site/_screenshots/baseline/general/general03.png b/apps/site/_screenshots/baseline/general/general03.png
diff --git a/apps/site/_screenshots/baseline/general/general04.png b/apps/site/_screenshots/baseline/general/general04.png
diff --git a/apps/site/_screenshots/baseline/general/general05.png b/apps/site/_screenshots/baseline/general/general05.png
diff --git a/apps/site/_screenshots/baseline/general/general06.png b/apps/site/_screenshots/baseline/general/general06.png
diff --git a/apps/site/_screenshots/baseline/general/general07.png b/apps/site/_screenshots/baseline/general/general07.png
diff --git a/apps/site/_screenshots/baseline/general/general08.png b/apps/site/_screenshots/baseline/general/general08.png
diff --git a/apps/site/_screenshots/baseline/general/general09.png b/apps/site/_screenshots/baseline/general/general09.png
diff --git a/apps/site/_screenshots/baseline/general/general10.png b/apps/site/_screenshots/baseline/general/general10.png
diff --git a/apps/site/_screenshots/baseline/general/general11.png b/apps/site/_screenshots/baseline/general/general11.png
diff --git a/apps/site/_screenshots/baseline/general/general12.png b/apps/site/_screenshots/baseline/general/general12.png
diff --git a/apps/site/_screenshots/baseline/hero/hero01.png b/apps/site/_screenshots/baseline/hero/hero01.png
diff --git a/apps/site/_screenshots/baseline/hero/hero02.png b/apps/site/_screenshots/baseline/hero/hero02.png
diff --git a/apps/site/_screenshots/baseline/hero/hero03.png b/apps/site/_screenshots/baseline/hero/hero03.png
diff --git a/apps/site/_screenshots/baseline/page-links/page-links01.png b/apps/site/_screenshots/baseline/page-links/page-links01.png
diff --git a/apps/site/_screenshots/baseline/page-links/page-links02.png b/apps/site/_screenshots/baseline/page-links/page-links02.png
diff --git a/apps/site/_screenshots/baseline/page-links/page-links03.png b/apps/site/_screenshots/baseline/page-links/page-links03.png
diff --git a/apps/site/_screenshots/baseline/page-links/page-links04.png b/apps/site/_screenshots/baseline/page-links/page-links04.png
diff --git a/apps/site/_screenshots/baseline/page-links/page-links05.png b/apps/site/_screenshots/baseline/page-links/page-links05.png
diff --git a/apps/site/_screenshots/baseline/page-links/page-links06.png b/apps/site/_screenshots/baseline/page-links/page-links06.png
diff --git a/apps/site/_screenshots/baseline/page-links/page-links07.png b/apps/site/_screenshots/baseline/page-links/page-links07.png
diff --git a/apps/site/_screenshots/baseline/posts/posts01.png b/apps/site/_screenshots/baseline/posts/posts01.png
diff --git a/apps/site/_screenshots/baseline/posts/posts02.png b/apps/site/_screenshots/baseline/posts/posts02.png
diff --git a/apps/site/_screenshots/baseline/posts/posts03.png b/apps/site/_screenshots/baseline/posts/posts03.png
diff --git a/apps/site/_screenshots/baseline/posts/posts04.png b/apps/site/_screenshots/baseline/posts/posts04.png
diff --git a/apps/site/_screenshots/baseline/pricing/pricing01.png b/apps/site/_screenshots/baseline/pricing/pricing01.png
diff --git a/apps/site/_screenshots/baseline/pricing/pricing02.png b/apps/site/_screenshots/baseline/pricing/pricing02.png
diff --git a/apps/site/_screenshots/baseline/testimonials/testimonials02.png b/apps/site/_screenshots/baseline/testimonials/testimonials02.png
diff --git a/apps/site/_screenshots/baseline/testimonials/testimonials03.png b/apps/site/_screenshots/baseline/testimonials/testimonials03.png
diff --git a/apps/site/public/screenshots/patterns/about/about01.webp b/apps/site/public/screenshots/patterns/about/about01.webp
diff --git a/apps/site/public/screenshots/patterns/about/about02.webp b/apps/site/public/screenshots/patterns/about/about02.webp
diff --git a/apps/site/public/screenshots/patterns/about/about03.webp b/apps/site/public/screenshots/patterns/about/about03.webp
diff --git a/apps/site/public/screenshots/patterns/about/about04.webp b/apps/site/public/screenshots/patterns/about/about04.webp
diff --git a/apps/site/public/screenshots/patterns/about/about05.webp b/apps/site/public/screenshots/patterns/about/about05.webp
diff --git a/apps/site/public/screenshots/patterns/about/about06.webp b/apps/site/public/screenshots/patterns/about/about06.webp
diff --git a/apps/site/public/screenshots/patterns/about/about07.webp b/apps/site/public/screenshots/patterns/about/about07.webp
diff --git a/apps/site/public/screenshots/patterns/about/about08.webp b/apps/site/public/screenshots/patterns/about/about08.webp
diff --git a/apps/site/public/screenshots/patterns/cta/cta01.webp b/apps/site/public/screenshots/patterns/cta/cta01.webp
diff --git a/apps/site/public/screenshots/patterns/cta/cta02.webp b/apps/site/public/screenshots/patterns/cta/cta02.webp
diff --git a/apps/site/public/screenshots/patterns/cta/cta03.webp b/apps/site/public/screenshots/patterns/cta/cta03.webp
diff --git a/apps/site/public/screenshots/patterns/cta/cta04.webp b/apps/site/public/screenshots/patterns/cta/cta04.webp
diff --git a/apps/site/public/screenshots/patterns/en/about/about01.webp b/apps/site/public/screenshots/patterns/en/about/about01.webp
diff --git a/apps/site/public/screenshots/patterns/en/about/about02.webp b/apps/site/public/screenshots/patterns/en/about/about02.webp
diff --git a/apps/site/public/screenshots/patterns/en/about/about03.webp b/apps/site/public/screenshots/patterns/en/about/about03.webp
diff --git a/apps/site/public/screenshots/patterns/en/about/about04.webp b/apps/site/public/screenshots/patterns/en/about/about04.webp
diff --git a/apps/site/public/screenshots/patterns/en/about/about05.webp b/apps/site/public/screenshots/patterns/en/about/about05.webp
diff --git a/apps/site/public/screenshots/patterns/en/about/about06.webp b/apps/site/public/screenshots/patterns/en/about/about06.webp
diff --git a/apps/site/public/screenshots/patterns/en/about/about07.webp b/apps/site/public/screenshots/patterns/en/about/about07.webp
diff --git a/apps/site/public/screenshots/patterns/en/about/about08.webp b/apps/site/public/screenshots/patterns/en/about/about08.webp
diff --git a/apps/site/public/screenshots/patterns/en/cta/cta01.webp b/apps/site/public/screenshots/patterns/en/cta/cta01.webp
diff --git a/apps/site/public/screenshots/patterns/en/cta/cta02.webp b/apps/site/public/screenshots/patterns/en/cta/cta02.webp
diff --git a/apps/site/public/screenshots/patterns/en/cta/cta03.webp b/apps/site/public/screenshots/patterns/en/cta/cta03.webp
diff --git a/apps/site/public/screenshots/patterns/en/cta/cta04.webp b/apps/site/public/screenshots/patterns/en/cta/cta04.webp
diff --git a/apps/site/public/screenshots/patterns/en/faq/faq02.webp b/apps/site/public/screenshots/patterns/en/faq/faq02.webp
diff --git a/apps/site/public/screenshots/patterns/en/faq/faq03.webp b/apps/site/public/screenshots/patterns/en/faq/faq03.webp
diff --git a/apps/site/public/screenshots/patterns/en/feature/feature01.webp b/apps/site/public/screenshots/patterns/en/feature/feature01.webp
diff --git a/apps/site/public/screenshots/patterns/en/feature/feature02.webp b/apps/site/public/screenshots/patterns/en/feature/feature02.webp
diff --git a/apps/site/public/screenshots/patterns/en/feature/feature03.webp b/apps/site/public/screenshots/patterns/en/feature/feature03.webp
diff --git a/apps/site/public/screenshots/patterns/en/feature/feature04.webp b/apps/site/public/screenshots/patterns/en/feature/feature04.webp
diff --git a/apps/site/public/screenshots/patterns/en/general/general01.webp b/apps/site/public/screenshots/patterns/en/general/general01.webp
diff --git a/apps/site/public/screenshots/patterns/en/general/general02.webp b/apps/site/public/screenshots/patterns/en/general/general02.webp
diff --git a/apps/site/public/screenshots/patterns/en/general/general03.webp b/apps/site/public/screenshots/patterns/en/general/general03.webp
diff --git a/apps/site/public/screenshots/patterns/en/general/general04.webp b/apps/site/public/screenshots/patterns/en/general/general04.webp
diff --git a/apps/site/public/screenshots/patterns/en/general/general05.webp b/apps/site/public/screenshots/patterns/en/general/general05.webp
diff --git a/apps/site/public/screenshots/patterns/en/general/general06.webp b/apps/site/public/screenshots/patterns/en/general/general06.webp
diff --git a/apps/site/public/screenshots/patterns/en/general/general07.webp b/apps/site/public/screenshots/patterns/en/general/general07.webp
diff --git a/apps/site/public/screenshots/patterns/en/general/general08.webp b/apps/site/public/screenshots/patterns/en/general/general08.webp
diff --git a/apps/site/public/screenshots/patterns/en/general/general09.webp b/apps/site/public/screenshots/patterns/en/general/general09.webp
diff --git a/apps/site/public/screenshots/patterns/en/general/general10.webp b/apps/site/public/screenshots/patterns/en/general/general10.webp
diff --git a/apps/site/public/screenshots/patterns/en/general/general11.webp b/apps/site/public/screenshots/patterns/en/general/general11.webp
diff --git a/apps/site/public/screenshots/patterns/en/general/general12.webp b/apps/site/public/screenshots/patterns/en/general/general12.webp
diff --git a/apps/site/public/screenshots/patterns/en/hero/hero01.webp b/apps/site/public/screenshots/patterns/en/hero/hero01.webp
diff --git a/apps/site/public/screenshots/patterns/en/hero/hero02.webp b/apps/site/public/screenshots/patterns/en/hero/hero02.webp
diff --git a/apps/site/public/screenshots/patterns/en/hero/hero03.webp b/apps/site/public/screenshots/patterns/en/hero/hero03.webp
diff --git a/apps/site/public/screenshots/patterns/en/member/member01.webp b/apps/site/public/screenshots/patterns/en/member/member01.webp
diff --git a/apps/site/public/screenshots/patterns/en/member/member02.webp b/apps/site/public/screenshots/patterns/en/member/member02.webp
diff --git a/apps/site/public/screenshots/patterns/en/member/member03.webp b/apps/site/public/screenshots/patterns/en/member/member03.webp
diff --git a/apps/site/public/screenshots/patterns/en/member/member04.webp b/apps/site/public/screenshots/patterns/en/member/member04.webp
diff --git a/apps/site/public/screenshots/patterns/en/member/member05.webp b/apps/site/public/screenshots/patterns/en/member/member05.webp
diff --git a/apps/site/public/screenshots/patterns/en/page-links/page-links01.webp b/apps/site/public/screenshots/patterns/en/page-links/page-links01.webp
diff --git a/apps/site/public/screenshots/patterns/en/page-links/page-links02.webp b/apps/site/public/screenshots/patterns/en/page-links/page-links02.webp
diff --git a/apps/site/public/screenshots/patterns/en/page-links/page-links03.webp b/apps/site/public/screenshots/patterns/en/page-links/page-links03.webp
diff --git a/apps/site/public/screenshots/patterns/en/page-links/page-links04.webp b/apps/site/public/screenshots/patterns/en/page-links/page-links04.webp
diff --git a/apps/site/public/screenshots/patterns/en/page-links/page-links05.webp b/apps/site/public/screenshots/patterns/en/page-links/page-links05.webp
diff --git a/apps/site/public/screenshots/patterns/en/page-links/page-links06.webp b/apps/site/public/screenshots/patterns/en/page-links/page-links06.webp
diff --git a/apps/site/public/screenshots/patterns/en/page-links/page-links07.webp b/apps/site/public/screenshots/patterns/en/page-links/page-links07.webp
diff --git a/apps/site/public/screenshots/patterns/en/posts/posts01.webp b/apps/site/public/screenshots/patterns/en/posts/posts01.webp
diff --git a/apps/site/public/screenshots/patterns/en/posts/posts02.webp b/apps/site/public/screenshots/patterns/en/posts/posts02.webp
diff --git a/apps/site/public/screenshots/patterns/en/posts/posts03.webp b/apps/site/public/screenshots/patterns/en/posts/posts03.webp
diff --git a/apps/site/public/screenshots/patterns/en/posts/posts04.webp b/apps/site/public/screenshots/patterns/en/posts/posts04.webp
diff --git a/apps/site/public/screenshots/patterns/en/pricing/pricing01.webp b/apps/site/public/screenshots/patterns/en/pricing/pricing01.webp
diff --git a/apps/site/public/screenshots/patterns/en/pricing/pricing02.webp b/apps/site/public/screenshots/patterns/en/pricing/pricing02.webp
diff --git a/apps/site/public/screenshots/patterns/en/testimonials/testimonials01.webp b/apps/site/public/screenshots/patterns/en/testimonials/testimonials01.webp
diff --git a/apps/site/public/screenshots/patterns/en/testimonials/testimonials02.webp b/apps/site/public/screenshots/patterns/en/testimonials/testimonials02.webp
diff --git a/apps/site/public/screenshots/patterns/en/testimonials/testimonials03.webp b/apps/site/public/screenshots/patterns/en/testimonials/testimonials03.webp
diff --git a/apps/site/public/screenshots/patterns/faq/faq02.webp b/apps/site/public/screenshots/patterns/faq/faq02.webp
diff --git a/apps/site/public/screenshots/patterns/faq/faq03.webp b/apps/site/public/screenshots/patterns/faq/faq03.webp
diff --git a/apps/site/public/screenshots/patterns/feature/feature01.webp b/apps/site/public/screenshots/patterns/feature/feature01.webp
diff --git a/apps/site/public/screenshots/patterns/feature/feature02.webp b/apps/site/public/screenshots/patterns/feature/feature02.webp
diff --git a/apps/site/public/screenshots/patterns/feature/feature03.webp b/apps/site/public/screenshots/patterns/feature/feature03.webp
diff --git a/apps/site/public/screenshots/patterns/feature/feature04.webp b/apps/site/public/screenshots/patterns/feature/feature04.webp
diff --git a/apps/site/public/screenshots/patterns/general/general01.webp b/apps/site/public/screenshots/patterns/general/general01.webp
diff --git a/apps/site/public/screenshots/patterns/general/general02.webp b/apps/site/public/screenshots/patterns/general/general02.webp
diff --git a/apps/site/public/screenshots/patterns/general/general03.webp b/apps/site/public/screenshots/patterns/general/general03.webp
diff --git a/apps/site/public/screenshots/patterns/general/general04.webp b/apps/site/public/screenshots/patterns/general/general04.webp
diff --git a/apps/site/public/screenshots/patterns/general/general05.webp b/apps/site/public/screenshots/patterns/general/general05.webp
diff --git a/apps/site/public/screenshots/patterns/general/general06.webp b/apps/site/public/screenshots/patterns/general/general06.webp
diff --git a/apps/site/public/screenshots/patterns/general/general07.webp b/apps/site/public/screenshots/patterns/general/general07.webp
diff --git a/apps/site/public/screenshots/patterns/general/general08.webp b/apps/site/public/screenshots/patterns/general/general08.webp
diff --git a/apps/site/public/screenshots/patterns/general/general09.webp b/apps/site/public/screenshots/patterns/general/general09.webp
diff --git a/apps/site/public/screenshots/patterns/general/general10.webp b/apps/site/public/screenshots/patterns/general/general10.webp
diff --git a/apps/site/public/screenshots/patterns/general/general11.webp b/apps/site/public/screenshots/patterns/general/general11.webp
diff --git a/apps/site/public/screenshots/patterns/general/general12.webp b/apps/site/public/screenshots/patterns/general/general12.webp
diff --git a/apps/site/public/screenshots/patterns/hero/hero01.webp b/apps/site/public/screenshots/patterns/hero/hero01.webp
diff --git a/apps/site/public/screenshots/patterns/hero/hero02.webp b/apps/site/public/screenshots/patterns/hero/hero02.webp
diff --git a/apps/site/public/screenshots/patterns/hero/hero03.webp b/apps/site/public/screenshots/patterns/hero/hero03.webp
diff --git a/apps/site/public/screenshots/patterns/member/member01.webp b/apps/site/public/screenshots/patterns/member/member01.webp
diff --git a/apps/site/public/screenshots/patterns/member/member02.webp b/apps/site/public/screenshots/patterns/member/member02.webp
diff --git a/apps/site/public/screenshots/patterns/member/member03.webp b/apps/site/public/screenshots/patterns/member/member03.webp
diff --git a/apps/site/public/screenshots/patterns/member/member04.webp b/apps/site/public/screenshots/patterns/member/member04.webp
diff --git a/apps/site/public/screenshots/patterns/member/member05.webp b/apps/site/public/screenshots/patterns/member/member05.webp
diff --git a/apps/site/public/screenshots/patterns/page-links/page-links01.webp b/apps/site/public/screenshots/patterns/page-links/page-links01.webp
diff --git a/apps/site/public/screenshots/patterns/page-links/page-links02.webp b/apps/site/public/screenshots/patterns/page-links/page-links02.webp
diff --git a/apps/site/public/screenshots/patterns/page-links/page-links03.webp b/apps/site/public/screenshots/patterns/page-links/page-links03.webp
diff --git a/apps/site/public/screenshots/patterns/page-links/page-links04.webp b/apps/site/public/screenshots/patterns/page-links/page-links04.webp
diff --git a/apps/site/public/screenshots/patterns/page-links/page-links05.webp b/apps/site/public/screenshots/patterns/page-links/page-links05.webp
diff --git a/apps/site/public/screenshots/patterns/page-links/page-links06.webp b/apps/site/public/screenshots/patterns/page-links/page-links06.webp
diff --git a/apps/site/public/screenshots/patterns/page-links/page-links07.webp b/apps/site/public/screenshots/patterns/page-links/page-links07.webp
diff --git a/apps/site/public/screenshots/patterns/posts/posts01.webp b/apps/site/public/screenshots/patterns/posts/posts01.webp
diff --git a/apps/site/public/screenshots/patterns/posts/posts02.webp b/apps/site/public/screenshots/patterns/posts/posts02.webp
diff --git a/apps/site/public/screenshots/patterns/posts/posts03.webp b/apps/site/public/screenshots/patterns/posts/posts03.webp
diff --git a/apps/site/public/screenshots/patterns/posts/posts04.webp b/apps/site/public/screenshots/patterns/posts/posts04.webp
diff --git a/apps/site/public/screenshots/patterns/pricing/pricing01.webp b/apps/site/public/screenshots/patterns/pricing/pricing01.webp
diff --git a/apps/site/public/screenshots/patterns/pricing/pricing02.webp b/apps/site/public/screenshots/patterns/pricing/pricing02.webp
diff --git a/apps/site/public/screenshots/patterns/testimonials/testimonials01.webp b/apps/site/public/screenshots/patterns/testimonials/testimonials01.webp
diff --git a/apps/site/public/screenshots/patterns/testimonials/testimonials02.webp b/apps/site/public/screenshots/patterns/testimonials/testimonials02.webp
diff --git a/apps/site/public/screenshots/patterns/testimonials/testimonials03.webp b/apps/site/public/screenshots/patterns/testimonials/testimonials03.webp
diff --git a/apps/site/scripts/compare-screenshots.ts b/apps/site/scripts/compare-screenshots.ts
@@ -32,7 +32,7 @@ const CONFIG = {
   tempDir: join(ROOT_DIR, '_screenshots', 'temp'),
   diffDir: join(ROOT_DIR, '_screenshots', 'diff'),
   viewport: { width: 1440, height: 810 },
-  port: 4000,
+  port: 4002,
   waitAfterLoad: 500,
 };
 

diff --git a/apps/site/scripts/generate-screenshots.ts b/apps/site/scripts/generate-screenshots.ts
@@ -40,7 +40,7 @@ const CONFIG = {
   baselineDir: join(ROOT_DIR, '_screenshots', 'baseline'),
   viewport: { width: 1440, height: 810 },
   // プレビューサーバーのポート
-  port: 4000,
+  port: 4002,
   // ページ読み込み後の待機時間（ミリ秒）
   waitAfterLoad: 500,
 };

diff --git a/apps/site/scripts/layout-demo-screenshots.ts b/apps/site/scripts/layout-demo-screenshots.ts
@@ -33,7 +33,7 @@ const CONFIG = {
   outputDir: join(ROOT_DIR, 'public', 'screenshots', 'layout-demos'),
   // ビューポートサイズ（16:9）
   viewport: { width: 1600, height: 900 },
-  // プレビューサーバーのポート（patterns 用の 4000 と衝突しないよう別ポート）
+  // 開発・パターン撮影サーバーとの衝突を避けるため専用ポートを使う
   port: 4001,
   // ページ読み込み後の待機時間（ミリ秒）
   waitAfterLoad: 500,

diff --git a/apps/site/scripts/update-screenshots.ts b/apps/site/scripts/update-screenshots.ts
@@ -34,7 +34,7 @@ const CONFIG = {
   // 公開用スクリーンショット（本番画像）
   publicDir: join(ROOT_DIR, 'public', 'screenshots', 'patterns'),
   viewport: { width: 1440, height: 810 },
-  port: 4000,
+  port: 4002,
   waitAfterLoad: 500,
 };
 

diff --git a/apps/site/src/config/patterns.ts b/apps/site/src/config/patterns.ts
diff --git a/apps/site/src/pages/preview/patterns/about/about03/en.astro b/apps/site/src/pages/preview/patterns/about/about03/en.astro
@@ -11,7 +11,7 @@ import { Stack, Container, Frame, Grid, Media, Box, Text, Heading } from 'lism-c
       <Stack bd-l g="40">
         <Grid gtc={['auto', null, '16rem 1fr']} g="30">
           <Box>
-            <Text bd-l bdc="text" fz="2xl" p="15 30" ms="-1px">2016</Text>
+            <Text bd-l bdc="text" fz="2xl" py="15" px="30" ms="-1px">2016</Text>
           </Box>
           <Stack g="30" ps={['30', null, '0']} pb="20">
             <Frame as="figure" ar="16/9" bdrs="10">
@@ -37,7 +37,7 @@ import { Stack, Container, Frame, Grid, Media, Box, Text, Heading } from 'lism-c
         </Grid>
         <Grid gtc={['auto', null, '16rem 1fr']} g="30">
           <Box>
-            <Text bd-l bdc="text" fz="2xl" p="15 30" ms="-1px">2019</Text>
+            <Text bd-l bdc="text" fz="2xl" py="15" px="30" ms="-1px">2019</Text>
           </Box>
           <Stack g="30" ps={['30', null, '0']} pb="20">
             <Frame as="figure" ar="16/9" bdrs="10">
@@ -60,7 +60,7 @@ import { Stack, Container, Frame, Grid, Media, Box, Text, Heading } from 'lism-c
         </Grid>
         <Grid gtc={['auto', null, '16rem 1fr']} g="30">
           <Box>
-            <Text bd-l bdc="text" fz="2xl" p="15 30" ms="-1px">2025</Text>
+            <Text bd-l bdc="text" fz="2xl" py="15" px="30" ms="-1px">2025</Text>
           </Box>
           <Stack g="30" ps={['30', null, '0']} pb="20">
             <Frame as="figure" ar="16/9" bdrs="10">

diff --git a/apps/site/src/pages/preview/patterns/about/about03/index.astro b/apps/site/src/pages/preview/patterns/about/about03/index.astro
@@ -11,7 +11,7 @@ import { Stack, Container, Frame, Grid, Media, Box, Text, Heading } from 'lism-c
       <Stack bd-l g="40">
         <Grid gtc={['auto', null, '16rem 1fr']} g="30">
           <Box>
-            <Text bd-l bdc="text" fz="2xl" p="15 30" ms="-1px">2016</Text>
+            <Text bd-l bdc="text" fz="2xl" py="15" px="30" ms="-1px">2016</Text>
           </Box>
           <Stack g="30" ps={['30', null, '0']} pb="20">
             <Frame as="figure" ar="16/9" bdrs="10">
@@ -33,7 +33,7 @@ import { Stack, Container, Frame, Grid, Media, Box, Text, Heading } from 'lism-c
         </Grid>
         <Grid gtc={['auto', null, '16rem 1fr']} g="30">
           <Box>
-            <Text bd-l bdc="text" fz="2xl" p="15 30" ms="-1px">2019</Text>
+            <Text bd-l bdc="text" fz="2xl" py="15" px="30" ms="-1px">2019</Text>
           </Box>
           <Stack g="30" ps={['30', null, '0']} pb="20">
             <Frame as="figure" ar="16/9" bdrs="10">
@@ -55,7 +55,7 @@ import { Stack, Container, Frame, Grid, Media, Box, Text, Heading } from 'lism-c
         </Grid>
         <Grid gtc={['auto', null, '16rem 1fr']} g="30">
           <Box>
-            <Text bd-l bdc="text" fz="2xl" p="15 30" ms="-1px">2025</Text>
+            <Text bd-l bdc="text" fz="2xl" py="15" px="30" ms="-1px">2025</Text>
           </Box>
           <Stack g="30" ps={['30', null, '0']} pb="20">
             <Frame as="figure" ar="16/9" bdrs="10">

diff --git a/apps/site/src/pages/preview/patterns/about/about04/en.astro b/apps/site/src/pages/preview/patterns/about/about04/en.astro
@@ -14,7 +14,7 @@ import { Stack, Container, Frame, Grid, Media, Flow, Text, Heading } from 'lism-
     <Stack g="50">
       <Heading level="2" class="u--trim" fz="3xl" fw="bold" ff="accent" ta="center">History of the Workshop</Heading>
       <Stack bd-bs>
-        <Grid gtc={['auto', null, '16rem 1fr']} g="50 40" bd-be py="40">
+        <Grid gtc={['auto', null, '16rem 1fr']} rg="50" cg="40" bd-be py="40">
           <Text class="u--trim" ff="accent" fz="5xl" fs="i" lh="1">1968</Text>
           <Flow ps={['30', null, '0']}>
             <Text fz="l" fw="bold">Founded as a woodworking shop</Text>
@@ -32,7 +32,7 @@ import { Stack, Container, Frame, Grid, Media, Flow, Text, Heading } from 'lism-
             </Frame>
           </Flow>
         </Grid>
-        <Grid gtc={['auto', null, '16rem 1fr']} g="50 40" bd-be py="40">
+        <Grid gtc={['auto', null, '16rem 1fr']} rg="50" cg="40" bd-be py="40">
           <Text class="u--trim" ff="accent" fz="5xl" fs="i" lh="1">1994</Text>
           <Flow ps={['30', null, '0']}>
             <Text fz="l" fw="bold">Launched our own brand "MATSUO"</Text>
@@ -50,7 +50,7 @@ import { Stack, Container, Frame, Grid, Media, Flow, Text, Heading } from 'lism-
             </Frame>
           </Flow>
         </Grid>
-        <Grid gtc={['auto', null, '16rem 1fr']} g="50 40" bd-be py="40">
+        <Grid gtc={['auto', null, '16rem 1fr']} rg="50" cg="40" bd-be py="40">
           <Text class="u--trim" ff="accent" fz="5xl" fs="i" lh="1">2012</Text>
           <Flow ps={['30', null, '0']}>
             <Text fz="l" fw="bold">Opened our own showroom</Text>
@@ -68,7 +68,7 @@ import { Stack, Container, Frame, Grid, Media, Flow, Text, Heading } from 'lism-
             </Frame>
           </Flow>
         </Grid>
-        <Grid gtc={['auto', null, '16rem 1fr']} g="50 40" bd-be py="40">
+        <Grid gtc={['auto', null, '16rem 1fr']} rg="50" cg="40" bd-be py="40">
           <Text class="u--trim" ff="accent" fz="5xl" fs="i" lh="1">2023</Text>
           <Flow ps={['30', null, '0']}>
             <Text fz="l" fw="bold">Third generation takes over, going abroad</Text>

diff --git a/apps/site/src/pages/preview/patterns/about/about04/index.astro b/apps/site/src/pages/preview/patterns/about/about04/index.astro
@@ -14,7 +14,7 @@ import { Stack, Container, Frame, Grid, Media, Flow, Text, Heading } from 'lism-
     <Stack g="50">
       <Heading level="2" class="u--trim" fz="3xl" fw="bold" ff="accent" ta="center">工房のあゆみ</Heading>
       <Stack bd-bs>
-        <Grid gtc={['auto', null, '16rem 1fr']} g="50 40" bd-be py="40">
+        <Grid gtc={['auto', null, '16rem 1fr']} rg="50" cg="40" bd-be py="40">
           <Text class="u--trim" ff="accent" fz="5xl" fs="i" lh="1">1968</Text>
           <Flow ps={['30', null, '0']}>
             <Text fz="l" fw="bold">木工所として創業</Text>
@@ -29,7 +29,7 @@ import { Stack, Container, Frame, Grid, Media, Flow, Text, Heading } from 'lism-
             </Frame>
           </Flow>
         </Grid>
-        <Grid gtc={['auto', null, '16rem 1fr']} g="50 40" bd-be py="40">
+        <Grid gtc={['auto', null, '16rem 1fr']} rg="50" cg="40" bd-be py="40">
           <Text class="u--trim" ff="accent" fz="5xl" fs="i" lh="1">1994</Text>
           <Flow ps={['30', null, '0']}>
             <Text fz="l" fw="bold">自社ブランド「MATSUO」を発表</Text>
@@ -44,7 +44,7 @@ import { Stack, Container, Frame, Grid, Media, Flow, Text, Heading } from 'lism-
             </Frame>
           </Flow>
         </Grid>
-        <Grid gtc={['auto', null, '16rem 1fr']} g="50 40" bd-be py="40">
+        <Grid gtc={['auto', null, '16rem 1fr']} rg="50" cg="40" bd-be py="40">
           <Text class="u--trim" ff="accent" fz="5xl" fs="i" lh="1">2012</Text>
           <Flow ps={['30', null, '0']}>
             <Text fz="l" fw="bold">直営ショールームを開設</Text>
@@ -59,7 +59,7 @@ import { Stack, Container, Frame, Grid, Media, Flow, Text, Heading } from 'lism-
             </Frame>
           </Flow>
         </Grid>
-        <Grid gtc={['auto', null, '16rem 1fr']} g="50 40" bd-be py="40">
+        <Grid gtc={['auto', null, '16rem 1fr']} rg="50" cg="40" bd-be py="40">
           <Text class="u--trim" ff="accent" fz="5xl" fs="i" lh="1">2023</Text>
           <Flow ps={['30', null, '0']}>
             <Text fz="l" fw="bold">三代目が就任、海外へ</Text>

diff --git a/apps/site/src/pages/preview/patterns/about/about05/en.astro b/apps/site/src/pages/preview/patterns/about/about05/en.astro
@@ -51,7 +51,7 @@ import { Wrapper, Frame, Grid, Box, Media, Stack, Inline } from 'lism-css/astro'
           <dt>Major Clients</dt>
           <dd>ABC Corp., XYZ Inc., 123 Co., Ltd.</dd>
         </Grid>
-        <Grid gtc="subgrid" gc="1/-1" bd-bs g="40 50" p="20">
+        <Grid gtc="subgrid" gc="1/-1" bd-bs rg="40" cg="50" p="20">
           <dt>Access</dt>
           <dd>0-minute walk from Tokyo Station<br />*The map below shows Tokyo Station</dd>
           <Box gc="1/-1">

diff --git a/apps/site/src/pages/preview/patterns/about/about05/index.astro b/apps/site/src/pages/preview/patterns/about/about05/index.astro
@@ -51,7 +51,7 @@ import { Wrapper, Frame, Grid, Box, Media, Stack, Inline } from 'lism-css/astro'
           <dt>主要取引先</dt>
           <dd>株式会社ABC、XYZ株式会社、123株式会社</dd>
         </Grid>
-        <Grid gtc="subgrid" gc="1/-1" bd-bs g="40 50" p="20">
+        <Grid gtc="subgrid" gc="1/-1" bd-bs rg="40" cg="50" p="20">
           <dt>アクセス</dt>
           <dd>東京駅から徒歩0分<br />※以下は東京駅の地図です</dd>
           <Box gc="1/-1">

diff --git a/apps/site/src/pages/preview/patterns/about/about06/en.astro b/apps/site/src/pages/preview/patterns/about/about06/en.astro
@@ -12,7 +12,7 @@ import { Container, Frame, Grid, Media, Stack, Text } from 'lism-css/astro';
     </Stack>
     <Stack g="30">
       <Text fz="l" fw="bold">Overview</Text>
-      <Grid gtc={['auto', null, '1fr 1fr']} g="50 60">
+      <Grid gtc={['auto', null, '1fr 1fr']} rg="50" cg="60">
         <Grid as="dl" gtr="auto" gtc="auto 1fr" cg="50" bd-be>
           <Grid gtc="subgrid" gc="1/-1" bd-bs p="20">
             <dt>Company Name</dt>
@@ -53,7 +53,7 @@ import { Container, Frame, Grid, Media, Stack, Text } from 'lism-css/astro';
         </Grid>
         <Frame>
           <Media
-            src="https://images.unsplash.com/photo-1512403754473-27835f7b9984?auto=format&fit=max&w=1000&q=80&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
+            src="https://images.unsplash.com/photo-1512403754473-27835f7b9984?auto=format&fit=max&w=1000&q=80"
             alt=""
             width="1000"
             height="1400"

diff --git a/apps/site/src/pages/preview/patterns/about/about06/index.astro b/apps/site/src/pages/preview/patterns/about/about06/index.astro
@@ -12,7 +12,7 @@ import { Container, Frame, Grid, Media, Stack, Text } from 'lism-css/astro';
     </Stack>
     <Stack g="30">
       <Text fz="l" fw="bold">概要</Text>
-      <Grid gtc={['auto', null, '1fr 1fr']} g="50 60">
+      <Grid gtc={['auto', null, '1fr 1fr']} rg="50" cg="60">
         <Grid as="dl" gtr="auto" gtc="auto 1fr" cg="50" bd-be>
           <Grid gtc="subgrid" gc="1/-1" bd-bs p="20">
             <dt>会社名</dt>
@@ -53,7 +53,7 @@ import { Container, Frame, Grid, Media, Stack, Text } from 'lism-css/astro';
         </Grid>
         <Frame>
           <Media
-            src="https://images.unsplash.com/photo-1512403754473-27835f7b9984?auto=format&fit=max&w=1000&q=80&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
+            src="https://images.unsplash.com/photo-1512403754473-27835f7b9984?auto=format&fit=max&w=1000&q=80"
             alt=""
             width="1000"
             height="1400"

diff --git a/apps/site/src/pages/preview/patterns/about/about07/en.astro b/apps/site/src/pages/preview/patterns/about/about07/en.astro
@@ -26,7 +26,7 @@ import { Button } from '@lism-css/ui/astro/Button';
           </Stack>
           <Flex jc="fe" mbs="auto" g="20">
             <Button href="#" fz="s" bdrs="10">
-              <Inline gc="1">Web Site</Inline>
+              <Inline>Web Site</Inline>
             </Button>
             <Button variant="outline" href="#" fz="s" bdrs="10">Google Map</Button>
           </Flex>
@@ -46,7 +46,7 @@ import { Button } from '@lism-css/ui/astro/Button';
           </Stack>
           <Flex jc="fe" mbs="auto" g="20">
             <Button href="#" fz="s" bdrs="10">
-              <Inline gc="1">Web Site</Inline>
+              <Inline>Web Site</Inline>
             </Button>
             <Button variant="outline" href="#" fz="s" bdrs="10">Google Map</Button>
           </Flex>

diff --git a/apps/site/src/pages/preview/patterns/about/about07/index.astro b/apps/site/src/pages/preview/patterns/about/about07/index.astro
@@ -26,7 +26,7 @@ import { Button } from '@lism-css/ui/astro/Button';
           </Stack>
           <Flex jc="fe" mbs="auto" g="20">
             <Button href="#" fz="s" bdrs="10">
-              <Inline gc="1">Web Site</Inline>
+              <Inline>Web Site</Inline>
             </Button>
             <Button variant="outline" href="#" fz="s" bdrs="10">Google Map</Button>
           </Flex>
@@ -46,7 +46,7 @@ import { Button } from '@lism-css/ui/astro/Button';
           </Stack>
           <Flex jc="fe" mbs="auto" g="20">
             <Button href="#" fz="s" bdrs="10">
-              <Inline gc="1">Web Site</Inline>
+              <Inline>Web Site</Inline>
             </Button>
             <Button variant="outline" href="#" fz="s" bdrs="10">Google Map</Button>
           </Flex>

diff --git a/apps/site/src/pages/preview/patterns/cta/cta01/en.astro b/apps/site/src/pages/preview/patterns/cta/cta01/en.astro
@@ -1,43 +1,36 @@
 ---
-import { ChatIcon, UserIcon } from '@lism-css/icons/astro';
 import DemoLayout from '@/layouts/DemoLayout.astro';
 
-import { Stack, Grid, Container, Frame, Columns, Media, Layer, Icon, Text, Heading } from 'lism-css/astro';
+import { ArrowRightIcon } from '@lism-css/icons/astro';
+import { Stack, Grid, Container, Frame, Center, Media, Layer, Icon, Text, Inline, Heading } from 'lism-css/astro';
 import { Button } from '@lism-css/ui/astro/Button';
 ---
 
 <DemoLayout title="CTA01">
   <Stack pos="relative">
     <Frame isLayer>
-      <Media isLayer src="https://cdn.lism-css.com/img/2SvHdIk1KOOR.webp" alt="" width="960" height="640" />
-      <Layer style={{ backdropFilter: 'blur(4px)' }} bgc="black:50%" />
+      <Media
+        isLayer
+        src="https://images.pexels.com/photos/7130498/pexels-photo-7130498.jpeg?auto=compress&cs=tinysrgb&w=1920"
+        alt=""
+        width="960"
+        height="640"
+      />
+      <Layer style={{ backdropFilter: 'blur(8px)' }} bgc="base:75%" />
     </Frame>
     <Container isWrapper="s" px="35" py="60" z="1">
       <Grid ai="center" g="40">
-        <Heading level="2" class="u--trim" fz="4xl" fw="bold" lts="l" c="white" ta="center">Contact</Heading>
-        <Text class="u--trim" fz="m" hl="l" c="white" ta="center">Feel free to reach out to us<br />Our team will respond promptly</Text>
-        <Columns cols={[1, null, 2]} g="25">
-          <Button href="#" g="15" variant="outline" jc="center" c="white" bdrs="10" py="15" fw="500" hasTransition hov={{ bgc: 'text', bdc: 'text' }}>
-            <Icon icon={ChatIcon} fz="1.4em" />
-            <span>Chat with us</span>
+        <Heading level="2" class="u--trim" fz="4xl" fw="bold" lts="l" ta="center">Contact</Heading>
+        <Text class="u--trim" fz="m" hl="l" ta="center"
+          >For questions about our services or quote requests, please contact us here.<br />After reviewing your inquiry, a member of our team will
+          get back to you.</Text
+        >
+        <Center jc="center">
+          <Button href="#" g="15" px="20" py="15" bgc="black" c="white" bdrs="99" hov={{ bgc: 'transparent', c: 'text', bdc: 'text' }} hasTransition>
+            <Inline ps="10" tt="uppercase" lts="l">Contact us</Inline>
+            <Icon icon={ArrowRightIcon} weight="bold" />
           </Button>
-          <Button
-            href="#"
-            g="15"
-            jc="center"
-            bgc="base"
-            c="text"
-            bdc="transparent"
-            bdrs="10"
-            py="15"
-            fw="500"
-            hasTransition
-            hov={{ bgc: 'text', c: 'base' }}
-          >
-            <Icon icon={UserIcon} fz="1.4em" />
-            <span>Contact us</span>
-          </Button>
-        </Columns>
+        </Center>
       </Grid>
     </Container>
   </Stack>

diff --git a/apps/site/src/pages/preview/patterns/cta/cta01/index.astro b/apps/site/src/pages/preview/patterns/cta/cta01/index.astro
@@ -1,43 +1,35 @@
 ---
-import { ChatIcon, UserIcon } from '@lism-css/icons/astro';
 import DemoLayout from '@/layouts/DemoLayout.astro';
 
-import { Stack, Grid, Container, Frame, Columns, Media, Layer, Icon, Text, Heading } from 'lism-css/astro';
+import { ArrowRightIcon } from '@lism-css/icons/astro';
+import { Stack, Grid, Container, Frame, Center, Media, Layer, Icon, Text, Inline, Heading } from 'lism-css/astro';
 import { Button } from '@lism-css/ui/astro/Button';
 ---
 
 <DemoLayout title="CTA01">
   <Stack pos="relative">
     <Frame isLayer>
-      <Media isLayer src="https://cdn.lism-css.com/img/2SvHdIk1KOOR.webp" alt="" width="960" height="640" />
-      <Layer style={{ backdropFilter: 'blur(4px)' }} bgc="black:50%" />
+      <Media
+        isLayer
+        src="https://images.pexels.com/photos/7130498/pexels-photo-7130498.jpeg?auto=compress&cs=tinysrgb&w=1920"
+        alt=""
+        width="960"
+        height="640"
+      />
+      <Layer style={{ backdropFilter: 'blur(8px)' }} bgc="base:75%" />
     </Frame>
     <Container isWrapper="s" px="35" py="60" z="1">
       <Grid ai="center" g="40">
-        <Heading level="2" class="u--trim" fz="4xl" fw="bold" lts="l" c="white" ta="center">Contact</Heading>
-        <Text class="u--trim" fz="m" hl="l" c="white" ta="center">はじめての方もお気軽にご相談ください<br />弊社スタッフが迅速に対応いたします</Text>
-        <Columns cols={[1, null, 2]} g="25">
-          <Button href="#" g="15" variant="outline" jc="center" c="white" bdrs="10" py="15" fw="500" hasTransition hov={{ bgc: 'text', bdc: 'text' }}>
-            <Icon icon={ChatIcon} fz="1.4em" />
-            <span>チャットで相談</span>
+        <Heading level="2" class="u--trim" fz="4xl" fw="bold" lts="l" ta="center">Contact</Heading>
+        <Text class="u--trim" fz="m" hl="l" ta="center"
+          >サービスに関するご質問やお見積もりのご依頼は、こちらからお問い合わせください。<br />内容を確認のうえ、担当者よりご連絡いたします。</Text
+        >
+        <Center jc="center">
+          <Button href="#" g="15" px="20" py="15" bgc="black" c="white" bdrs="99" hov={{ bgc: 'transparent', c: 'text', bdc: 'text' }} hasTransition>
+            <Inline ps="10" tt="uppercase" lts="l">Contact us</Inline>
+            <Icon icon={ArrowRightIcon} weight="bold" />
           </Button>
-          <Button
-            href="#"
-            g="15"
-            jc="center"
-            bgc="base"
-            c="text"
-            bdc="transparent"
-            bdrs="10"
-            py="15"
-            fw="500"
-            hasTransition
-            hov={{ bgc: 'text', c: 'base' }}
-          >
-            <Icon icon={UserIcon} fz="1.4em" />
-            <span>お問い合わせ</span>
-          </Button>
-        </Columns>
+        </Center>
       </Grid>
     </Container>
   </Stack>