stuff done

app/[locale]/(root)/page.tsx

@@ -1,11 +1,13 @@
 import {getCatalogIndexData} from '@prisma/client/sql'
 import {getLocale} from 'next-intl/server'
 import Image from 'next/image'
+import React from 'react'
 
 import FeatureCards from '@/components/shared/home/feature-cards'
 import {HomeCarousel} from '@/components/shared/home/home-carousel'
 import AppCatalog from '@/components/shared/sidebar/app-catalog'
 import FeatureCardFront from '@/components/shared/store/feature-card-front'
+import Terms from '@/components/shared/terms'
 import {carousels} from '@/lib/data'
 import {CategoryPageSqlSchema} from '@/lib/data/models/sqlSchemas'
 import {db} from '@/lib/db/prisma/client'
@@ -31,9 +33,9 @@ import image from '@/public/uploads/products/IMG_6572.jpg'
 // }
 
 export default async function HomePage() {
-	const loc = await getLocale()
+	const locale = await getLocale()
 	const catalog: CategoryPageSqlSchema[] = await db.$queryRawTyped(
-		getCatalogIndexData(loc)
+		getCatalogIndexData(locale)
 	)
 
 	return (
@@ -51,8 +53,18 @@ export default async function HomePage() {
 				</div>
 			</div>
 
-			<section className='container mb-4 mt-[128px]'>
+			<section className='container mb-4 mt-8'>
 				<FeatureCards items={catalog} />
+			</section>
+
+			<Terms />
+
+			<section className='container mb-4 mt-12'>
+				<h2 className='font-heading text-center text-3xl font-bold uppercase tracking-tight text-brand-violet'>
+					{locale !== 'ru' ? "Цікаво про здоров'я" : 'Интересно о здоровье'}
+				</h2>
+			</section>
+			<section className='container mb-4 mt-8'>
 				<div className='re relative my-12 overflow-hidden'>
 					<Image
 						alt={''}