From 8c0481ac1dc6b89ac82229d3220be5e8b735781a Mon Sep 17 00:00:00 2001 From: romanmyko Date: Fri, 2 Aug 2024 14:39:25 +0300 Subject: [PATCH 01/12] Company Card opacity: 0.7 --- FrontEnd/package-lock.json | 2 +- FrontEnd/package.json | 2 +- FrontEnd/src/components/CompanyCard/CompanyCard.module.css | 2 -- 3 files changed, 2 insertions(+), 4 deletions(-) diff --git a/FrontEnd/package-lock.json b/FrontEnd/package-lock.json index a8a9cb8ef..5b382f25d 100644 --- a/FrontEnd/package-lock.json +++ b/FrontEnd/package-lock.json @@ -25,7 +25,7 @@ "react-hook-form": "^7.45.4", "react-router-dom": "^6.22.3", "react-router-hash-link": "^2.4.3", - "react-scripts": "5.0.1", + "react-scripts": "^5.0.1", "react-timer-hook": "^3.0.7", "react-toastify": "^9.1.3", "swr": "^2.2.2", diff --git a/FrontEnd/package.json b/FrontEnd/package.json index f7c90ddea..07b6d1d22 100644 --- a/FrontEnd/package.json +++ b/FrontEnd/package.json @@ -26,7 +26,7 @@ "react-hook-form": "^7.45.4", "react-router-dom": "^6.22.3", "react-router-hash-link": "^2.4.3", - "react-scripts": "5.0.1", + "react-scripts": "^5.0.1", "react-timer-hook": "^3.0.7", "react-toastify": "^9.1.3", "swr": "^2.2.2", diff --git a/FrontEnd/src/components/CompanyCard/CompanyCard.module.css b/FrontEnd/src/components/CompanyCard/CompanyCard.module.css index 44a38ae2f..96282e2d5 100644 --- a/FrontEnd/src/components/CompanyCard/CompanyCard.module.css +++ b/FrontEnd/src/components/CompanyCard/CompanyCard.module.css @@ -33,7 +33,6 @@ margin-top: 80px; margin-left: 125px; object-fit: cover; - opacity: 0.7; } .company-card__tooltip { @@ -48,7 +47,6 @@ border-top-right-radius: 11px; flex-shrink: 0; object-fit: cover; - opacity: 0.7; } .company-card__text-block { From 63549303c5e947da9990ef4999e732c648aa1462 Mon Sep 17 00:00:00 2001 From: romanmyko Date: Fri, 2 Aug 2024 15:47:58 +0300 Subject: [PATCH 02/12] About Cards map text.js --- .../about-section/cards/AboutCards.css | 1 + .../about-section/cards/AboutCards.jsx | 51 ++++------------- .../landing-page/about-section/cards/text.js | 57 +++++++++++++++++++ 3 files changed, 70 insertions(+), 39 deletions(-) create mode 100644 FrontEnd/src/components/landing-page/about-section/cards/text.js diff --git a/FrontEnd/src/components/landing-page/about-section/cards/AboutCards.css b/FrontEnd/src/components/landing-page/about-section/cards/AboutCards.css index ce2898850..f08d03635 100644 --- a/FrontEnd/src/components/landing-page/about-section/cards/AboutCards.css +++ b/FrontEnd/src/components/landing-page/about-section/cards/AboutCards.css @@ -79,6 +79,7 @@ line-height: 20px; /* 125% */ letter-spacing: -0.16px; position: absolute; + text-transform: uppercase; } .about-us-cards-section__cards-content__text { diff --git a/FrontEnd/src/components/landing-page/about-section/cards/AboutCards.jsx b/FrontEnd/src/components/landing-page/about-section/cards/AboutCards.jsx index df5c2a4d1..f6d4bea2c 100644 --- a/FrontEnd/src/components/landing-page/about-section/cards/AboutCards.jsx +++ b/FrontEnd/src/components/landing-page/about-section/cards/AboutCards.jsx @@ -1,50 +1,23 @@ import './AboutCards.css'; +import AboutUsText from './text.js'; const AboutSectionCards = () => { return (
-
ЧОМУ ВАРТО
+

{AboutUsText.title}

-
-
-
- - + {AboutUsText.content.map((card, index) => ( +
+
+
+ + +
+

{card.title}

+

{card.text}

-
ЕКСПЕРТНІСТЬ
-
Спілкування з провідними експертами і практиками ексклюзивна.
-
-
-
-
- - -
-
ПРАКТИЧНІСТЬ
-
Практична інформація від представників галузей.
-
-
-
-
-
- - -
-
НОВІ КОНТАКТИ
-
Нові ділові контакти та переговори презентація Вашого бренду, компанії, рішень і послуг.
-
-
-
-
-
- - -
-
ОБМІН
-
Обмін практичними напрацюваннями та досвідом.
-
-
+ ))}
); diff --git a/FrontEnd/src/components/landing-page/about-section/cards/text.js b/FrontEnd/src/components/landing-page/about-section/cards/text.js new file mode 100644 index 000000000..dcc8a8812 --- /dev/null +++ b/FrontEnd/src/components/landing-page/about-section/cards/text.js @@ -0,0 +1,57 @@ +const AboutUsText = { + id: 1, + title: 'ЧОМУ ВАРТО', + level: 2, + content: [ + { + id: 2, + type: 'paragraph__margin_bottom', + level: 2, + logo: 'expert.svg', + title: 'Прямий зв\'язок з виробниками', + text: 'Знайомтеся з історією та цінностями брендів.' + }, + { + id: 3, + type: 'paragraph__margin_bottom', + level: 2, + logo: 'info.svg', + title: 'Ексклюзивні пропозиції', + text: 'Знаходьте унікальні продукти, недоступні в масовому продажі.' + }, + { + id: 4, + type: 'paragraph__margin_bottom', + level: 2, + logo: 'contacts.svg', + title: 'Інновації та тренди', + text: 'Будьте в курсі останніх новинок та технологій галузі.' + }, + { + id: 5, + type: 'paragraph__margin_bottom', + level: 2, + logo: 'contacts.svg', + title: 'Співпраця та синергія', + text: 'Об\'єднуйтесь, щоб творити нове та ділитися досвідом.' + }, + { + id: 6, + type: 'paragraph__margin_bottom', + level: 2, + logo: 'contacts.svg', + title: 'Розвиток та масштабування', + text: 'Знаходьте нових партнерів, клієнтів та ринки збуту.' + }, + { + id: 7, + type: 'paragraph__margin_bottom', + level: 2, + logo: 'exchange.svg', + title: 'Підтримка та знання', + text: 'Отримуйте консультації, експертну допомогу та доступ до освітніх ресурсів.' + }, + ], +}; + +export default AboutUsText; \ No newline at end of file From f1e659a2ae7c83dba761f18522b7221fa1e1d108 Mon Sep 17 00:00:00 2001 From: romanmyko Date: Fri, 2 Aug 2024 18:04:28 +0300 Subject: [PATCH 03/12] About Text map text.js --- FrontEnd/public/img/dots_10x12.png | Bin 0 -> 5180 bytes .../about-section/about-text/AboutText.css | 58 ++--------- .../about-section/about-text/AboutText.jsx | 97 +++++------------- .../about-section/about-text/text.js | 49 +++++++++ .../landing-page/about-section/cards/text.js | 12 --- 5 files changed, 86 insertions(+), 130 deletions(-) create mode 100644 FrontEnd/public/img/dots_10x12.png create mode 100644 FrontEnd/src/components/landing-page/about-section/about-text/text.js diff --git a/FrontEnd/public/img/dots_10x12.png b/FrontEnd/public/img/dots_10x12.png new file mode 100644 index 0000000000000000000000000000000000000000..152a61efa5971a5d21f02dd4ba9ce2d7fc5ff011 GIT binary patch literal 5180 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 { - return ( -
-
-
ДЛЯ КОГО
-
- Об’єднання представників найрізноманітніших галузей для пошуку інноваційних рішень проблемних питань, -
перспектив співпраці з прогресивними учасниками еко середовища галузі, зокрема з технологічними парками, -
з можливостями доступу до інвестиційних програм та інноваційних пропозицій. -
-
-
- виробників крафтової продукції у сфері виноробства, -
- сироваріння, медоваріння тощо; -
- сомельє та рестораторів; -
- представників готельно-ресторанного бізнесу; -
- представників роздрібних та гуртових торгових мереж; -
-
- представників пакувальної індустрії; -
- представників логістичних компаній та служб доставки; -
- стартаперів у сфері виноробства, сироваріння, -
- медоваріння та інших супутніх галузей; -
- інших фахівців галузі. -
-
-
-
-
- - - - - - -
-
- - - - - - -
-
- - - - - - -
-
- - - - - - -
-
+ const renderParagraphs = (paragraphNumber) => { + return AboutText.content + .filter(item => item.paragraph === paragraphNumber) + .map((item, index) => ( +
  • {item.text}
    • + )); + }; + + return ( +
    +
    +
    {AboutText.title}
    +
    +
      + {renderParagraphs(1)} +
    +
    + {renderParagraphs(2)}
    - ); +
    +
    + dots.png +
    + ); }; export default AboutSectionText; + diff --git a/FrontEnd/src/components/landing-page/about-section/about-text/text.js b/FrontEnd/src/components/landing-page/about-section/about-text/text.js new file mode 100644 index 000000000..a40b8db3f --- /dev/null +++ b/FrontEnd/src/components/landing-page/about-section/about-text/text.js @@ -0,0 +1,49 @@ +const AboutText = { + id: 1, + title: 'ДЛЯ КОГО', + level: 2, + content: [ + { + id: 2, + paragraph: 1, + text: 'Виробники крафтової продукції: винороби, сировари, медовари та інші майстри своєї справи.' + }, + { + id: 3, + paragraph: 1, + text: 'Сомельє та ресторатори: знавці, які прагнуть до нових смаків та ексклюзивних продуктів.' + }, + { + id: 4, + paragraph: 1, + text: 'Представники готельно-ресторанного бізнесу: шукаєте унікальні пропозиції для своїх гостей?' + }, + { + id: 5, + paragraph: 1, + text: 'Представники роздрібних та гуртових торгових мереж: розширюйте асортимент крафтовими делікатесами.' + }, + { + id: 6, + paragraph: 2, + text: 'Представники пакувальної індустрії: знаходьте нових клієнтів та партнерів.' + }, + { + id: 7, + paragraph: 2, + text: 'Представники логістичних компаній та служб доставки: пропонуйте еко-рішення для крафтового бізнесу.' + }, + { + id: 8, + paragraph: 2, + text: 'Стартапери: втілюйте свої ідеї у життя за підтримки спільноти.' + }, + { + id: 9, + paragraph: 2, + text: 'Інші фахівці галузі: ділитися досвідом, знаннями та знаходити однодумців.' + }, + ], +}; + +export default AboutText; \ No newline at end of file diff --git a/FrontEnd/src/components/landing-page/about-section/cards/text.js b/FrontEnd/src/components/landing-page/about-section/cards/text.js index dcc8a8812..049d38e78 100644 --- a/FrontEnd/src/components/landing-page/about-section/cards/text.js +++ b/FrontEnd/src/components/landing-page/about-section/cards/text.js @@ -5,48 +5,36 @@ const AboutUsText = { content: [ { id: 2, - type: 'paragraph__margin_bottom', - level: 2, logo: 'expert.svg', title: 'Прямий зв\'язок з виробниками', text: 'Знайомтеся з історією та цінностями брендів.' }, { id: 3, - type: 'paragraph__margin_bottom', - level: 2, logo: 'info.svg', title: 'Ексклюзивні пропозиції', text: 'Знаходьте унікальні продукти, недоступні в масовому продажі.' }, { id: 4, - type: 'paragraph__margin_bottom', - level: 2, logo: 'contacts.svg', title: 'Інновації та тренди', text: 'Будьте в курсі останніх новинок та технологій галузі.' }, { id: 5, - type: 'paragraph__margin_bottom', - level: 2, logo: 'contacts.svg', title: 'Співпраця та синергія', text: 'Об\'єднуйтесь, щоб творити нове та ділитися досвідом.' }, { id: 6, - type: 'paragraph__margin_bottom', - level: 2, logo: 'contacts.svg', title: 'Розвиток та масштабування', text: 'Знаходьте нових партнерів, клієнтів та ринки збуту.' }, { id: 7, - type: 'paragraph__margin_bottom', - level: 2, logo: 'exchange.svg', title: 'Підтримка та знання', text: 'Отримуйте консультації, експертну допомогу та доступ до освітніх ресурсів.' From 859376f167e746623a9ea0c2722ec99b2d86db5b Mon Sep 17 00:00:00 2001 From: romanmyko Date: Fri, 2 Aug 2024 18:29:18 +0300 Subject: [PATCH 04/12] About Us main block text --- .../landing-page/about-section/About.css | 8 ++--- .../landing-page/about-section/About.jsx | 34 ++++++++++++------- 2 files changed, 26 insertions(+), 16 deletions(-) diff --git a/FrontEnd/src/components/landing-page/about-section/About.css b/FrontEnd/src/components/landing-page/about-section/About.css index f464bc01a..113db5059 100644 --- a/FrontEnd/src/components/landing-page/about-section/About.css +++ b/FrontEnd/src/components/landing-page/about-section/About.css @@ -5,12 +5,12 @@ } .about-us-section-content { width: var(--main-block-size); - height: 366px; + height: 522px; } .about-us-section-content__field { display: flex; width: 580px; - height: 246px; + height: 522px; flex-direction: column; align-items: flex-start; gap: 24px; @@ -19,7 +19,7 @@ } .about-us-rectangle { width: var(--main-block-size); - height: 366px; + height: 522px; flex-shrink: 0; background: #0B6C61; position: absolute; @@ -53,7 +53,7 @@ } .about-us-section-content__image { width: 749px; - height: 366px; + height: 522px; flex-shrink: 0; position: absolute; top: 0; diff --git a/FrontEnd/src/components/landing-page/about-section/About.jsx b/FrontEnd/src/components/landing-page/about-section/About.jsx index 21f771c8b..e5a2eaf1e 100644 --- a/FrontEnd/src/components/landing-page/about-section/About.jsx +++ b/FrontEnd/src/components/landing-page/about-section/About.jsx @@ -9,19 +9,28 @@ const MainAboutSection = () => {
    -
    -
    ХТО МИ
    -
    - Це перший форум Західної України, цілями якого є популяризація - українського виробника та представлення стартапів для розвитку - галузі «Smart Craft&Food» -
    -
    - Це перший форум Західної України, цілями якого є популяризація - українського виробника та представлення стартапів для розвитку - галузі «Smart Craft&Food» -
    +

    ХТО МИ

    +

    + CraftMerge - перший форум Західної України, який створений у + співпраці з Національним університетом «Львівська політехніка». Наша + місія - не лише об`єднання українських виробників та стартапів, а й + відкриття нових перспектив у виробничій галузі. +

    +

    + CraftMerge - це не лише платформа для обміну досвідом та ідеями, але + й комунікаційний майданчик для обговорення актуальних тенденцій та + передових технологій. +

    +

    + Учасники форуму отримають можливість не лише обмінятися досвідом + та ідеями, але й ознайомитися з найсучаснішими рішеннями + виробництва крафтової продукції. Ми створили CraftMerge , щоб + допомогти українським виробникам збільшити свою популярність та + впізнаваність, розширити аудиторію споживачів та залучити нових + клієнтів. Приєднуйтеся до нашого форуму та розвивайте свій бізнес + разом з нами! +

    { }; export default MainAboutSection; + From 64d93359850829bfb082b338a1f416e3804db0d4 Mon Sep 17 00:00:00 2001 From: romanmyko Date: Fri, 2 Aug 2024 18:54:02 +0300 Subject: [PATCH 05/12] About Us main block map text --- .../landing-page/about-section/About.css | 2 +- .../landing-page/about-section/About.jsx | 39 ++++++++----------- .../about-section/AboutMainText.js | 13 +++++++ 3 files changed, 30 insertions(+), 24 deletions(-) create mode 100644 FrontEnd/src/components/landing-page/about-section/AboutMainText.js diff --git a/FrontEnd/src/components/landing-page/about-section/About.css b/FrontEnd/src/components/landing-page/about-section/About.css index 113db5059..f38ba6898 100644 --- a/FrontEnd/src/components/landing-page/about-section/About.css +++ b/FrontEnd/src/components/landing-page/about-section/About.css @@ -25,7 +25,7 @@ position: absolute; } .about-us-section-content__text { - padding: 80px 104px; + padding: 80px 0 0 104px; display: inline-flex; flex-direction: column; align-items: flex-start; diff --git a/FrontEnd/src/components/landing-page/about-section/About.jsx b/FrontEnd/src/components/landing-page/about-section/About.jsx index e5a2eaf1e..aa6a624f3 100644 --- a/FrontEnd/src/components/landing-page/about-section/About.jsx +++ b/FrontEnd/src/components/landing-page/about-section/About.jsx @@ -1,6 +1,7 @@ import './About.css'; import AboutSectionCards from './cards/AboutCards'; import AboutSectionText from './about-text/AboutText'; +import AboutTextContent from './AboutMainText'; const MainAboutSection = () => { return ( @@ -9,29 +10,21 @@ const MainAboutSection = () => {
    -
    -

    ХТО МИ

    -

    - CraftMerge - перший форум Західної України, який створений у - співпраці з Національним університетом «Львівська політехніка». Наша - місія - не лише об`єднання українських виробників та стартапів, а й - відкриття нових перспектив у виробничій галузі. -

    -

    - CraftMerge - це не лише платформа для обміну досвідом та ідеями, але - й комунікаційний майданчик для обговорення актуальних тенденцій та - передових технологій. -

    -

    - Учасники форуму отримають можливість не лише обмінятися досвідом - та ідеями, але й ознайомитися з найсучаснішими рішеннями - виробництва крафтової продукції. Ми створили CraftMerge , щоб - допомогти українським виробникам збільшити свою популярність та - впізнаваність, розширити аудиторію споживачів та залучити нових - клієнтів. Приєднуйтеся до нашого форуму та розвивайте свій бізнес - разом з нами! -

    -
    + {AboutTextContent.map((section) => ( +
    +

    {section.header}

    + {section.paragraphs.map((paragraph, index) => ( +

    + {paragraph.split('CraftMerge').map((part, i, arr) => ( + <> + {part} + {i < arr.length - 1 && CraftMerge} + + ))} +

    + ))} +
    + ))} Date: Sat, 3 Aug 2024 11:26:17 +0300 Subject: [PATCH 06/12] css v1 + --- FrontEnd/public/index.html | 2 +- .../landing-page/about-section/About.css | 10 +++-- .../landing-page/about-section/About.jsx | 2 +- .../about-section/AboutMainText.js | 19 +++++++-- .../about-section/about-text/AboutText.css | 6 +-- .../about-section/about-text/AboutText.jsx | 2 +- .../about-section/cards/AboutCards.jsx | 40 +++++++++++-------- 7 files changed, 52 insertions(+), 29 deletions(-) diff --git a/FrontEnd/public/index.html b/FrontEnd/public/index.html index 94612301e..8d28c3d82 100644 --- a/FrontEnd/public/index.html +++ b/FrontEnd/public/index.html @@ -8,7 +8,7 @@ - Forum + CraftMerge diff --git a/FrontEnd/src/components/landing-page/about-section/About.css b/FrontEnd/src/components/landing-page/about-section/About.css index f38ba6898..3a3e7f790 100644 --- a/FrontEnd/src/components/landing-page/about-section/About.css +++ b/FrontEnd/src/components/landing-page/about-section/About.css @@ -1,16 +1,17 @@ .about-us-section { + width: var(--main-block-size); display: flex; flex-direction: column; align-items: flex-start; } .about-us-section-content { width: var(--main-block-size); - height: 522px; + height: 542px; } .about-us-section-content__field { display: flex; width: 580px; - height: 522px; + height: 542px; flex-direction: column; align-items: flex-start; gap: 24px; @@ -19,13 +20,14 @@ } .about-us-rectangle { width: var(--main-block-size); - height: 522px; + height: 542px; flex-shrink: 0; background: #0B6C61; position: absolute; } .about-us-section-content__text { padding: 80px 0 0 104px; + height: 402px; display: inline-flex; flex-direction: column; align-items: flex-start; @@ -53,7 +55,7 @@ } .about-us-section-content__image { width: 749px; - height: 522px; + height: 542px; flex-shrink: 0; position: absolute; top: 0; diff --git a/FrontEnd/src/components/landing-page/about-section/About.jsx b/FrontEnd/src/components/landing-page/about-section/About.jsx index aa6a624f3..80404f9eb 100644 --- a/FrontEnd/src/components/landing-page/about-section/About.jsx +++ b/FrontEnd/src/components/landing-page/about-section/About.jsx @@ -14,7 +14,7 @@ const MainAboutSection = () => {

    {section.header}

    {section.paragraphs.map((paragraph, index) => ( -

    +

    {paragraph.split('CraftMerge').map((part, i, arr) => ( <> {part} diff --git a/FrontEnd/src/components/landing-page/about-section/AboutMainText.js b/FrontEnd/src/components/landing-page/about-section/AboutMainText.js index c12a7164d..838c0f645 100644 --- a/FrontEnd/src/components/landing-page/about-section/AboutMainText.js +++ b/FrontEnd/src/components/landing-page/about-section/AboutMainText.js @@ -3,9 +3,22 @@ const AboutTextContent = [ id: 1, header: 'ХТО МИ', paragraphs: [ - 'CraftMerge - перший форум Західної України, який створений у співпраці з Національним університетом «Львівська політехніка». Наша місія - не лише об`єднання українських виробників та стартапів, а й відкриття нових перспектив у виробничій галузі.', - 'CraftMerge - це не лише платформа для обміну досвідом та ідеями, але й комунікаційний майданчик для обговорення актуальних тенденцій та передових технологій.', - 'Учасники форуму отримають можливість не лише обмінятися досвідом та ідеями, але й ознайомитися з найсучаснішими рішеннями виробництва крафтової продукції. Ми створили CraftMerge, щоб допомогти українським виробникам збільшити свою популярність та впізнаваність, розширити аудиторію споживачів та залучити нових клієнтів. Приєднуйтеся до нашого форуму та розвивайте свій бізнес разом з нами!' + 'CraftMerge - перший форум Західної України, який створений у ' + + 'співпраці з Національним університетом «Львівська політехніка». Наша ' + + 'місія - не лише об`єднання українських виробників та стартапів, а й ' + + 'відкриття нових перспектив у виробничій галузі.', + + 'CraftMerge - це не лише платформа для обміну досвідом та ідеями, але ' + + 'й комунікаційний майданчик для обговорення актуальних тенденцій та ' + + 'передових технологій.', + + 'Учасники форуму отримають можливість не лише обмінятися досвідом ' + + 'та ідеями, але й ознайомитися з найсучаснішими рішеннями ' + + 'виробництва крафтової продукції. Ми створили CraftMerge, щоб ' + + 'допомогти українським виробникам збільшити свою популярність та ' + + 'впізнаваність, розширити аудиторію споживачів та залучити нових ' + + 'клієнтів. Приєднуйтеся до нашого форуму та розвивайте свій бізнес ' + + 'разом з нами!' ] } ]; diff --git a/FrontEnd/src/components/landing-page/about-section/about-text/AboutText.css b/FrontEnd/src/components/landing-page/about-section/about-text/AboutText.css index 2164b530e..0e1cc5f3e 100644 --- a/FrontEnd/src/components/landing-page/about-section/about-text/AboutText.css +++ b/FrontEnd/src/components/landing-page/about-section/about-text/AboutText.css @@ -28,7 +28,7 @@ width: 971px; height: 62px; color: #292E32; - font-feature-settings: 'calt' off; + /* font-feature-settings: 'calt' off; */ font-family: var(--font-main); font-size: 16px; font-style: normal; @@ -79,8 +79,8 @@ .about-us-text-section__dots { width: 353px; height: 266px; - padding-top: 20px; - margin: 0 auto; + padding-top: 10px; + /* margin: 0 auto; */ object-fit: cover; position: absolute; transform: translateX(-50%); diff --git a/FrontEnd/src/components/landing-page/about-section/about-text/AboutText.jsx b/FrontEnd/src/components/landing-page/about-section/about-text/AboutText.jsx index 31486d78f..11e0efd86 100644 --- a/FrontEnd/src/components/landing-page/about-section/about-text/AboutText.jsx +++ b/FrontEnd/src/components/landing-page/about-section/about-text/AboutText.jsx @@ -25,7 +25,7 @@ const AboutSectionText = () => {

    dots.png + alt="dots_10x12.png" />
    ); }; diff --git a/FrontEnd/src/components/landing-page/about-section/cards/AboutCards.jsx b/FrontEnd/src/components/landing-page/about-section/cards/AboutCards.jsx index f6d4bea2c..8351a1066 100644 --- a/FrontEnd/src/components/landing-page/about-section/cards/AboutCards.jsx +++ b/FrontEnd/src/components/landing-page/about-section/cards/AboutCards.jsx @@ -2,25 +2,33 @@ import './AboutCards.css'; import AboutUsText from './text.js'; const AboutSectionCards = () => { - return ( -
    -

    {AboutUsText.title}

    -
    - {AboutUsText.content.map((card, index) => ( -
    -
    -
    - - -
    -

    {card.title}

    -

    {card.text}

    + return ( +
    +

    {AboutUsText.title}

    +
    + {AboutUsText.content.map((card, index) => ( +
    +
    +
    + About us cards + Logo
    +

    {card.title}

    +

    {card.text}

    - ))} -
    +
    + ))}
    - ); +
    + ); }; export default AboutSectionCards; From 0f0528df482f855988b5ff2a300e397adbc53203 Mon Sep 17 00:00:00 2001 From: romanmyko Date: Sat, 3 Aug 2024 11:40:47 +0300 Subject: [PATCH 07/12] text main baner --- FrontEnd/src/components/landing-page/banner/Banner.jsx | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/FrontEnd/src/components/landing-page/banner/Banner.jsx b/FrontEnd/src/components/landing-page/banner/Banner.jsx index d10e32b7d..fa5172a1d 100644 --- a/FrontEnd/src/components/landing-page/banner/Banner.jsx +++ b/FrontEnd/src/components/landing-page/banner/Banner.jsx @@ -23,11 +23,11 @@ const MainBanner = (props) => {
    -
    - Це унікальний майданчик
    - для обміну інформацією і досвідом з тими, хто втілює свої ідеї в - життя. -
    +

    + CRAFTMERGE - обʼєднуємо
    + крафтових виробників та
    + інноваторів +

    {!props.isAuthorized ? (
    From 3d13de2e70e4c21f316c09189deb4a9ee354a610 Mon Sep 17 00:00:00 2001 From: romanmyko Date: Sat, 3 Aug 2024 16:37:42 +0300 Subject: [PATCH 08/12] add in about.jsx React.Fragment and changed text format --- .../landing-page/about-section/About.jsx | 34 +++++++------- .../about-section/AboutMainText.js | 47 ++++++++++--------- .../components/landing-page/banner/Banner.jsx | 12 ++--- 3 files changed, 48 insertions(+), 45 deletions(-) diff --git a/FrontEnd/src/components/landing-page/about-section/About.jsx b/FrontEnd/src/components/landing-page/about-section/About.jsx index 80404f9eb..6a934d579 100644 --- a/FrontEnd/src/components/landing-page/about-section/About.jsx +++ b/FrontEnd/src/components/landing-page/about-section/About.jsx @@ -1,7 +1,8 @@ import './About.css'; +import React from 'react'; import AboutSectionCards from './cards/AboutCards'; import AboutSectionText from './about-text/AboutText'; -import AboutTextContent from './AboutMainText'; +import AboutTextContent from './AboutMainText.js'; const MainAboutSection = () => { return ( @@ -10,25 +11,23 @@ const MainAboutSection = () => {
    - {AboutTextContent.map((section) => ( -
    -

    {section.header}

    - {section.paragraphs.map((paragraph, index) => ( -

    - {paragraph.split('CraftMerge').map((part, i, arr) => ( - <> - {part} - {i < arr.length - 1 && CraftMerge} - - ))} -

    - ))} -
    - ))} +
    +

    {AboutTextContent.header}

    + {AboutTextContent.contents.map((content) => ( +

    + {content.text.split('CraftMerge').map((part, i, arr) => ( + + {part} + {i < arr.length - 1 && CraftMerge} + + ))} +

    + ))} +
    @@ -37,4 +36,3 @@ const MainAboutSection = () => { }; export default MainAboutSection; - diff --git a/FrontEnd/src/components/landing-page/about-section/AboutMainText.js b/FrontEnd/src/components/landing-page/about-section/AboutMainText.js index 838c0f645..8c3a60c19 100644 --- a/FrontEnd/src/components/landing-page/about-section/AboutMainText.js +++ b/FrontEnd/src/components/landing-page/about-section/AboutMainText.js @@ -1,26 +1,31 @@ -const AboutTextContent = [ - { +const AboutTextContent = { id: 1, header: 'ХТО МИ', - paragraphs: [ - 'CraftMerge - перший форум Західної України, який створений у ' + - 'співпраці з Національним університетом «Львівська політехніка». Наша ' + - 'місія - не лише об`єднання українських виробників та стартапів, а й ' + - 'відкриття нових перспектив у виробничій галузі.', - - 'CraftMerge - це не лише платформа для обміну досвідом та ідеями, але ' + - 'й комунікаційний майданчик для обговорення актуальних тенденцій та ' + - 'передових технологій.', - - 'Учасники форуму отримають можливість не лише обмінятися досвідом ' + - 'та ідеями, але й ознайомитися з найсучаснішими рішеннями ' + - 'виробництва крафтової продукції. Ми створили CraftMerge, щоб ' + - 'допомогти українським виробникам збільшити свою популярність та ' + - 'впізнаваність, розширити аудиторію споживачів та залучити нових ' + - 'клієнтів. Приєднуйтеся до нашого форуму та розвивайте свій бізнес ' + - 'разом з нами!' + contents: [ + { + id: 3, + text: 'CraftMerge - перший форум Західної України, який створений у ' + + 'співпраці з Національним університетом «Львівська політехніка». Наша ' + + 'місія - не лише об`єднання українських виробників та стартапів, а й ' + + 'відкриття нових перспектив у виробничій галузі.' + }, + { + id: 4, + text: 'CraftMerge - це не лише платформа для обміну досвідом та ідеями, але ' + + 'й комунікаційний майданчик для обговорення актуальних тенденцій та ' + + 'передових технологій.' + }, + { + id: 5, + text: 'Учасники форуму отримають можливість не лише обмінятися досвідом ' + + 'та ідеями, але й ознайомитися з найсучаснішими рішеннями ' + + 'виробництва крафтової продукції. Ми створили CraftMerge, щоб ' + + 'допомогти українським виробникам збільшити свою популярність та ' + + 'впізнаваність, розширити аудиторію споживачів та залучити нових ' + + 'клієнтів. Приєднуйтеся до нашого форуму та розвивайте свій бізнес ' + + 'разом з нами!' + } ] - } -]; + }; export default AboutTextContent; diff --git a/FrontEnd/src/components/landing-page/banner/Banner.jsx b/FrontEnd/src/components/landing-page/banner/Banner.jsx index fa5172a1d..d8a98f5c4 100644 --- a/FrontEnd/src/components/landing-page/banner/Banner.jsx +++ b/FrontEnd/src/components/landing-page/banner/Banner.jsx @@ -60,17 +60,17 @@ const MainBanner = (props) => {
    @@ -78,7 +78,7 @@ const MainBanner = (props) => {
    @@ -102,7 +102,7 @@ const MainBanner = (props) => {
    @@ -114,7 +114,7 @@ const MainBanner = (props) => {
    From 75d5ef8ae481715997b88f1a304625e52479afc4 Mon Sep 17 00:00:00 2001 From: romanmyko Date: Sun, 4 Aug 2024 10:03:09 +0300 Subject: [PATCH 09/12] in about.jsx changed format structure code --- .../landing-page/about-section/About.jsx | 20 +++++++++++-------- 1 file changed, 12 insertions(+), 8 deletions(-) diff --git a/FrontEnd/src/components/landing-page/about-section/About.jsx b/FrontEnd/src/components/landing-page/about-section/About.jsx index 6a934d579..150b2f094 100644 --- a/FrontEnd/src/components/landing-page/about-section/About.jsx +++ b/FrontEnd/src/components/landing-page/about-section/About.jsx @@ -5,6 +5,14 @@ import AboutSectionText from './about-text/AboutText'; import AboutTextContent from './AboutMainText.js'; const MainAboutSection = () => { + const TextStrong = (text, keyword) => + text.split(keyword).map((part, i, arr) => ( + + {part} + {i < arr.length - 1 && {keyword}} + + )); + return (
    @@ -13,14 +21,9 @@ const MainAboutSection = () => {

    {AboutTextContent.header}

    - {AboutTextContent.contents.map((content) => ( -

    - {content.text.split('CraftMerge').map((part, i, arr) => ( - - {part} - {i < arr.length - 1 && CraftMerge} - - ))} + {AboutTextContent.contents.map(({ id, text }) => ( +

    + {TextStrong(text, 'CraftMerge')}

    ))}
    @@ -36,3 +39,4 @@ const MainAboutSection = () => { }; export default MainAboutSection; + From d604cbee358a04249a00d96fda5901bed0ce1bf8 Mon Sep 17 00:00:00 2001 From: romanmyko Date: Sun, 4 Aug 2024 11:41:38 +0300 Subject: [PATCH 10/12] global styles about and baner v1.0.0 --- .../landing-page/about-section/About.css | 6 +++--- .../about-section/about-text/AboutText.css | 19 +++++++++---------- .../about-section/cards/AboutCards.css | 10 +++++----- .../components/landing-page/banner/Banner.css | 16 ++++++++-------- FrontEnd/src/global.css | 15 +++++++++++++++ 5 files changed, 40 insertions(+), 26 deletions(-) diff --git a/FrontEnd/src/components/landing-page/about-section/About.css b/FrontEnd/src/components/landing-page/about-section/About.css index 3a3e7f790..b0985c147 100644 --- a/FrontEnd/src/components/landing-page/about-section/About.css +++ b/FrontEnd/src/components/landing-page/about-section/About.css @@ -22,7 +22,7 @@ width: var(--main-block-size); height: 542px; flex-shrink: 0; - background: #0B6C61; + background: var(--about-as-background-color); position: absolute; } .about-us-section-content__text { @@ -34,7 +34,7 @@ gap: 24px; } .about-us-section-content__header-text { - color: #FFF; + color: var(--about-as-font-color); font-family: var(--font-main); font-size: 32px; font-style: normal; @@ -43,7 +43,7 @@ } .about-us-section-content__smart-text { width: 567px; - color: #FFF; + color: var(--about-as-font-color); font-feature-settings: 'calt' off; font-family: var(--font-main); font-size: 16px; diff --git a/FrontEnd/src/components/landing-page/about-section/about-text/AboutText.css b/FrontEnd/src/components/landing-page/about-section/about-text/AboutText.css index 0e1cc5f3e..ed2dd67bc 100644 --- a/FrontEnd/src/components/landing-page/about-section/about-text/AboutText.css +++ b/FrontEnd/src/components/landing-page/about-section/about-text/AboutText.css @@ -4,7 +4,7 @@ flex-direction: column; align-items: flex-start; gap: 80px; - background: #FFF; + background: var(--about-text-background-color); overflow: hidden; } .about-us-text-section__text-field { @@ -16,8 +16,8 @@ z-index: 1; } .about-us-text-section__header-text { - width: 971px; - color: #292E32; + width: 990px; + color: var(--about-text-font-color); font-family: var(--font-main); font-size: 32px; font-style: normal; @@ -27,8 +27,8 @@ .about-us-text-section__text { width: 971px; height: 62px; - color: #292E32; - /* font-feature-settings: 'calt' off; */ + color: var(--about-text-font-color); + font-feature-settings: 'calt' off; font-family: var(--font-main); font-size: 16px; font-style: normal; @@ -48,7 +48,7 @@ align-self: flex-start; width: 466px; flex-shrink: 0; - color: #292E32; + color: var(--about-text-font-color); font-feature-settings: 'calt' off; font-family: var(--font-main); font-size: 16px; @@ -61,7 +61,7 @@ .about-us-text-section__paragraph-two { width: 489px; flex-shrink: 0; - color: #292E32; + color: var(--about-text-font-color); font-feature-settings: 'calt' off; font-family: var(--font-main); font-size: 16px; @@ -78,9 +78,8 @@ .about-us-text-section__dots { width: 353px; - height: 266px; - padding-top: 10px; - /* margin: 0 auto; */ + height: auto; + padding: 50px 0 0 10px; object-fit: cover; position: absolute; transform: translateX(-50%); diff --git a/FrontEnd/src/components/landing-page/about-section/cards/AboutCards.css b/FrontEnd/src/components/landing-page/about-section/cards/AboutCards.css index f08d03635..100e04297 100644 --- a/FrontEnd/src/components/landing-page/about-section/cards/AboutCards.css +++ b/FrontEnd/src/components/landing-page/about-section/cards/AboutCards.css @@ -6,10 +6,10 @@ justify-content: center; align-items: center; gap: 24px; - background: #F0F1F3; + background: var(--about-cards-background-color); } .about-us-cards-section__header-text { - color: #292E32; + color: var(--about-cards-font-color); font-family: var(--font-main); font-size: 32px; font-style: normal; @@ -43,7 +43,7 @@ align-items: flex-start; gap: 16px; border-radius: 12px; - background: #FFF; + background: var(--about-cards-background-content-color); } .about-us-cards-section__cards-logo { width: 54px; @@ -70,7 +70,7 @@ } .about-us-cards-section__cards-content__text-header { align-self: stretch; - color: #292E32; + color: var(--about-cards-font-color); font-feature-settings: 'calt' off; font-family: var(--font-main); font-size: 16px; @@ -85,7 +85,7 @@ .about-us-cards-section__cards-content__text { width: 398px; height: 40px; - color: #292E32; + color: var(--about-cards-font-color); font-feature-settings: 'calt' off; font-family: var(--font-main); font-size: 16px; diff --git a/FrontEnd/src/components/landing-page/banner/Banner.css b/FrontEnd/src/components/landing-page/banner/Banner.css index d29182101..d561ccbfa 100644 --- a/FrontEnd/src/components/landing-page/banner/Banner.css +++ b/FrontEnd/src/components/landing-page/banner/Banner.css @@ -1,14 +1,14 @@ .main-banner-group { - width: 1512px; + width: var(--main-block-size); height: 500px; flex-shrink: 0; position: relative; } .main-banner-group__main-rectangle { - width: 1512px; + width: var(--main-block-size); height: 500px; flex-shrink: 0; - background: #1F9A7C; + background: var(--banner-main-dark-color); left: 0; top: 0; position: absolute; @@ -99,7 +99,7 @@ } .main-banner-group__banner-text { width: 584px; - color: #000; + color: var(-banner-main-font-color); font-family: var(--font-main); font-size: 40px; font-style: normal; @@ -121,8 +121,8 @@ align-items: center; gap: 10px; border-radius: 4px; - border: 1px solid #1F9A7C; - background: #1F9A7C; + border: 1px solid var(--banner-main-dark-color); + background: var(--banner-main-dark-color); box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.04); top: 245px; position: relative; @@ -148,7 +148,7 @@ align-items: center; gap: 10px; border-radius: 4px; - border: 1px solid #1F9A7C; + border: 1px solid var(--banner-main-dark-color); background: #FFF; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.02); top: 245px; @@ -156,7 +156,7 @@ } .main-banner-group__register-button-text { - color: #1F9A7C; + color: var(--banner-main-dark-color); text-align: center; font-feature-settings: 'calt' off; font-family: var(--font-main); diff --git a/FrontEnd/src/global.css b/FrontEnd/src/global.css index a1d578649..c3ea254fc 100644 --- a/FrontEnd/src/global.css +++ b/FrontEnd/src/global.css @@ -62,4 +62,19 @@ --toastify-toast-min-height: 22px; --toastify-text-color-success: var(--character-title-85, rgba(0, 0, 0, 0.85)); --toastify-text-color-error: var(--character-title-85, rgba(0, 0, 0, 0.85)); + + /* main pages About block*/ + --about-text-font-color: #292E32; + --about-text-background-color: #FFF; + + --about-as-font-color: #FFF; + --about-as-background-color: #0B6C61; + + --about-cards-font-color: #292E32; + --about-cards-background-color: #F0F1F3; + --about-cards-background-content-color: #FFF; + + /* main pages Banner block*/ + --banner-main-font-color: #000; + --banner-main-dark-color: #1F9A7C; } \ No newline at end of file From 020e78538a949e3614c5382864a8e7f688056727 Mon Sep 17 00:00:00 2001 From: romanmyko Date: Mon, 5 Aug 2024 14:53:27 +0300 Subject: [PATCH 11/12] add ul in abouttext, disconnect MainPartners --- FrontEnd/src/components/landing-page/MainPage.jsx | 4 ++-- .../landing-page/about-section/about-text/AboutText.css | 5 +++-- .../landing-page/about-section/about-text/AboutText.jsx | 4 ++-- .../components/landing-page/about-section/about-text/text.js | 2 +- 4 files changed, 8 insertions(+), 7 deletions(-) diff --git a/FrontEnd/src/components/landing-page/MainPage.jsx b/FrontEnd/src/components/landing-page/MainPage.jsx index 8655b3504..a2e4e9be0 100644 --- a/FrontEnd/src/components/landing-page/MainPage.jsx +++ b/FrontEnd/src/components/landing-page/MainPage.jsx @@ -1,6 +1,6 @@ import { useState } from 'react'; import MainBanner from './banner/Banner'; -import MainPartners from './partners/Partners'; +// import MainPartners from './partners/Partners'; import MainCompanies from './companies/Companies'; import MainLoginBanner from './login-banner/LoginBanner'; import MainAboutSection from './about-section/About'; @@ -19,7 +19,7 @@ const MainPage = ({ isAuthorized }) => {
    - + {/* */} {!isAuthorized ? : null}
    diff --git a/FrontEnd/src/components/landing-page/about-section/about-text/AboutText.css b/FrontEnd/src/components/landing-page/about-section/about-text/AboutText.css index ed2dd67bc..c98511b11 100644 --- a/FrontEnd/src/components/landing-page/about-section/about-text/AboutText.css +++ b/FrontEnd/src/components/landing-page/about-section/about-text/AboutText.css @@ -56,9 +56,10 @@ font-weight: 600; line-height: 30px; /* 187.5% */ letter-spacing: -0.16px; - content: "\2022"; + /* content: "\2022"; */ } .about-us-text-section__paragraph-two { + align-self: flex-start; width: 489px; flex-shrink: 0; color: var(--about-text-font-color); @@ -72,7 +73,7 @@ } .about-us-text-section__paragraph-one span::before, .about-us-text-section__paragraph-two span::before { - content: "\2022"; + /* content: "\2022"; */ margin-right: 8px; } diff --git a/FrontEnd/src/components/landing-page/about-section/about-text/AboutText.jsx b/FrontEnd/src/components/landing-page/about-section/about-text/AboutText.jsx index 11e0efd86..17e8abf71 100644 --- a/FrontEnd/src/components/landing-page/about-section/about-text/AboutText.jsx +++ b/FrontEnd/src/components/landing-page/about-section/about-text/AboutText.jsx @@ -18,9 +18,9 @@ const AboutSectionText = () => {
      {renderParagraphs(1)}
    -
    +
      {renderParagraphs(2)} -
    +
    Date: Mon, 5 Aug 2024 16:10:36 +0300 Subject: [PATCH 12/12] Modify orthographic in AboutText --- .../components/landing-page/about-section/about-text/text.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/FrontEnd/src/components/landing-page/about-section/about-text/text.js b/FrontEnd/src/components/landing-page/about-section/about-text/text.js index a62b4947e..d2ac50788 100644 --- a/FrontEnd/src/components/landing-page/about-section/about-text/text.js +++ b/FrontEnd/src/components/landing-page/about-section/about-text/text.js @@ -41,7 +41,7 @@ const AboutText = { { id: 9, paragraph: 2, - text: 'Інші фахівці галузі: ділитися досвідом, знаннями та знаходити однодумців.' + text: 'Інші фахівці галузі: діліться досвідом, знаннями та знаходьте однодумців.' }, ], };