feat(back-to-top): remove back to top in favor of Drift

[proeung]

Issue

Fixes - https://jira.sdlc.merative.com/browse/MERATIVE-815

Description

Removed

• This PR removes the Back to Top button functionality so that we can use the bottom right hand corner for the Drift Chatbot Widget.

Design Specs

• Figma Link - N/A

Test URLs

• Before (Changes from main): https://main--merative2--hlxsites.hlx.page/
• After (Changes from this PR): https://feat-drift-remove-back-to-top--merative2--proeung.hlx.page/

Testing Instruction

• Visit this deploy preview (https://feat-drift-remove-back-to-top--merative2--proeung.hlx.page).
• Ensure that the "Back to Top" button is no longer visible.
• Ensure that the Drift button is visible once, the playbooks configs have been implemented to the test URL above.
• https://feat-drift-remove-back-to-top--merative2--proeung.hlx.page/#bot_test-5086233-t9fx4CHq

[aem-code-sync[bot]]

Hello, I'm Franklin Bot and I will run some test suites that validate the page speed. In case there are problems, just click the checkbox below to rerun the respective action.

• [ ] Re-run PSI Checks

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/
/

[keith-kaplan]

Here is the preview URL you can use to test Drift. https://feat-drift-remove-back-to-top--merative2--proeung.hlx.page/#bot_test-5086233-t9fx4CHq

I'll adjust the spacing so there's no offset.

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/
/
/

[proeung]

@keith-kaplan Looks good! I'm going to review this on our Merative.com design call tomorrow and see if folks have any feedback on this. In the meantime, I'll leave this PR open.

[aavilamer]

@proeung Let's update the use of the logo in the center. We should just use the default chat icon like pure storage.

[proeung]

@proeung Let's update the use of the logo in the center. We should just use the default chat icon like pure storage.

@aavilamer Yep, we can upload a new custom icon for this avatar. I looked through our Icon library within our design system (see link), but didn't find a chat icon that works for this context.

Is there a style or SVG that you have in mind? Here are some options that we can look at.

• https://thenounproject.com/icon/chat-bubbles-1113606/
• https://thenounproject.com/icon/chat-bubbles-396407/
• https://thenounproject.com/icon/chat-bubbles-975775/

[aavilamer]

Okay thanks – we use phosphor icons for our icons. I added this one in light to the design system - https://www.figma.com/file/TyajZb165gYM43ULg8nQv5/Core-%E2%80%93-Merative-Digital-Design-System?type=design&node-id=1%3A10&mode=design&t=4On2dXKvrNU8DY8J-1

the site: https://phosphoricons.com/, We use light value of the icon you can select in the phosphor icon plugin in figma FYI [A screenshot of a chat Description automatically generated]

From: Putra Bonaccorsi @.> Date: Tuesday, August 8, 2023 at 4:16 PM To: hlxsites/merative2 @.> Cc: ANNMARIE AVILA @.>, Mention @.> Subject: [EXTERNAL] Re: [hlxsites/merative2] feat(back-to-top): remove back to top in favor of Drift (PR #310) You don't often get email from @.*** Learn why this is importanthttps://aka.ms/LearnAboutSenderIdentification ALERT: This Message Came From External Sender, Please Avoid Clicking Any Links or Opening Attachments If The Sender Is Unknown.

@proeunghttps://github.com/proeung Let's update the use of the logo in the center. We should just use the default chat icon like pure storage.

@aavilamerhttps://github.com/aavilamer Yep, we can upload a new custom icon for this avatar. I looked through our Icon library within our design system (see linkhttps://www.figma.com/file/TyajZb165gYM43ULg8nQv5/Core-%E2%80%93-Merative-Digital-Design-System?type=design&node-id=14%3A1213&mode=design&t=1NpAFR6H0TLI3cXI-1), didn't find a chat bubbles icon that works.

Is there a style or SVG that you have in mind? Here are some options that we can look at.

• https://thenounproject.com/icon/chat-bubbles-1113606/
• https://thenounproject.com/icon/chat-bubbles-396407/
• https://thenounproject.com/icon/chat-bubbles-975775/

— Reply to this email directly, view it on GitHubhttps://github.com/hlxsites/merative2/pull/310#issuecomment-1670318614, or unsubscribehttps://github.com/notifications/unsubscribe-auth/A32Z3NBJJHKO7S3K4FVB3Z3XUKUCZANCNFSM6AAAAAA3HG7TBU. You are receiving this because you were mentioned.Message ID: @.***>

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/
/
/

[proeung]

@aavilamer Here's the latest preview using the icon that we discussed. https://feat-drift-remove-back-to-top--merative2--proeung.hlx.page/#bot_test-5086233-t9fx4CHq

[aavilamer]

@keith-kaplan where did the name land? Bot could be MerativeChat, MerativeConnect, MeraTalk, Product Advisor...throwing a few themes out there.

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/
/
/

[proeung]

@keith-kaplan where did the name land? Bot could be MerativeChat, MerativeConnect, MeraTalk, Product Advisor...throwing a few themes out there.

@aavilamer Personally, I like MerativeChat, but defer to you and @keith-kaplan on what to name the bot.

Also, @keith-kaplan do we have a date on when we'll be switching on Drift for the merative.com domain name? I think can merge this PR to remove the "Back to Top" button if we're ready to roll this out unless we want to wait until this button is removed on AEM (see - https://jira.sdlc.merative.com/browse/MERATIVE-814) as well.

[keith-kaplan]

Still confirming the name, but we're thinking Merative Bot. For the merge. This is not going live until 2nd week of Sept so I think we can do this in a few weeks.

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/
/
/