検索

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' hasGutter 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-trimItems' g='40'>
					<p>
						目を閉じれば、まるで森の木漏れ日の中にいるかのような、圧倒的な臨場感。
						このスピーカーは、録音された自然音を、立体的に、そして限りなくリアルに再現するために生まれました。
					</p>
					<p>
						本体のエンクロージャー(筐体)には、調湿性や消臭性で知られる「珪藻土」を特殊な技術で固めた、
						多孔質の自然素材を採用。この珪藻土が、音の余計な反響を吸収し、驚くほどクリアで、
						角の取れた、柔らかく自然な音響特性を実現しました。
						専用アプリには、屋久島の森や、沖縄の波音など、日本各地で収録された高音質なバイノーラル音源を多数用意。
					</p>
					<p>
						左右のスピーカーから流れるわずかに異なる音が、脳内で立体的な音像を結び、
						あなたを深いリラクゼーションへと導きます。音楽を聴くためのスピーカーとは一線を画す、
						「音の風景」を日常に取り入れるための装置。自然の響きで、心と身体を調律する時間をお過ごしください。
					</p>
				</Stack>
			</Grid>
		</Container>
	</Grid>
</DemoLayout>
style.css