Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: add new blog page #380

Merged
merged 28 commits into from
Aug 24, 2023
Merged

Conversation

leandrocunha
Copy link
Contributor

@leandrocunha leandrocunha commented Aug 18, 2023

The Blog page implementation at New Landing

src/components/ArticleAuthor/ArticleAuthor.module.scss Outdated Show resolved Hide resolved
src/components/ArticlePreview/ArticlePreview.jsx Outdated Show resolved Hide resolved
src/components/ArticlePreview/ArticlePreview.jsx Outdated Show resolved Hide resolved
src/components/ArticlePreview/ArticlePreview.jsx Outdated Show resolved Hide resolved
src/components/ArticlePreview/ArticlePreview.jsx Outdated Show resolved Hide resolved
src/components/ArticlePreview/ArticlePreview.module.scss Outdated Show resolved Hide resolved
src/components/ArticlePreview/ArticlePreview.module.scss Outdated Show resolved Hide resolved
src/components/ArticlePreview/ArticlePreview.module.scss Outdated Show resolved Hide resolved
src/components/ArticlePreview/ArticlePreview.module.scss Outdated Show resolved Hide resolved
src/components/ArticlePreview/ArticlePreview.module.scss Outdated Show resolved Hide resolved
src/pages/blog.jsx Outdated Show resolved Hide resolved
src/pages/blog.jsx Outdated Show resolved Hide resolved
@ViktorSoroka07
Copy link
Collaborator

@leandrocunha, please also make the Blog button in the header menu (Learn section) to point to the Case Blog page. Use Link component(src/components/Link) for that

@ViktorSoroka07
Copy link
Collaborator

I see that the blog post URL now processed with post.id.

image

image

We expect the blog post URL to be a human-readable string according to the specific blog title. You can contact Veranika for more information on certain paths. We can include this feature in the next task if it hasn't been discussed before (as part of the blog page template implementation). cc @ViktorSoroka07

Discussed that will be handled in the next task

ViktorSoroka07
ViktorSoroka07 previously approved these changes Aug 23, 2023
AmsterGet
AmsterGet previously approved these changes Aug 23, 2023
@leandrocunha
Copy link
Contributor Author

I see that the blog post URL now processed with post.id.
image
image
We expect the blog post URL to be a human-readable string according to the specific blog title. You can contact Veranika for more information on certain paths. We can include this feature in the next task if it hasn't been discussed before (as part of the blog page template implementation). cc @ViktorSoroka07

Discussed that will be handled in the next task

I just got implement it, you can check in the last commit

src/pages/blog.jsx Outdated Show resolved Hide resolved
AmsterGet
AmsterGet previously approved these changes Aug 23, 2023
@ViktorSoroka07 ViktorSoroka07 merged commit cd229d1 into new-landing Aug 24, 2023
@ViktorSoroka07 ViktorSoroka07 deleted the new-landing-blog-page-new branch August 24, 2023 08:23
OleksandrDragun pushed a commit that referenced this pull request Aug 29, 2023
* feat: add new blog page

* feat: rewrite scss file to remove unused module

* feat: remove unnecessary image function

* feat: refactor post.description and replace small tag to use span instead

* feat: update import to use @use instead

* feat: use css variables for colors instead hex values

* feat: test pre-commit hook

* feat: revert import lines change

* feat: remove modules from ArticlePreview and ArticleAuthor styles

* feat: remove unnecessary div element

* feat: enhance CSS for the desktop version

* feat: Update image size to be full width

* feat: add SubscriptionBanner component

* feat: add CSS transition

* feat: add graphql playground for development

* feat: update to use function instead import

* fix: default typography font parameter

* feat: update block class to match the component name

* feat: move SubscriptionBanner to the components folder

* feat: refactor props

* feat: rename handleClick to it load more posts purpose

* fix: SubscriptionBanner import in LandingPage component

* feat: add Blog page link to the main menu

* fix: update blog title size for different screen sizes

* feat: move article auhtor icon to a svg file

* feat: add slug to blog posts

* fix: page size typo

* feat: refactor articlepreview css
AmsterGet pushed a commit that referenced this pull request Aug 30, 2023
* implement test automation as a service page

* implement quality assessment page

* remove redundant box shadow from benefit item block

* edit property for arrowParens in prettierrc file for consistency with eslint rules

* feat: add new blog page (#380)

* feat: add new blog page

* feat: rewrite scss file to remove unused module

* feat: remove unnecessary image function

* feat: refactor post.description and replace small tag to use span instead

* feat: update import to use @use instead

* feat: use css variables for colors instead hex values

* feat: test pre-commit hook

* feat: revert import lines change

* feat: remove modules from ArticlePreview and ArticleAuthor styles

* feat: remove unnecessary div element

* feat: enhance CSS for the desktop version

* feat: Update image size to be full width

* feat: add SubscriptionBanner component

* feat: add CSS transition

* feat: add graphql playground for development

* feat: update to use function instead import

* fix: default typography font parameter

* feat: update block class to match the component name

* feat: move SubscriptionBanner to the components folder

* feat: refactor props

* feat: rename handleClick to it load more posts purpose

* fix: SubscriptionBanner import in LandingPage component

* feat: add Blog page link to the main menu

* fix: update blog title size for different screen sizes

* feat: move article auhtor icon to a svg file

* feat: add slug to blog posts

* fix: page size typo

* feat: refactor articlepreview css

* Implement Case Studies page based on the Contentfull (#377)

* implmented Case Studies page - PC

* Tablet and mobile styling on Case Studies page

* fix code review and UI review comments

* Adjust working in SubscriptionForm and fix formatting issues

* fix hover effort on Load More and Download PDF buttons

* add link from  Solutions and Learn to Case Studies page

* fix code review comments

---------

Co-authored-by: Peter Jin <Peter_Jin@epam.com>

---------

Co-authored-by: Leandro Cunha <leandroscunha@gmail.com>
Co-authored-by: Peter <jinqiu.peter@gmail.com>
Co-authored-by: Peter Jin <Peter_Jin@epam.com>
Vadim73i pushed a commit that referenced this pull request Sep 26, 2023
* feat: add new blog page

* feat: rewrite scss file to remove unused module

* feat: remove unnecessary image function

* feat: refactor post.description and replace small tag to use span instead

* feat: update import to use @use instead

* feat: use css variables for colors instead hex values

* feat: test pre-commit hook

* feat: revert import lines change

* feat: remove modules from ArticlePreview and ArticleAuthor styles

* feat: remove unnecessary div element

* feat: enhance CSS for the desktop version

* feat: Update image size to be full width

* feat: add SubscriptionBanner component

* feat: add CSS transition

* feat: add graphql playground for development

* feat: update to use function instead import

* fix: default typography font parameter

* feat: update block class to match the component name

* feat: move SubscriptionBanner to the components folder

* feat: refactor props

* feat: rename handleClick to it load more posts purpose

* fix: SubscriptionBanner import in LandingPage component

* feat: add Blog page link to the main menu

* fix: update blog title size for different screen sizes

* feat: move article auhtor icon to a svg file

* feat: add slug to blog posts

* fix: page size typo

* feat: refactor articlepreview css
Vadim73i pushed a commit that referenced this pull request Sep 26, 2023
* implement test automation as a service page

* implement quality assessment page

* remove redundant box shadow from benefit item block

* edit property for arrowParens in prettierrc file for consistency with eslint rules

* feat: add new blog page (#380)

* feat: add new blog page

* feat: rewrite scss file to remove unused module

* feat: remove unnecessary image function

* feat: refactor post.description and replace small tag to use span instead

* feat: update import to use @use instead

* feat: use css variables for colors instead hex values

* feat: test pre-commit hook

* feat: revert import lines change

* feat: remove modules from ArticlePreview and ArticleAuthor styles

* feat: remove unnecessary div element

* feat: enhance CSS for the desktop version

* feat: Update image size to be full width

* feat: add SubscriptionBanner component

* feat: add CSS transition

* feat: add graphql playground for development

* feat: update to use function instead import

* fix: default typography font parameter

* feat: update block class to match the component name

* feat: move SubscriptionBanner to the components folder

* feat: refactor props

* feat: rename handleClick to it load more posts purpose

* fix: SubscriptionBanner import in LandingPage component

* feat: add Blog page link to the main menu

* fix: update blog title size for different screen sizes

* feat: move article auhtor icon to a svg file

* feat: add slug to blog posts

* fix: page size typo

* feat: refactor articlepreview css

* Implement Case Studies page based on the Contentfull (#377)

* implmented Case Studies page - PC

* Tablet and mobile styling on Case Studies page

* fix code review and UI review comments

* Adjust working in SubscriptionForm and fix formatting issues

* fix hover effort on Load More and Download PDF buttons

* add link from  Solutions and Learn to Case Studies page

* fix code review comments

---------

Co-authored-by: Peter Jin <Peter_Jin@epam.com>

---------

Co-authored-by: Leandro Cunha <leandroscunha@gmail.com>
Co-authored-by: Peter <jinqiu.peter@gmail.com>
Co-authored-by: Peter Jin <Peter_Jin@epam.com>
ViktorSoroka07 added a commit that referenced this pull request Sep 30, 2023
* Setup Gatsby + Contentful based on starter

* Setup deploy-dev

* Implement header layout for desktop (#302)

* Implement menu

* Adjust fonts

* Update deploy-dev.yml

* deploy-dev.yml Bump Node.js to 18

* Adjust code review comments

* Finish menu desktop & mobile (#315)

* Implement menu

* Use CSS grid for subscription form

* Use antd form

* Adjust review comments for header

* Adjust review comments for menu

* Adjust navigation for tablet and mobile screens

* Finish mobile navigation

* Configure google tag manager

* Adjust comments from design review

* Hero block. 'Why Report Portal' section (#317)

* Implement hero block

* Code cleanup

* Implement `Why Report Portal` section

* Implement sticky header

* Design review adjustments

* Add README.md (#320)

* Add README.md

* Update README.md

Co-authored-by: Viktor Soroka <viktor_soroka@epam.com>

* Apply suggestions from code review

Co-authored-by: Viktor Soroka <viktor_soroka@epam.com>

* Update README.md

---------

Co-authored-by: Viktor Soroka <viktor_soroka@epam.com>

* Installation Page basics (#327)

* Switch butons component. instalation header page

* Note component

* switch buttons adjusting

* Preparing for commit

* review fixes

* review fixes

* review fixes

* coment fixex

* coment fixex

* Implement footer (#326)

* Installation page. Text content (#334)

* two section on docker page

* Instalation page

* KubernetusContent. Refactoring

* review fixes

* review fixes

* code review

* fixes

* Renaming Inspalation to InstalationPage. Refactoring

* fix

* fixes

* fixes

* fixes

* fixes

* correct url

* markup fixes

* review fixes

* review fixes

* Implement carousel (#338)

* Implement carousel

* Styles update

* Migration from old branch. Reactoring - new components organizaion

* adaptive

* refactoring

* Implement customers statistics section (#340)

* refuctoring

* hover

* refactoring

* decoupling title into substrings

* extra div

* fix

* review fixes

* Integration scheme (#335)

* Base structure and styles

* currentColor for SVG

* All schene rows, highlited last el, refactoring

* scheme indent correction

* Classes adjustment, cheme header into separate component

* Collapsing, popover, Collapsed state

* button arrow animation and behaviour logic

* refactoring

* animation bettemant. Unic maping keys

* Popap markup

* Data for all popups

* green arrows on the scheme

* refactoring

* renaming

* adjustiong

* merge fixes

* hover issue is solved

* adjustment for scroll functionality

* variant

* collaps animation updated

* Added and change links

* review fixes

* review fixes

* button width

* refactoring

* main content width

* style fixes (#344)

* Implement process integration section (#343)

* Features page (#337)

* Features Page Part 1

* added integration and frameworks blocks

* Finished with features page mark up

* Features Page 100%

* Added some improvements and fixes

* Fixed comments V2

* Code clean up

* Design review adjustments for landing page

* Code clean up

---------

Co-authored-by: Sergii Chakir <schakir@slb.com>
Co-authored-by: Viktor Soroka <viktor_soroka@epam.com>

* New Landing page. Fixes on Installation page (#346)

* custom popup

* Baner

* Adative scheme, ititial state

* fixes

* scroll line

* Separate Supported Framework

* Tabs

* refactoring

* Relative hight for the svg scheme

* unnecessary css zero transitions

* fixes

* Link instead of <a>

* fixe comment

* bunner buttom hover

* btn

* ignor vscode config

* fixes

* hover icon

* baner - footer

* Variant of indicator movement behavior

* grid for layout

* correct scroll indicator movement

* banner padding

* Tabes styles

* Tabes styles

* designer coments

* fixes

* fill width

* indicatory appearing fixed

* indicatory appearing fixed

* Installation page. Text fixes, Content position fixes (#351)

* Separate Supported Framework

* Revert "Separate Supported Framework"

This reverts commit de2a09e.

* Text fixes

* main content position relative to the header title

* main content position relative to the header title

* main content position relative to the header title

* spases added

* blue dot and via

* Tabs jumping fixed

* Tabs jumping fixed

* delay

* fixes

* Features page updates (#353)

* Finish mobile layout for Features page

* Finish table layout for Features page

* Design review adjustments

* New landing start testing (#358)

* Implement "Start testing with ReportPortal" section

* Design review adjustments

* Implement features panel sticky and smooth scrolling (#357)

* features panel sticky and smooth scrolling

* fix scrolling position

* fix review comments

* fix review comments 2

* fix import order

* resolve MR comments 3

* handle active menu on scroll

* resolve comments 4

* resolve comments 5

* resolve comments 6

* resolve comments 7

---------

Co-authored-by: Saveli Savich <Saveli_Savich@epam.com>

* usescrolldirection fix (#359)

Co-authored-by: Saveli Savich <Saveli_Savich@epam.com>

* features menu small fixes (#360)

Co-authored-by: Saveli Savich <Saveli_Savich@epam.com>

* Implement benefits for business section (#364)

* Implement benefits for business section

* Design review adjustments

* Implement "Features for engineers" section (#365)

* Implement "How It Works" section (#367)

* Fix SSG styles for Ant Design (#374)

* Fix SSG styles for Ant Design

* Introduce CODEOWNERS and PULL_REQUEST_TEMPLATE.md files

* Implement "Stay in the know" section (#373)

* Implement "Stay in the know" section

* Code clean up

* Design review adjustments

* Update README.md

* Add pre-commit hooks (#376)

* Add pre-commit hooks

* Update README.md

Co-authored-by: Viktor Soroka <viktor_soroka@epam.com>

---------

Co-authored-by: Viktor Soroka <viktor_soroka@epam.com>

* New landing testing as a service page (#378)

* implement testing as a service page

* change sass import rule to use rule

* correct IconBlock behaviour

* add map for items where it is possible, correct styles rule order according to concentric css, replace images, edit import/export and arrow-parens rules

* correct styles for header and footer background images

* remove extra dot

* feat: add new blog page (#380)

* feat: add new blog page

* feat: rewrite scss file to remove unused module

* feat: remove unnecessary image function

* feat: refactor post.description and replace small tag to use span instead

* feat: update import to use @use instead

* feat: use css variables for colors instead hex values

* feat: test pre-commit hook

* feat: revert import lines change

* feat: remove modules from ArticlePreview and ArticleAuthor styles

* feat: remove unnecessary div element

* feat: enhance CSS for the desktop version

* feat: Update image size to be full width

* feat: add SubscriptionBanner component

* feat: add CSS transition

* feat: add graphql playground for development

* feat: update to use function instead import

* fix: default typography font parameter

* feat: update block class to match the component name

* feat: move SubscriptionBanner to the components folder

* feat: refactor props

* feat: rename handleClick to it load more posts purpose

* fix: SubscriptionBanner import in LandingPage component

* feat: add Blog page link to the main menu

* fix: update blog title size for different screen sizes

* feat: move article auhtor icon to a svg file

* feat: add slug to blog posts

* fix: page size typo

* feat: refactor articlepreview css

* Implement Case Studies page based on the Contentfull (#377)

* implmented Case Studies page - PC

* Tablet and mobile styling on Case Studies page

* fix code review and UI review comments

* Adjust working in SubscriptionForm and fix formatting issues

* fix hover effort on Load More and Download PDF buttons

* add link from  Solutions and Learn to Case Studies page

* fix code review comments

---------

Co-authored-by: Peter Jin <Peter_Jin@epam.com>

* implement test automation as a service page (#381)

* implement test automation as a service page

* remove redundant box shadow from benefit item block

* New landing quality assessment (#382)

* implement test automation as a service page

* implement quality assessment page

* remove redundant box shadow from benefit item block

* edit property for arrowParens in prettierrc file for consistency with eslint rules

* feat: add new blog page (#380)

* feat: add new blog page

* feat: rewrite scss file to remove unused module

* feat: remove unnecessary image function

* feat: refactor post.description and replace small tag to use span instead

* feat: update import to use @use instead

* feat: use css variables for colors instead hex values

* feat: test pre-commit hook

* feat: revert import lines change

* feat: remove modules from ArticlePreview and ArticleAuthor styles

* feat: remove unnecessary div element

* feat: enhance CSS for the desktop version

* feat: Update image size to be full width

* feat: add SubscriptionBanner component

* feat: add CSS transition

* feat: add graphql playground for development

* feat: update to use function instead import

* fix: default typography font parameter

* feat: update block class to match the component name

* feat: move SubscriptionBanner to the components folder

* feat: refactor props

* feat: rename handleClick to it load more posts purpose

* fix: SubscriptionBanner import in LandingPage component

* feat: add Blog page link to the main menu

* fix: update blog title size for different screen sizes

* feat: move article auhtor icon to a svg file

* feat: add slug to blog posts

* fix: page size typo

* feat: refactor articlepreview css

* Implement Case Studies page based on the Contentfull (#377)

* implmented Case Studies page - PC

* Tablet and mobile styling on Case Studies page

* fix code review and UI review comments

* Adjust working in SubscriptionForm and fix formatting issues

* fix hover effort on Load More and Download PDF buttons

* add link from  Solutions and Learn to Case Studies page

* fix code review comments

---------

Co-authored-by: Peter Jin <Peter_Jin@epam.com>

---------

Co-authored-by: Leandro Cunha <leandroscunha@gmail.com>
Co-authored-by: Peter <jinqiu.peter@gmail.com>
Co-authored-by: Peter Jin <Peter_Jin@epam.com>

* implement requests block with simple horizontal scroll instead of marquee animation (#387)

* feat: Add the Latest From Our Blog (#389)

* feat: add LatestFromOurBlog section

* feat: remove unused module and refactor query hook

* feat: update map loop syntax for ArticlePreviewItem

* feat: remove key prop from ArticlePreviewItem root element

* feat: update ArticlePreviewItem import

* fix: add missing slug field in the latestBlogPost query

* feat: update title color

* feat: add scroll mixin

* Deploy dev. Add Salesforce config (#391)

* Deploy dev. Add Salesforce config

* Update deploy-dev.yml

* Update deploy-dev.yml

* New landing Pricing page (#342)

* moveing old stuff into a new updated branch. Reorganization and udapting

* ButtonSwitcher

* renaming. Hero adjusting

* Cards adjustmant

* Refactoring. Discoutn calculation. Cards adjusting

* another variant of discount

* Style and adapting betterment

* DiscountSwitcher was moved into general components

* ant colapse table definition

* small

* Separate Supported Framework

* Revert "Separate Supported Framework"

This reverts commit de2a09e.

* table adaptation

* text aligment

* icons, unic keys

* Conditions for footer row

* refactoring, adjustment

* link in the description

* Components into seperate files. Link instead of <a> on ComparePlans

* Components into seperate files. Link instead of <a> on ComparePlans

* Organization component

* in general implemented the  Organizations component

* adaptive

* adjustments

* trial button

* design changes

* ignor vscode config

* fixes

* fixes

* paddings

* fix comments

* coment fixes

* coment fixes

* fix

* Implement "Features FAQ for pricing sass"

* Remove the StillHaveQuestions component

* Fix the pricing page phone style according to the design

* Fix the pricing page tablet style according to the design

* Fix the pricing page desktop style according to the design

* Move the still have question to PricingPage

* Fix the arrow and even background color in PricingPage

* Fix the margin of 'still have question' in paricing page

* [PricingPage] Rely on top margin whenever possible

* Extract Faq component and replace the code in Features page

* Fix the ant-design custom icon Collapse

---------

Co-authored-by: Viktor Soroka <viktor_soroka@epam.com>
Co-authored-by: max <max@local.com>
Co-authored-by: Yelyzaveta Khokhlova <yelyzaveta_khokhlova@epam.com>

* fix: update blog post card shadows (#397)

* Implement On-Premises page (#393)

* New landing contact form + "All comments" fixes from Miro (#394)

* Implement "Contacts form" section

* Handle all comments

* Adjust review comments

* Adjust links

* implement blog post page with contentful data (#390)

* implement blog post page with contentful data

* correct styles according to design and add CTA block

* Implement "Terms and Conditions" page (#399)

* Implement "Terms and Conditions" page

* Code cleanup

* Code cleanup

* Implement Accelerators pages (#398)

* refactor project structure, create containers folder, add aliases for writing short import path

* individual case WIP

* Finalise case studies

* refactor pricing and accelerator pages

* Adjust lead source for pricing accelerators

* Minor adjustments before the release

* EPMRPP-86271 || New Landing page Release

* Minor adjustments before the release

* prebuild update

* node version update

* node version update

* remove staging

* refactor case study pages

* navigation decomposition

* add no multi component eslint rule, correct installation page and SectionList

* move not found page to containers folder

* minor changes from last develop commits

* remove ItemInfo block and correct className and link

* correct quotes from template to single

---------

Co-authored-by: Viktor Soroka <viktor_soroka@epam.com>
Co-authored-by: Ilya <ilya_hancharyk@epam.com>
Co-authored-by: WebDevWorker <129626513+WebDevWorker@users.noreply.github.com>
Co-authored-by: Vasyl Kurtash <vasyl_kurtash@epam.com>
Co-authored-by: Boa Kelteno <chakirberg.s@gmail.com>
Co-authored-by: Sergii Chakir <schakir@slb.com>
Co-authored-by: KrDior <45118964+KrDior@users.noreply.github.com>
Co-authored-by: Saveli Savich <Saveli_Savich@epam.com>
Co-authored-by: Leandro Cunha <leandroscunha@gmail.com>
Co-authored-by: Peter <jinqiu.peter@gmail.com>
Co-authored-by: Peter Jin <Peter_Jin@epam.com>
Co-authored-by: max <max@local.com>
Co-authored-by: Yelyzaveta Khokhlova <yelyzaveta_khokhlova@epam.com>
Co-authored-by: Yelyzaveta Khokhlova <69502158+yelyzavetakhokhlova@users.noreply.github.com>
Co-authored-by: Vadzim Hvazdovich <vadzim_hvazdovich@epam.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants