From c67262a545283b7348781498de0b73406f42dfac Mon Sep 17 00:00:00 2001
From: gom-by <gom-by@users.noreply.github.com>
Date: Mon, 13 Jan 2025 14:47:00 +0100
Subject: [PATCH] centering home page content

---
 latosa-frontend/app/page.tsx            | 6 +++---
 latosa-frontend/components/features.tsx | 4 ++--
 latosa-frontend/components/gallery.tsx  | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/latosa-frontend/app/page.tsx b/latosa-frontend/app/page.tsx
index 30e69fe..1c0861c 100644
--- a/latosa-frontend/app/page.tsx
+++ b/latosa-frontend/app/page.tsx
@@ -8,7 +8,7 @@ export default async function Home() {
 	return (
 		<main>
 			<Hero />
-			<div className="flex flex-col">
+			<div className="flex flex-col p-12">
 				<Features
 					title="DÉVELOPPEMENT DU SYSTÈME"
 					description="Latosa Escrima Concepts est un système martial dynamique et en constante évolution. Ce système repose sur une approche logique, qui progresse au fil du développement des compétences techniques des pratiquants."
@@ -108,9 +108,9 @@ export default async function Home() {
 						</ul>
 					</FeatureItem>
 				</Features>
+				<Gallery6 />
+				<Gallery6 />
 			</div>
-			<Gallery6 />
-			<Gallery6 />
 		</main>
 	);
 }
diff --git a/latosa-frontend/components/features.tsx b/latosa-frontend/components/features.tsx
index 8926f0e..914c180 100644
--- a/latosa-frontend/components/features.tsx
+++ b/latosa-frontend/components/features.tsx
@@ -8,8 +8,8 @@ const Features: React.FC<
 	}>
 > = ({ title, description, cta, children }) => {
 	return (
-		<section className="py-32 px-4 container self-center">
-			<div className="flex flex-col gap-16 lg:px-16">
+		<section className="lg:md:py-24 sm:py-12 container self-center">
+			<div className="flex flex-col gap-16">
 				<div className="lg:max-w-sm">
 					<h2 className="mb-3 text-xl font-semibold md:mb-4 md:text-4xl lg:mb-6">
 						{title}
diff --git a/latosa-frontend/components/gallery.tsx b/latosa-frontend/components/gallery.tsx
index 0cbd79e..5dfb3ba 100644
--- a/latosa-frontend/components/gallery.tsx
+++ b/latosa-frontend/components/gallery.tsx
@@ -73,7 +73,7 @@ const Gallery6 = () => {
 		};
 	}, [carouselApi]);
 	return (
-		<section className="py-32 py-32 flex flex-col items-center overflow-visible">
+		<section className="lg:md:py-24 sm:py-12 flex flex-col items-center overflow-visible">
 			<div className="container">
 				<div className="mb-8 flex flex-col justify-between md:mb-14 md:flex-row md:items-end lg:mb-16">
 					<div>