From 2ffd64da989a32b9996d2dc0ba1485ab13610fc5 Mon Sep 17 00:00:00 2001 From: Arina Yakovenko Date: Mon, 2 Jun 2025 16:03:54 +0200 Subject: [PATCH] main pages/styles --- assets/main.css | 15 ++- components/ButtonArrow.vue | 7 +- components/FooterBlock.vue | 8 +- components/HeaderBlock.vue | 104 +++++++++++++----- components/ThemeSwitcher.vue | 28 +++-- components/section/main-page/MainBlocks.vue | 59 ++++++++++ components/section/main-page/MainHero.vue | 56 +++++----- components/section/main-page/MainProducts.vue | 82 ++++++++++++++ layouts/default.vue | 2 +- public/favicon.ico | Bin 4286 -> 0 bytes public/header-hero-desc.png | Bin 849107 -> 0 bytes public/header-hero.png | Bin 508112 -> 0 bytes public/pics.png | Bin 0 -> 50577 bytes public/robots.txt | 2 - stores/menuStore.ts | 14 +-- stores/store.ts | 11 ++ 16 files changed, 301 insertions(+), 87 deletions(-) create mode 100644 components/section/main-page/MainBlocks.vue create mode 100644 components/section/main-page/MainProducts.vue delete mode 100644 public/favicon.ico delete mode 100644 public/header-hero-desc.png delete mode 100644 public/header-hero.png create mode 100644 public/pics.png delete mode 100644 public/robots.txt diff --git a/assets/main.css b/assets/main.css index 9ceea97..77dd73c 100644 --- a/assets/main.css +++ b/assets/main.css @@ -18,10 +18,13 @@ --color-bg-block: #E8E7E0; + --color-accent-green: #004F3D; + /* button */ --color-button: #9a7f62; --color-button-hover: #b7946d; --color-button-disabled: #c5c5c5; + --color-button-white: #E8E7E0; } @layer utilities { @@ -29,12 +32,20 @@ @apply font-bounded text-[24px] leading-[140%] font-bold uppercase md:text-[48px] xl:text-[64px]; } - .h4-uppercase { + .h2-bold-bounded { + @apply font-bounded text-[24px] leading-[80%] font-bold sm:text-[36px] md:text-[40px]; + } + + .h4-uppercase-bold-inter { @apply font-inter text-base leading-[150%] font-bold uppercase sm:text-[20px] md:text-[24px]; } .text-inter { - @apply font-inter text-sm sm:text-lg; + @apply font-inter text-sm sm:text-lg leading-[150%]; + } + + .text-bold-24 { + @apply font-inter text-[17px] sm:text-[21px] md:text-2xl leading-[150%] font-bold; } } diff --git a/components/ButtonArrow.vue b/components/ButtonArrow.vue index a3d28b7..480e881 100644 --- a/components/ButtonArrow.vue +++ b/components/ButtonArrow.vue @@ -1,11 +1,12 @@