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.
This commit is contained in:
Emil Gulamov 2024-02-13 06:19:17 +04:00
parent aa2662df78
commit 829d87be7c
4 changed files with 10 additions and 7 deletions

View file

@ -22,6 +22,7 @@ const subTitle: string =
alt="ScrewFast products in floating boxes" alt="ScrewFast products in floating boxes"
class="h-full w-full object-cover object-center" class="h-full w-full object-cover object-center"
draggable={"false"} draggable={"false"}
format={"avif"}
/> />
</div> </div>

View file

@ -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="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 <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width="64" width="64"
@ -85,7 +85,7 @@ const subTitle: string =
d="M10.5 19H9M15 19h-1.5"></path> d="M10.5 19H9M15 19h-1.5"></path>
</svg> </svg>
</div> </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 <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width="64" width="64"

View file

@ -10,15 +10,16 @@ const socialImage:string = "https://screw-fast.vercel.app/social.png"; // Replac
--- ---
<script type="application/ld+json"> <script type="application/ld+json">
{{ {
"@context": "https://schema.org", "@context": "https://schema.org",
"@type": "WebSite", "@type": "WebSite",
"name": title, "name": "ScrewFast",
"url": URL, "url": "https://screw-fast.vercel.app",
"description": description "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> </script>
<meta <meta
content={description} content={description}
name="description" name="description"

View file

@ -35,5 +35,6 @@ Example:
alt={alt} 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]"}`} 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"} draggable={"false"}
format={"avif"}
/> />
</div> </div>