SEO: Improve Kanvas section headings and image accessibility (#7157)

[megha1807]

Description

This PR improves the SEO of the Kanvas section by:

• Using semantic headings in kanvas-design-hero.js and kanvas-design-integrations.js.
• Removing duplicate text and unnecessary styling changes (keeping only SEO-related updates).
• Improving image accessibility with descriptive alt attributes

Files changed

• src/sections/Kanvas/Kanvas-design/kanvas-design-hero.js
• src/sections/Kanvas/Kanvas-design/kanvas-design-integrations.js

How to test

1. Run the project locally using npm start or npm run develop.
2. Open the page with the Kanvas section.
3. Inspect headings and images to verify semantic structure and accessibility.
4. Optional: Run Lighthouse → SEO audit to confirm improvements.

Related issue

Fixes: #7157

[github-actions]

🚨 Alert! Git Police! We couldn’t help but notice that one or more of your commits is missing a sign-off. A what? A commit sign-off (your email address).

To amend the commits in this PR with your signoff using the instructions provided in the DCO check.

To configure your dev environment to automatically signoff on your commits in the future, see these instructions.

---

        Be sure to join the community, if you haven't yet and please leave a ⭐ star on the project 😄

[github-actions]

🚨 Alert! Git Police! We couldn’t help but notice that one or more of your commits is missing a sign-off. A what? A commit sign-off (your email address).

To amend the commits in this PR with your signoff using the instructions provided in the DCO check.

To configure your dev environment to automatically signoff on your commits in the future, see these instructions.

---

        Be sure to join the community, if you haven't yet and please leave a ⭐ star on the project 😄

[l5io]

🚀 Preview for commit 2172ee9 at: https://69b03ccc866d3b1d4247a2a2--layer5.netlify.app

[leecalcote]

Thanks for working on this, @megha1807

[leecalcote]

Good job on signing your commits.

[l5io]

🚀 Preview for commit 34ae747 at: https://69b04db3dd6b3b26ddf377db--layer5.netlify.app

[l5io]

🚀 Preview for commit 1f021ce at: https://69b29dcfc45136e1888fdc00--layer5.netlify.app

[l5io]

🚀 Preview for commit f16f780 at: https://69b2a830d782be0f03f5b8e1--layer5.netlify.app

[Bhumikagarggg]

@megha1807 Thank you for your contribution! Let's discuss this during the website call today at 5:30 PM IST | 6 AM CST Add it as an agenda item to the meeting minutes, if you would 🙂

[l5io]

🚀 Preview for commit b3279ce at: https://69b92b3043591000a82c7b98--layer5.netlify.app

[arjunmehta-git]

Good work on this, @megha1807. Upgrading <div> containers to semantic heading elements (<h1>, <h2>, etc.) in the Kanvas design section and adding descriptive alt attributes are exactly the kinds of improvements that compound over time for both SEO and accessibility. Lighthouse will reward this.

A few items to finalize:

• No formal review yet — This PR has been open since March 10 and went through multiple commit rounds to fix the DCO and incorporate feedback. It deserves a formal review pass. Please add it to the next website meeting agenda if it hasn't been reviewed yet.
• Verify heading hierarchy — Semantic headings only help if they reflect the correct document outline. With the changes in kanvas-design-hero.js and kanvas-design-integrations.js, please confirm the resulting H1/H2/H3 order on the Kanvas design page is correct and doesn't introduce duplicate H1s or skip heading levels.
• Netlify preview — The most recent preview (commit b3279ce) is from March 17. Please confirm it still reflects the current state of the PR, or push a new commit to generate a fresh preview.

The direction is right and the scope is well-contained. Good contribution.