<script lang="ts">
    import type { PageData } from './$types'
    export let data: PageData;
</script>
<section>
    <div class="p-one parallax-inner">
      <h2>เกี่ยวกับเรา</h2>
    </div>
</section>
<section class="pb-40 relative bg-blueGray-100">
	<div class="container mx-auto justify-center flex flex-wrap">
		<div class=" bg-blueGray-100 -mt-6 px-5 top-0 bottom-auto absolute z-40 rounded-md" >
			<div class="text-sm breadcrumbs">
				<ul>
				  <li class="text-pink-500 hover:text-pink-700 ">
					<a href="/" >
						<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" /></svg>
					</a>
				  </li> 
				  <li>
					<span class="breadTaxt">เกี่ยวกับเรา</span>
				  </li>
				</ul>
			</div>
		</div>
	</div>
	<div class="container mx-auto items-start flex flex-wrap px-4 pt-11">
        <div class="card  bg-white shadow-xl w-full p-8">
            <div>
                {@html data.content}
            </div>
        </div>
    </div>
</section>






