language and hsow case changed

components/ContactForm.tsx

@@ -98,11 +98,10 @@ export function ContactForm() {
           >
             <div>
               <h3 className="text-2xl font-bold text-gray-900 mb-2">
-                Get In Touch
+                {t.contact.title}
               </h3>
               <p className="text-gray-600 mb-8">
-                Reach out to us for inquiries, support, or partnership
-                opportunities.
+                {t.contact.desc}
               </p>
             </div>
 
@@ -110,18 +109,18 @@ export function ContactForm() {
             {[
               {
                 icon: Phone,
-                title: "Phone",
-                value: "+998 (99) 123-45-67",
+                title: "phone_title",
+                value: "+998 (99) 869-74-70",
               },
               {
                 icon: MessageSquare,
-                title: "Telegram",
+                title: "telegram_title",
                 value: "@firma_support",
               },
               {
                 icon: MapPin,
-                title: "Address",
-                value: "Tashkent, Uzbekistan",
+                title: "addres_title",
+                value: "Tashkent, Сергели 6 а 179 кв",
               },
             ].map((item, idx) => {
               const Icon = item.icon;
@@ -134,7 +133,7 @@ export function ContactForm() {
                   <Icon className="text-blue-600 shrink-0" size={24} />
                   <div>
                     <h4 className="font-semibold text-gray-900">
-                      {item.title}
+                      {t.contact[item.title]}
                     </h4>
                     <p className="text-gray-600">{item.value}</p>
                   </div>

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>