From 3de982a917d59ed440638b147fd7d2a47f96d269 Mon Sep 17 00:00:00 2001
From: subratsamal <samalsubrat919@gmail.com>
Date: Tue, 27 Feb 2024 07:49:25 +0530
Subject: [PATCH] padding

---
 src/app/components/Aesthetic.tsx   | 2 +-
 src/app/components/Features.tsx    | 2 +-
 src/app/components/LongLife.tsx    | 6 ++++--
 src/app/components/Performance.tsx | 2 +-
 src/app/components/Slider.tsx      | 2 +-
 5 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/app/components/Aesthetic.tsx b/src/app/components/Aesthetic.tsx
index 46e7602..4a36a80 100644
--- a/src/app/components/Aesthetic.tsx
+++ b/src/app/components/Aesthetic.tsx
@@ -2,7 +2,7 @@ import Image from "next/image"
 
 const Aesthetic = () => {
   return (
-    <div className="flex mb-28 overflow-hidden relative flex-col rounded-xl justify-center font-bold h-[600px] min-h-[534px] mb-28` mx-32 max-md:mx-5 max-lg:mx-10 max-xl:mx-16 shadow-white/10 shadow-md">
+    <div className="flex mb-28 overflow-hidden relative flex-col rounded-xl justify-center font-bold h-[600px] min-h-[534px] mx-44 max-2xl:mx-32 max-md:mx-5 max-lg:mx-10 max-xl:mx-16 shadow-white/10 shadow-md">
     <div className="absolute inset-0 size-full top-0">
       <Image
         src="/carou-two.webp"
diff --git a/src/app/components/Features.tsx b/src/app/components/Features.tsx
index b97a24f..f3de602 100644
--- a/src/app/components/Features.tsx
+++ b/src/app/components/Features.tsx
@@ -2,7 +2,7 @@ import Image from "next/image"
 
 const Features = () => {
   return (
-    <div className="flex bg-transparent px-32 items-start justify-center gap-32 w-full flex-wrap my-20 max-sm:gap-20 max-sm:px-10">
+    <div className="flex bg-transparent px-32 items-start justify-center gap-32 w-full flex-wrap my-12 max-sm:gap-20 max-sm:px-10">
         <div className="flex flex-col justify-center items-center text-center">
           <Image
             src="/wire.svg"
diff --git a/src/app/components/LongLife.tsx b/src/app/components/LongLife.tsx
index 4d23bc9..545d607 100644
--- a/src/app/components/LongLife.tsx
+++ b/src/app/components/LongLife.tsx
@@ -2,8 +2,8 @@ import Image from "next/image";
 
 const LongLife = () => {
   return (
-    <div className="mt-20">
-    <div className="flex justify-center mx-32 max-md:mx-5 max-lg:mx-10 max-xl:mx-16 gap-10 max-lg:flex-col max-md:justify-center">
+    <div className="mt-12">
+    <div className="flex justify-center mx-44 max-2xl:mx-32 max-md:mx-5 max-lg:mx-10 max-xl:mx-16 gap-10 max-lg:flex-col max-md:justify-center">
         <div className="flex overflow-hidden relative flex-col rounded-xl  justify-center font-bold h-3/5 min-h-full w-2/4 max-lg:w-full max-sm:w-full mb-12 max-md:mx-0 max-sm:mr-0 max-sm:ml-0 shadow-white/10 shadow-md ">
           <div className="absolute inset-0 top-0">
             <Image
@@ -11,6 +11,7 @@ const LongLife = () => {
               alt="long-life"
               layout="fill"
               objectFit="cover"
+              objectPosition="top"
               priority
             />
           </div>
@@ -38,6 +39,7 @@ const LongLife = () => {
               alt="long-life"
               layout="fill"
               objectFit="cover"
+              objectPosition="right"
               priority
             />
           </div>
diff --git a/src/app/components/Performance.tsx b/src/app/components/Performance.tsx
index a624928..2b2800b 100644
--- a/src/app/components/Performance.tsx
+++ b/src/app/components/Performance.tsx
@@ -2,7 +2,7 @@ import Image from "next/image";
 
 const Performance = () => {
   return (
-    <div className="flex relative justify-center mx-32 max-md:mx-5 max-lg:mx-10 max-xl:mx-16 max-lg:flex-col max-md:justify-center">
+    <div className="flex relative justify-center mx-44 max-2xl:mx-32 max-md:mx-5 max-lg:mx-10 max-xl:mx-16 max-lg:flex-col max-md:justify-center">
       <div className="flex overflow-hidden relative flex-col rounded-xl  justify-center font-bold h-3/5 min-h-full w-full max-lg:w-full max-sm:w-full mb-12 max-md:mx-0 max-sm:mr-0 max-sm:ml-0 shadow-white/10 shadow-md ">
         <div className="absolute inset-0 top-0">
           <Image
diff --git a/src/app/components/Slider.tsx b/src/app/components/Slider.tsx
index 5ca009f..26d5b70 100644
--- a/src/app/components/Slider.tsx
+++ b/src/app/components/Slider.tsx
@@ -5,7 +5,7 @@ import Image from "next/image";
 
 const Slider = () => {
   return (
-    <div className="flex overflow-hidden relative flex-col rounded-xl  justify-center font-bold h-[600px] min-h-[534px] mb-12 mx-32 max-md:mx-5 max-lg:mx-10 max-xl:mx-16  shadow-white/10 shadow-md">
+    <div className="flex overflow-hidden relative flex-col rounded-xl  justify-center font-bold h-[600px] min-h-[534px] mb-12 mx-44 max-2xl:mx-32 max-md:mx-5 max-lg:mx-10 max-xl:mx-16  shadow-white/10 shadow-md">
         <div className="absolute inset-0 size-full top-0">
           <Image
             src="/carou-one.webp"