language and hsow case changed

components/ShowCase.tsx

@@ -45,7 +45,7 @@ export function ShowCase({ images }: ShowCaseProps) {
   };
 
   return (
-    <section className="relative min-h-screen  pt-20 pb-20">
+    <section className="relative min-h-screen flex items-center py-20">
       {/* background image */}
       <div className="absolute -z-50 top-0 left-0 h-full w-full">
         <Image
@@ -57,8 +57,8 @@ export function ShowCase({ images }: ShowCaseProps) {
       </div>
       <div className="absolute w-full h-full top-0 left-0 bg-black opacity-25 -z-40" />
 
-      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-        <div className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 w-full h-full flex flex-col justify-center ">
+        <div className="flex flex-1 max-w-xl w-full">
           {/* Left Content */}
           <motion.div
             initial={{ opacity: 0, x: -50 }}
@@ -84,7 +84,7 @@ export function ShowCase({ images }: ShowCaseProps) {
           </motion.div>
 
           {/* Right - Image Carousel */}
-          <motion.div
+          {/* <motion.div
             initial={{ opacity: 0, x: 50 }}
             animate={{ opacity: 1, x: 0 }}
             transition={{ duration: 0.6, delay: 0.2 }}
@@ -111,8 +111,6 @@ export function ShowCase({ images }: ShowCaseProps) {
                   />
                 </motion.div>
               </AnimatePresence>
-
-              {/* Navigation Buttons */}
               <motion.button
                 whileHover={{ scale: 1.1 }}
                 whileTap={{ scale: 0.95 }}
@@ -130,8 +128,6 @@ export function ShowCase({ images }: ShowCaseProps) {
               >
                 <ChevronRight className="text-gray-800" />
               </motion.button>
-
-              {/* Indicators */}
               <div className="absolute bottom-4 left-1/2 -translate-x-1/2 z-10 flex gap-2">
                 {images.map((_, idx) => (
                   <motion.button
@@ -150,7 +146,7 @@ export function ShowCase({ images }: ShowCaseProps) {
                 ))}
               </div>
             </div>
-          </motion.div>
+          </motion.div> */}
         </div>
       </div>
     </section>