Section
Section012
セクション用のテンプレートです。breakpoint「md」以下は1カラムで表示され、アイテムが縦に並びます。
↓
コード
index.astro
---
import DemoLayout from '@/layouts/DemoLayout.astro';
import { Stack, Container, Frame, Grid, Media, HTML, Layer } from 'lism-css/astro';
import './_style.css';
---
<DemoLayout title="Section012">
<Grid gtr="auto" gtc={['auto', null, 'auto 1fr']} pos="rel">
<Layer>
<Frame h="100%">
<Media src="https://cdn.lism-css.com/img/random-2510" alt="" width="960" height="640" />
<Layer bgc="black:30%" />
</Frame>
</Layer>
<Container isWrapper="m" gr="1" gc="1" setGutter pos="rel" z="1">
<Grid gtc={['auto', null, 'auto 1fr']} c="white" g="50" py="50">
<HTML.h lv="2" class="u--trim" fz="3xl" fw="bold" hl="l">自然素材が生み出す<br />癒やしのひととき</HTML.h>
<Stack class="u--trimChildren" g="40">
<p>
目を閉じれば、まるで森の木漏れ日の中にいるかのような、圧倒的な臨場感。
このスピーカーは、録音された自然音を、立体的に、そして限りなくリアルに再現するために生まれました。
</p>
<p>
本体のエンクロージャー(筐体)には、調湿性や消臭性で知られる「珪藻土」を特殊な技術で固めた、
多孔質の自然素材を採用。この珪藻土が、音の余計な反響を吸収し、驚くほどクリアで、
角の取れた、柔らかく自然な音響特性を実現しました。
専用アプリには、屋久島の森や、沖縄の波音など、日本各地で収録された高音質なバイノーラル音源を多数用意。
</p>
<p>
左右のスピーカーから流れるわずかに異なる音が、脳内で立体的な音像を結び、
あなたを深いリラクゼーションへと導きます。音楽を聴くためのスピーカーとは一線を画す、
「音の風景」を日常に取り入れるための装置。自然の響きで、心と身体を調律する時間をお過ごしください。
</p>
</Stack>
</Grid>
</Container>
</Grid>
</DemoLayout> style.css