<script lang="ts">
	import { metaTitle } from '$lib/stores/metaTitle.svelte.js';
	$metaTitle.title = 'Authentic korean skin care product in Nepal';
	import {
		HeroSlider,
		Celebrity,
		NewArrival,
		Trending,
		Testimonial,
		Brands
	} from '$lib/components/pages/Home';
	let { data } = $props();
</script>

<div>
	<h1 class="hidden">Korean Skin Care & Beauty Clinic</h1>
	<HeroSlider bannerImage={data?.banner} />
	<!-- {#await data?.celebrity then celebrity}
		{#if celebrity?.users?.length > 0}
			<Celebrity data={data?.celebrity} />
		{/if}
	{/await} -->

	<!-- {#await data?.flashSale then flashSale}
		{#if flashSale?.data.length > 0}
			<FlashSale sales={data?.flashSale} />
		{/if}
	{/await}  -->
	<!-- <CelebritiesPick celebrities={data?.celebrity} /> -->

	<!-- <Brands /> -->

	{#await data?.newArrival then arrival}
		{#if arrival?.newArrival?.product?.length > 0}
			<NewArrival products={data?.newArrival} />
		{/if}
	{/await}
	{#await data?.trending then trendingProduct}
		{#if trendingProduct?.data?.length > 0}
			<Trending products={data?.trending} />
		{/if}
	{/await}

	<Testimonial testimonial={data?.testimonial} />

	<section class="py-12">
		<h6 class="text-center text-8xl font-semibold text-primary">20 Years of Clinical Trust</h6>
		<div class="mt-4 flex flex-col gap-2 px-12 text-center">
			<p class="text-center text-xl font-semibold">
				Delivering Scientific Solutions to Core Skin Concerns
			</p>
			<p class="text-sm">
				Korean Skin Care and Beauty Clinic, established in 2002, is a medical derma-cosmetic brand
				rooted in dermatological science. <br /> Our clinically proven formulations are safe even
				for the most sensitive skin, especially after dermatological procedures. <br /> We provide
				advanced skincare solutions that not only support post-procedure recovery but also protect
				<br /> the skin from external aggressors and enhance its resilience.
			</p>
		</div>
	</section>
</div>
