<?php
/**
 * Title: MOONARC Hero
 * Slug: moonarc-child/hero
 * Categories: moonarc
 * 弧をUI要素に — 月へ向かう弧＋eyebrow＋クイックタグ（純コード／画像非依存）
 */
?>
<!-- wp:group {"align":"full","className":"moonarc-hero","layout":{"type":"constrained","contentSize":"1140px"}} -->
<div class="wp-block-group alignfull moonarc-hero">
	<!-- wp:html -->
	<div class="moonarc-hero__arc" aria-hidden="true">
		<svg viewBox="0 0 1200 520" preserveAspectRatio="xMaxYMin meet" xmlns="http://www.w3.org/2000/svg" fill="none">
			<defs>
				<linearGradient id="arcG" x1="0" y1="1" x2="1" y2="0">
					<stop offset="0" stop-color="#E9C46A" stop-opacity="0"/>
					<stop offset="0.55" stop-color="#E9C46A" stop-opacity="0.55"/>
					<stop offset="1" stop-color="#F2D58A" stop-opacity="1"/>
				</linearGradient>
				<radialGradient id="moonG" cx="0.38" cy="0.36" r="0.78">
					<stop offset="0" stop-color="#FFF3D2"/>
					<stop offset="1" stop-color="#E9C46A"/>
				</radialGradient>
				<radialGradient id="glowG" cx="0.5" cy="0.5" r="0.5">
					<stop offset="0" stop-color="#E9C46A" stop-opacity="0.5"/>
					<stop offset="1" stop-color="#E9C46A" stop-opacity="0"/>
				</radialGradient>
			</defs>
			<path d="M 30 500 C 360 360, 770 150, 1085 112" stroke="url(#arcG)" stroke-width="2.5" stroke-linecap="round"/>
			<circle cx="1085" cy="112" r="135" fill="url(#glowG)"/>
			<circle cx="1085" cy="112" r="42" fill="url(#moonG)"/>
		</svg>
	</div>
	<!-- /wp:html -->
	<!-- wp:group {"className":"moonarc-hero__inner","layout":{"type":"constrained","contentSize":"720px"}} -->
	<div class="wp-block-group moonarc-hero__inner">
		<!-- wp:paragraph {"className":"eyebrow"} -->
		<p class="eyebrow">個人開発から、事業へ。</p>
		<!-- /wp:paragraph -->
		<!-- wp:heading {"level":1,"className":"moonarc-hero__title","textColor":"contrast"} -->
		<h1 class="wp-block-heading moonarc-hero__title has-contrast-color has-text-color">小さくはじめて、<br>月まで。</h1>
		<!-- /wp:heading -->
		<!-- wp:paragraph {"className":"moonarc-hero__lead","textColor":"contrast"} -->
		<p class="moonarc-hero__lead has-contrast-color has-text-color">MOONARC は、個人開発から生まれた4つの事業を束ねる、作り手のグループです。物販支援・動画自動生成・FX自動化・Web制作——「自分たちが本当に使いたい道具を、丁寧に作る」ことから始めています。</p>
		<!-- /wp:paragraph -->
		<!-- wp:buttons -->
		<div class="wp-block-buttons">
			<!-- wp:button -->
			<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="#contact">お問い合わせ</a></div>
			<!-- /wp:button -->
			<!-- wp:button {"className":"is-style-outline"} -->
			<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="#business">事業を見る</a></div>
			<!-- /wp:button -->
		</div>
		<!-- /wp:buttons -->
		<!-- wp:html -->
		<ul class="moonarc-hero__points">
			<li>個人開発スピリット</li>
			<li>4つの自社プロダクト</li>
			<li>つくって、使って、磨く</li>
		</ul>
		<!-- /wp:html -->
	</div>
	<!-- /wp:group -->
</div>
<!-- /wp:group -->