jalil/achat-maison-albi-fr
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Update website configuration and improve UI

Browse source 
The website's configuration is updated with new site URL and vercelStatic adapter modified with image configuration. The UI is also enhanced, with color and aspect ratio adjustments in PricingSection and TabContent. Moreover, image sizes in ClientsSection are regularized.
This commit is contained in:
Emil Gulamov 2024-02-12 17:17:04 +04:00
parent 5e2a3f88b9
commit 9b5d157267
4 changed files with 21 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
astro.config.mjs
View file

@ -5,8 +5,13 @@ import sitemap from "@astrojs/sitemap";
// https://astro.build/config // https://astro.build/config
export default defineConfig({ export default defineConfig({
site: 'https://screwfast.uk', site: 'https://screw-fast.vercel.app',
integrations: [tailwind(), sitemap()], integrations: [tailwind(), sitemap()],
output: 'static', output: 'static',
adapter: vercelStatic(), adapter: vercelStatic({
imagesConfig: {
sizes: [400, 600, 800, 1000, 1200, 1600, 2000],
},
imageService: true,
}),
}); });

25
src/components/ClientsSection.astro
View file

@ -1,9 +1,10 @@
--- ---
/* `title` variable used to customise the heading. */ /* `title` variable used to customise the heading. */
const title:string = "Trusted by Industry Leaders"; const title: string = "Trusted by Industry Leaders";
/* `subTitle` variable used to customise the sub-heading text. */ /* `subTitle` variable used to customise the sub-heading text. */
const subTitle:string = "Experience the reliability chosen by industry giants."; const subTitle: string =
"Experience the reliability chosen by industry giants.";
/* /*
In the above, the title and subTitle attributes are variables part of the ClientsSection component. In the above, the title and subTitle attributes are variables part of the ClientsSection component.
@ -30,9 +31,8 @@ const subTitle:string = "Experience the reliability chosen by industry giants.";
<!-- Clients Group SVGs --> <!-- Clients Group SVGs -->
<!-- First --> <!-- First -->
<svg <svg
class="mx-auto h-auto w-auto py-3 sm:mx-0 lg:py-5" class="mx-auto h-auto w-24 py-3 sm:mx-0 md:w-32 lg:w-40 lg:py-5"
width="150" viewBox="0 0 150 38"
height="38"
fill="none" fill="none"
> >
<mask <mask
@ -2428,9 +2428,8 @@ const subTitle:string = "Experience the reliability chosen by industry giants.";
<!-- Second --> <!-- Second -->
<svg <svg
class="mx-auto h-auto w-auto py-3 sm:mx-0 lg:py-5" class="mx-auto h-auto w-24 py-3 sm:mx-0 md:w-32 lg:w-40 lg:py-5"
width="150" viewBox="0 0 150 40"
height="40"
fill="none" fill="none"
> >
<path <path
@ -2456,9 +2455,8 @@ const subTitle:string = "Experience the reliability chosen by industry giants.";
<!-- Third --> <!-- Third -->
<svg <svg
class="mx-auto h-auto w-auto py-3 sm:mx-0 lg:py-5" class="mx-auto h-auto w-24 py-3 sm:mx-0 md:w-32 lg:w-40 lg:py-5"
width="150" viewBox="0 0 150 39"
height="39"
fill="none" fill="none"
> >
<g clip-path="url(#a)"> <g clip-path="url(#a)">
@ -2494,9 +2492,8 @@ const subTitle:string = "Experience the reliability chosen by industry giants.";
<!-- Fourth --> <!-- Fourth -->
<svg <svg
class="mx-auto h-auto w-auto py-3 sm:mx-0 lg:py-5" class="mx-auto h-auto w-24 py-3 sm:mx-0 md:w-32 lg:w-40 lg:py-5"
width="83" viewBox="0 0 150 42"
height="42"
fill="none" fill="none"
> >
<path <path

2
src/components/PricingSection.astro
View file

@ -147,7 +147,7 @@ const professionalToolbox: Product = {
<span class="text-6xl font-bold text-neutral-200" <span class="text-6xl font-bold text-neutral-200"
>{professionalToolbox.price}</span >{professionalToolbox.price}</span
> >
<span class="text-lg font-bold text-neutral-300" <span class="text-lg font-bold text-orange-100"
>{professionalToolbox.cents}</span >{professionalToolbox.cents}</span
> >
<span class="ms-3 text-orange-200" <span class="ms-3 text-orange-200"

2
src/components/ui/blocks/TabContent.astro
View file

@ -33,7 +33,7 @@ Example:
<Image <Image
src={src} src={src}
alt={alt} alt={alt}
class={`${second ? "shadow-xl aspect-[5/3] 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"}
/> />
</div> </div>