Skip to content
This repository has been archived by the owner on Sep 26, 2024. It is now read-only.

feat: enhance accessibilty and seo for hero section #529

Closed
wants to merge 2 commits into from
Closed

feat: enhance accessibilty and seo for hero section #529

Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
a8f5b88
enhance accessibilty and seo for hero section
sohaibchebah Aug 15, 2024
657767e
feat(hero): enhance accessibility and seo for hero
sohaibchebah Aug 15, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 10 additions & 6 deletions src/components/Hero.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,18 +1,22 @@
const Hero = () => (
<div className="flex flex-col py-24 items-center mx-2.5">
<section aria-labelledby="hero-heading" className="flex flex-col py-24 items-center mx-2.5">

Check warning on line 2 in src/components/Hero.tsx

View workflow job for this annotation

GitHub Actions / Code standards 

Prop `className` must be placed on a new line

Check warning on line 2 in src/components/Hero.tsx

View workflow job for this annotation

GitHub Actions / Code standards 

Prop `className` must be placed on a new line

Check warning on line 2 in src/components/Hero.tsx

View workflow job for this annotation

GitHub Actions / Code standards 

Prop `className` must be placed on a new line

Check warning on line 2 in src/components/Hero.tsx

View workflow job for this annotation

GitHub Actions / Code standards 

Prop `className` must be placed on a new line

Check warning on line 2 in src/components/Hero.tsx

View workflow job for this annotation

GitHub Actions / Code standards 

Prop `className` must be placed on a new line
<div>
<h1 className="font-Lexend text-4xl md:text-5xl text-center text-lightSlate leading-tight tracking-tight">
<h1
id="hero-heading"
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

refactor (blocking): not required base on comment above.

Suggested change
id="hero-heading"

className="font-Lexend text-4xl md:text-5xl text-center text-lightSlate leading-tight tracking-tight"

Check failure on line 6 in src/components/Hero.tsx

View workflow job for this annotation

GitHub Actions / Code standards 

Props should be sorted alphabetically

Check failure on line 6 in src/components/Hero.tsx

View workflow job for this annotation

GitHub Actions / Code standards 

Props should be sorted alphabetically

Check failure on line 6 in src/components/Hero.tsx

View workflow job for this annotation

GitHub Actions / Code standards 

Props should be sorted alphabetically

Check failure on line 6 in src/components/Hero.tsx

View workflow job for this annotation

GitHub Actions / Code standards 

Props should be sorted alphabetically

Check failure on line 6 in src/components/Hero.tsx

View workflow job for this annotation

GitHub Actions / Code standards 

Props should be sorted alphabetically
>
{`Find `}

<span className="bg-gradient-to-r from-gradFirst via-gradMiddle to-gradLast bg-clip-text text-transparent">
<span

Check warning on line 9 in src/components/Hero.tsx

View workflow job for this annotation

GitHub Actions / Code standards 

JSX element should start in a new line

Check warning on line 9 in src/components/Hero.tsx

View workflow job for this annotation

GitHub Actions / Code standards 

JSX element should start in a new line

Check warning on line 9 in src/components/Hero.tsx

View workflow job for this annotation

GitHub Actions / Code standards 

JSX element should start in a new line

Check warning on line 9 in src/components/Hero.tsx

View workflow job for this annotation

GitHub Actions / Code standards 

JSX element should start in a new line

Check warning on line 9 in src/components/Hero.tsx

View workflow job for this annotation

GitHub Actions / Code standards 

JSX element should start in a new line
className="bg-gradient-to-r from-gradFirst via-gradMiddle to-gradLast bg-clip-text text-transparent"
aria-label="Open-Source Repositories"

Check failure on line 11 in src/components/Hero.tsx

View workflow job for this annotation

GitHub Actions / Code standards 

Props should be sorted alphabetically

Check failure on line 11 in src/components/Hero.tsx

View workflow job for this annotation

GitHub Actions / Code standards 

Props should be sorted alphabetically

Check failure on line 11 in src/components/Hero.tsx

View workflow job for this annotation

GitHub Actions / Code standards 

Props should be sorted alphabetically

Check failure on line 11 in src/components/Hero.tsx

View workflow job for this annotation

GitHub Actions / Code standards 

Props should be sorted alphabetically

Check failure on line 11 in src/components/Hero.tsx

View workflow job for this annotation

GitHub Actions / Code standards 

Props should be sorted alphabetically
>
Open-Source Repositories
</span>

<br />

Check warning on line 15 in src/components/Hero.tsx

View workflow job for this annotation

GitHub Actions / Code standards 

JSX element should start in a new line

Check warning on line 15 in src/components/Hero.tsx

View workflow job for this annotation

GitHub Actions / Code standards 

JSX element should start in a new line

Check warning on line 15 in src/components/Hero.tsx

View workflow job for this annotation

GitHub Actions / Code standards 

JSX element should start in a new line

Check warning on line 15 in src/components/Hero.tsx

View workflow job for this annotation

GitHub Actions / Code standards 

JSX element should start in a new line

Check warning on line 15 in src/components/Hero.tsx

View workflow job for this annotation

GitHub Actions / Code standards 

JSX element should start in a new line
trending today.
</h1>
</div>
</div>
</section>
);

export default Hero;
Loading