From 829d87be7c7d7d2defd23f0e9ee3b24301e3c8ae Mon Sep 17 00:00:00 2001
From: Emil Gulamov <125820963+mearashadowfax@users.noreply.github.com>
Date: Tue, 13 Feb 2024 06:19:17 +0400
Subject: [PATCH] Update image format and adjust page layout

Image format has been updated to avif format in TabContent.astro, FeaturesGeneral.astro for better performance. Metadata in Meta.astro was also updated to provide precise information about the website. Layout changes were made in HeroSection2.astro for better visual representation.
---
 src/components/FeaturesGeneral.astro      |  1 +
 src/components/HeroSection2.astro         |  4 ++--
 src/components/Meta.astro                 | 11 ++++++-----
 src/components/ui/blocks/TabContent.astro |  1 +
 4 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/components/FeaturesGeneral.astro b/src/components/FeaturesGeneral.astro
index 26044bc..db5d352 100644
--- a/src/components/FeaturesGeneral.astro
+++ b/src/components/FeaturesGeneral.astro
@@ -22,6 +22,7 @@ const subTitle: string =
       alt="ScrewFast products in floating boxes"
       class="h-full w-full object-cover object-center"
       draggable={"false"}
+      format={"avif"}
     />
   </div>
 
diff --git a/src/components/HeroSection2.astro b/src/components/HeroSection2.astro
index 0e22804..4498dad 100644
--- a/src/components/HeroSection2.astro
+++ b/src/components/HeroSection2.astro
@@ -13,7 +13,7 @@ const subTitle: string =
 ---
 
 <div class="relative mx-auto max-w-[85rem] px-4 pb-24 pt-10 sm:px-6 lg:px-8">
-  <div class="absolute left-[10%] top-[25%] scale-90">
+  <div class="absolute top-[55%] left-0 md:top-[20%] xl:left-[10%] xl:top-[25%] scale-90">
     <svg
       xmlns="http://www.w3.org/2000/svg"
       width="64"
@@ -85,7 +85,7 @@ const subTitle: string =
         d="M10.5 19H9M15 19h-1.5"></path>
     </svg>
   </div>
-  <div class="absolute bottom-[15%] left-[35%] scale-[.6]">
+  <div class="absolute bottom-[5%] left-[60%] xl:bottom-[15%] xl:left-[35%] scale-[.6]">
     <svg
       xmlns="http://www.w3.org/2000/svg"
       width="64"
diff --git a/src/components/Meta.astro b/src/components/Meta.astro
index 65fa26e..63d5f78 100644
--- a/src/components/Meta.astro
+++ b/src/components/Meta.astro
@@ -10,15 +10,16 @@ const socialImage:string = "https://screw-fast.vercel.app/social.png"; // Replac
 ---
 
 <script type="application/ld+json">
-    {{
+    {
         "@context": "https://schema.org",
         "@type": "WebSite",
-        "name": title,
-        "url": URL,
-        "description": description
-    }}
+        "name": "ScrewFast",
+        "url": "https://screw-fast.vercel.app",
+        "description": "ScrewFast offers top-tier hardware tools and expert construction services to meet all your project needs. Start exploring and contact our sales team for superior quality and reliability."
+    }
 </script>
 
+
 <meta
         content={description}
         name="description"
diff --git a/src/components/ui/blocks/TabContent.astro b/src/components/ui/blocks/TabContent.astro
index 51e1353..4c285a3 100644
--- a/src/components/ui/blocks/TabContent.astro
+++ b/src/components/ui/blocks/TabContent.astro
@@ -35,5 +35,6 @@ Example:
     alt={alt}
     class={`${second ? "shadow-xl aspect-[5/4] bg-neutral-300 dark:bg-neutral-600 object-cover p-3 lg:aspect-auto shadow-neutral-200 rounded-xl dark:shadow-neutral-900/[.2]" : "shadow-xl aspect-[3/2] object-cover lg:aspect-auto shadow-neutral-200 rounded-xl dark:shadow-neutral-900/[.2]"}`}
     draggable={"false"}
+    format={"avif"}
   />
 </div>