feat: add Testimonial Section with Animated Transitions

[Aksshay88]

• [Testimonial.tsx]: was removed
• [AnimatedTestimonialDemo.tsx]: was added for animation
• [Img]: Upscaled image for better resolution
• [next.config.mjs]: Modified because of static image

Description
Description:

I have updated the testimonial section to include animated transitions for a more dynamic and engaging user experience. The changes include:

• Added smooth animations using Framer Motion for testimonials.
• Included autoplay functionality (optional) to cycle through testimonials.
• Enhanced UI/UX with new styling for text, buttons, and transitions.
• Updated color themes for better readability and consistency.

Changes

• Implemented motion effects for testimonial transitions.
• Improved styling for testimonial text, images, and navigation buttons.
• Ensured responsiveness and accessibility improvements.

Additional Notes:

The animations enhance user engagement without affecting performance.
Open to feedback or further refinements!

closes issue #3748

Summary by CodeRabbit

• New Features

  • Introduced a new animated testimonials component for enhanced user engagement.
  • Replaced static testimonials with a dynamic animated demonstration on the homepage.

• Chores

  • Updated project dependencies and refined configuration settings for improved performance and maintainability.
  • Removed an outdated testimonial component to streamline the codebase.

[coderabbitai]

Walkthrough

This pull request introduces new animated testimonial components while removing the older static testimonial component. The new components include one for demo purposes and another that handles animations with autoplay and navigation, updating the user interface in the testimonial section. Additionally, configuration files (Next.js config and package manifest) have been updated for image handling and dependency versions. The homepage has been modified to replace the deprecated testimonial with the new animated demo integration.

Changes

File(s)	Change Summary
components/AnimatedTestimonialsDemo.tsx, components/ui/animated-testimonials.tsx	Added new animated testimonial components. The demo component imports and passes testimonial data to the animated component, which handles autoplay transitions and manual navigation using Framer Motion.
components/Testimonial.tsx	Removed the static Testimonial component and its associated props interface.
pages/[lang]/index.tsx	Updated the homepage by removing the old Testimonial component imports and integrating the new AnimatedTestimonials and AnimatedTestimonialsDemo components, along with formatting adjustments.
next.config.mjs, package.json	Updated configuration: modified image settings and ESLint formatting in Next.js config; added and updated dependencies (including @tabler/icons-react, motion, clsx, and tailwind-merge) in package manifest.

Suggested labels

ready-to-merge, bounty

Suggested reviewers

• derberg
• magicmatatjahu
• anshgoyalevil
• akshatnema
• devilkiller-ag
• sambhavgupta0705
• TRohit20

Poem

I'm a bunny, coding with delight,
Hopping through components, day and night.
Animated testimonials gracefully glide,
As static ones take their final ride.
With every line, the code beats true—
A joyful hop from me to you! 🐇✨

---

📜 Recent review details

Configuration used: .coderabbit.yaml
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 0e1d5cc and dc804fb.

📒 Files selected for processing (1)

• .github/workflows/lighthouserc.json (1 hunks)

🧰 Additional context used

🪛 Biome (1.9.4)

.github/workflows/lighthouserc.json

[error] 22-22: Expected an array, an object, or a literal but instead found '// Skips checking for responsive images'.

Expected an array, an object, or a literal here.

(parse)

---

[error] 23-23: expected , but instead found "offscreen-images"

Remove "offscreen-images"

(parse)

---

[error] 23-23: Expected an array, an object, or a literal but instead found '// Skips lazy-loading recommendations'.

Expected an array, an object, or a literal here.

(parse)

---

[error] 24-24: expected , but instead found "uses-optimized-images"

Remove "uses-optimized-images"

(parse)

---

[error] 24-24: Expected an array, an object, or a literal but instead found '// Skips image compression checks'.

Expected an array, an object, or a literal here.

(parse)

---

[error] 25-25: expected , but instead found "uses-webp-images"

Remove "uses-webp-images"

(parse)

---

[error] 25-25: Expected an array, an object, or a literal but instead found '// Skips WebP image format recommendation'.

Expected an array, an object, or a literal here.

(parse)

---

[error] 26-26: expected , but instead found "uses-text-compression"

Remove "uses-text-compression"

(parse)

⏰ Context from checks skipped due to timeout of 180000ms (2)

• GitHub Check: Test NodeJS PR - macos-13
• GitHub Check: Test NodeJS PR - windows-latest

🔇 Additional comments (3)

.github/workflows/lighthouserc.json (3)

2-9: Lighthouse CI Assertion Settings Updated
The thresholds for the accessibility, best-practices, and seo categories have been updated to 0.8, 0.8, and 0.7 respectively. This appears intentional to better accommodate the animated testimonial content while ensuring performance remains in check. Please verify these values meet your overall quality goals.

---

1-32: Overall Configuration File Update Overview
The updated Lighthouse CI configuration reflects the new performance and accessibility targets required for the enhanced testimonial animations. After addressing the JSON syntax errors in the skipAudits section, the file will be correctly parsed by CI tools.

🧰 Tools

🪛 Biome (1.9.4)

[error] 22-22: Expected an array, an object, or a literal but instead found '// Skips checking for responsive images'.

Expected an array, an object, or a literal here.

(parse)

---

[error] 23-23: expected , but instead found "offscreen-images"

Remove "offscreen-images"

(parse)

---

[error] 23-23: Expected an array, an object, or a literal but instead found '// Skips lazy-loading recommendations'.

Expected an array, an object, or a literal here.

(parse)

---

[error] 24-24: expected , but instead found "uses-optimized-images"

Remove "uses-optimized-images"

(parse)

---

[error] 24-24: Expected an array, an object, or a literal but instead found '// Skips image compression checks'.

Expected an array, an object, or a literal here.

(parse)

---

[error] 25-25: expected , but instead found "uses-webp-images"

Remove "uses-webp-images"

(parse)

---

[error] 25-25: Expected an array, an object, or a literal but instead found '// Skips WebP image format recommendation'.

Expected an array, an object, or a literal here.

(parse)

---

[error] 26-26: expected , but instead found "uses-text-compression"

Remove "uses-text-compression"

(parse)

---

12-27: 🛠️ Refactor suggestion

⚠️ Potential issue

Invalid JSON: Remove Inline Comments and Extra Audit Entry
JSON does not support inline comments, and the comments in the skipAudits array (on lines 22–25) are causing syntax errors. Additionally, the static analysis recommends removing the "uses-text-compression" entry. Please remove the trailing inline comments from each array item and omit "uses-text-compression".

Below is a suggested diff to fix the issues:

           "skipAudits": [
-          "robots-txt",
-          "canonical",
-          "tap-targets",
-          "is-crawlable",
-          "works-offline",
-          "offline-start-url",
-          "uses-long-cache-ttl",
-          "uses-http2",
-          "uses-rel-preconnect",
-          "uses-responsive-images", // Skips checking for responsive images
-          "offscreen-images", // Skips lazy-loading recommendations
-          "uses-optimized-images", // Skips image compression checks
-          "uses-webp-images", // Skips WebP image format recommendation
-          "uses-text-compression"
+          "robots-txt",
+          "canonical",
+          "tap-targets",
+          "is-crawlable",
+          "works-offline",
+          "offline-start-url",
+          "uses-long-cache-ttl",
+          "uses-http2",
+          "uses-rel-preconnect",
+          "uses-responsive-images",
+          "offscreen-images",
+          "uses-optimized-images",
+          "uses-webp-images"

Removing the inline comments and "uses-text-compression" resolves the JSON parsing issues.

Likely an incorrect or invalid review comment.

🧰 Tools

🪛 Biome (1.9.4)

[error] 22-22: Expected an array, an object, or a literal but instead found '// Skips checking for responsive images'.

Expected an array, an object, or a literal here.

(parse)

---

[error] 23-23: expected , but instead found "offscreen-images"

Remove "offscreen-images"

(parse)

---

[error] 23-23: Expected an array, an object, or a literal but instead found '// Skips lazy-loading recommendations'.

Expected an array, an object, or a literal here.

(parse)

---

[error] 24-24: expected , but instead found "uses-optimized-images"

Remove "uses-optimized-images"

(parse)

---

[error] 24-24: Expected an array, an object, or a literal but instead found '// Skips image compression checks'.

Expected an array, an object, or a literal here.

(parse)

---

[error] 25-25: expected , but instead found "uses-webp-images"

Remove "uses-webp-images"

(parse)

---

[error] 25-25: Expected an array, an object, or a literal but instead found '// Skips WebP image format recommendation'.

Expected an array, an object, or a literal here.

(parse)

---

[error] 26-26: expected , but instead found "uses-text-compression"

Remove "uses-text-compression"

(parse)

---

Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

• Review comments: Directly reply to a review comment made by CodeRabbit. Example:
  • I pushed a fix in commit <commit_id>, please review it.
  • Generate unit testing code for this file.
  • Open a follow-up GitHub issue for this discussion.
• Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
  • @coderabbitai generate unit testing code for this file.
  • @coderabbitai modularize this function.
• PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
  • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
  • @coderabbitai read src/utils.ts and generate unit testing code.
  • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.
  • @coderabbitai help me debug CodeRabbit configuration file.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

CodeRabbit Commands (Invoked using PR comments)

• @coderabbitai pause to pause the reviews on a PR.
• @coderabbitai resume to resume the paused reviews.
• @coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
• @coderabbitai full review to do a full review from scratch and review all the files again.
• @coderabbitai summary to regenerate the summary of the PR.
• @coderabbitai generate docstrings to generate docstrings for this PR.
• @coderabbitai resolve resolve all the CodeRabbit review comments.
• @coderabbitai configuration to show the current CodeRabbit configuration for the repository.
• @coderabbitai help to get help.

Other keywords and placeholders

• Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
• Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
• Add @coderabbitai anywhere in the PR title to generate the title automatically.

Documentation and Community

• Visit our Documentation for detailed information on how to use CodeRabbit.
• Join our Discord Community to get help, request features, and share feedback.
• Follow us on X/Twitter for updates and announcements.

[github-actions]

Welcome to AsyncAPI. Thanks a lot for creating your first pull request. Please check out our contributors guide useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

[netlify]

✅ Deploy Preview for asyncapi-website ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	dc804fb
🔍 Latest deploy log	https://app.netlify.com/sites/asyncapi-website/deploys/67c1a338f1a6d100084ac734
😎 Deploy Preview	https://deploy-preview-3749--asyncapi-website.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[coderabbitai]

Actionable comments posted: 7

🔭 Outside diff range comments (1)

pages/[lang]/index.tsx (1)

48-252: ⚠️ Potential issue

Fix JSX quote consistency throughout the file

There are numerous instances where JSX attributes use double quotes instead of single quotes, violating the project's style guidelines. This is causing many pipeline failures.

Run the project's linting fix command to automatically correct these issues:

npm run lint:fix

This will convert all double quotes to single quotes in JSX attributes throughout the file, resolving the majority of the linting errors.

🧰 Tools

🪛 ESLint

[error] 48-48: Replace "AsyncAPI·Initiative·for·event-driven·APIs" with 'AsyncAPI·Initiative·for·event-driven·APIs'

(prettier/prettier)

---

[error] 48-48: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 49-49: Replace "main-content"·className="scroll-mt-5" with 'main-content'·className='scroll-mt-5'

(prettier/prettier)

---

[error] 49-49: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 49-49: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 51-51: Replace "mb-24" with 'mb-24'

(prettier/prettier)

---

[error] 51-51: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 54-54: Replace "pb-12·text-center"·wide·as="section" with 'pb-12·text-center'·wide·as='section'

(prettier/prettier)

---

[error] 54-54: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 54-54: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 55-59: Replace ⏎············level={HeadingLevel.h3}⏎············typeStyle={HeadingTypeStyle.lg}⏎············className="mb-4"⏎·········· with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4'

(prettier/prettier)

---

[error] 58-58: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 62-62: Replace "mb-20·mt-2·md:mx-auto·md:w-2/3" with 'mb-20·mt-2·md:mx-auto·md:w-2/3'

(prettier/prettier)

---

[error] 62-62: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 64-67: Replace ⏎··············href="https://github.com/asyncapi/website/issues/new"⏎··············target="_blank"⏎············ with ·href='https://github.com/asyncapi/website/issues/new'·target='_blank'

(prettier/prettier)

---

[error] 65-65: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 66-66: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 71-71: Replace "md:grid·md:grid-cols-2·md:gap-8·lg:grid-cols-5" with 'md:grid·md:grid-cols-2·md:gap-8·lg:grid-cols-5'

(prettier/prettier)

---

[error] 71-71: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 72-72: Replace "flex·justify-center" with 'flex·justify-center'

(prettier/prettier)

---

[error] 72-72: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 73-73: Replace "h-8·text-gray-400·hover:text-black" with 'h-8·text-gray-400·hover:text-black'

(prettier/prettier)

---

[error] 73-73: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 75-75: Replace "flex·justify-center" with 'flex·justify-center'

(prettier/prettier)

---

[error] 75-75: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 76-76: Replace "group·mt-12·h-14·text-gray-400·hover:text-black·md:-mt-5·lg:-mt-5" with 'group·mt-12·h-14·text-gray-400·hover:text-black·md:-mt-5·lg:-mt-5'

(prettier/prettier)

---

[error] 76-76: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 78-78: Replace "flex·justify-center" with 'flex·justify-center'

(prettier/prettier)

---

[error] 78-78: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 79-79: Replace "group·mt-12·h-10·text-gray-400·hover:text-black·md:mt-2·lg:-mt-1" with 'group·mt-12·h-10·text-gray-400·hover:text-black·md:mt-2·lg:-mt-1'

(prettier/prettier)

---

[error] 79-79: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 81-81: Replace "flex·justify-center" with 'flex·justify-center'

(prettier/prettier)

---

[error] 81-81: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 82-82: Replace "mt-12·h-16·text-gray-400·md:mt-2·lg:-mt-4" with 'mt-12·h-16·text-gray-400·md:mt-2·lg:-mt-4'

(prettier/prettier)

---

[error] 82-82: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 84-84: Replace "flex·justify-center" with 'flex·justify-center'

(prettier/prettier)

---

[error] 84-84: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 85-85: Replace "mt-12·h-12·text-gray-400·md:mt-2·lg:-mt-2" with 'mt-12·h-12·text-gray-400·md:mt-2·lg:-mt-2'

(prettier/prettier)

---

[error] 85-85: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 90-90: Replace "mt-8·bg-dark·py-12" with 'mt-8·bg-dark·py-12'

(prettier/prettier)

---

[error] 90-90: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 91-91: Replace "section" with 'section'

(prettier/prettier)

---

[error] 91-91: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 96-96: Replace "py-12·text-center"·wide·as="section" with 'py-12·text-center'·wide·as='section'

(prettier/prettier)

---

[error] 96-96: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 96-96: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 97-101: Replace ⏎············level={HeadingLevel.h3}⏎············typeStyle={HeadingTypeStyle.lg}⏎············className="mb-4"⏎·········· with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4'

(prettier/prettier)

---

[error] 100-100: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 104-106: Replace "mt-2·md:mx-auto·md:w-1/2">⏎············{t('community.subtitle')}⏎·········· with 'mt-2·md:mx-auto·md:w-1/2'>{t('community.subtitle')}

(prettier/prettier)

---

[error] 104-104: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 107-107: Replace "py-2·lg:py-12" with 'py-2·lg:py-12'

(prettier/prettier)

---

[error] 107-107: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 109-109: Replace "lg:flex" with 'lg:flex'

(prettier/prettier)

---

[error] 109-109: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 110-110: Replace "mt-10·lg:mt-0·lg:w-1/2" with 'mt-10·lg:mt-0·lg:w-1/2'

(prettier/prettier)

---

[error] 110-110: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 113-113: Replace "lg:ml-12·lg:w-1/2·lg:max-w-xl·lg:text-left" with 'lg:ml-12·lg:w-1/2·lg:max-w-xl·lg:text-left'

(prettier/prettier)

---

[error] 113-113: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 114-114: Replace "mt-5" with 'mt-5'

(prettier/prettier)

---

[error] 114-114: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 115-118: Replace ⏎······················level={HeadingLevel.h4}⏎······················typeStyle={HeadingTypeStyle.mdSemibold}⏎···················· with ·level={HeadingLevel.h4}·typeStyle={HeadingTypeStyle.mdSemibold}

(prettier/prettier)

---

[error] 121-123: Replace "mt-2">⏎······················{t('community.slackCTADesc')}⏎···················· with 'mt-2'>{t('community.slackCTADesc')}

(prettier/prettier)

---

[error] 121-121: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 125-125: Replace "mt-5·flex·justify-center·lg:justify-start" with 'mt-5·flex·justify-center·lg:justify-start'

(prettier/prettier)

---

[error] 125-125: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 126-130: Replace ⏎······················className="w-full·md:w-auto"⏎······················text={t('community.slackCTABtn')}⏎······················href="/slack-invite"⏎··················· with ·className='w-full·md:w-auto'·text={t('community.slackCTABtn')}·href='/slack-invite'

(prettier/prettier)

---

[error] 127-127: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 129-129: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 135-135: Replace "mt-12·lg:flex·lg:flex-row-reverse" with 'mt-12·lg:flex·lg:flex-row-reverse'

(prettier/prettier)

---

[error] 135-135: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 136-136: Replace "mt-10·lg:mt-0·lg:flex-1" with 'mt-10·lg:mt-0·lg:flex-1'

(prettier/prettier)

---

[error] 136-136: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 139-139: Replace "lg:mr-12·lg:max-w-xl·lg:text-left" with 'lg:mr-12·lg:max-w-xl·lg:text-left'

(prettier/prettier)

---

[error] 139-139: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 140-140: Replace "mt-5·lg:mr-12" with 'mt-5·lg:mr-12'

(prettier/prettier)

---

[error] 140-140: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 141-144: Replace ⏎······················level={HeadingLevel.h3}⏎······················typeStyle={HeadingTypeStyle.mdSemibold}⏎···················· with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.mdSemibold}

(prettier/prettier)

---

[error] 147-147: Replace "mt-2" with 'mt-2'

(prettier/prettier)

---

[error] 147-147: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 150-152: Replace "/community/meetings">⏎························{t('community.meetingLink')}⏎······················ with '/community/meetings'>{t('community.meetingLink')}

(prettier/prettier)

---

[error] 150-150: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 154-154: Replace "mt-5·justify-center·md:flex" with 'mt-5·justify-center·md:flex'

(prettier/prettier)

---

[error] 154-154: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 156-156: Replace "https://calendar.google.com/calendar/u/3?cid=Y19xOXRzZWlnbG9tZHNqNm5qdWh2YnB0czExY0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t" with 'https://calendar.google.com/calendar/u/3?cid=Y19xOXRzZWlnbG9tZHNqNm5qdWh2YnB0czExY0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t'

(prettier/prettier)

---

[error] 156-156: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 159-162: Replace ⏎··························href="/community/meetings"⏎··························className="mt-2·md:ml-2·md:mt-0"⏎······················· with ·href='/community/meetings'·className='mt-2·md:ml-2·md:mt-0'

(prettier/prettier)

---

[error] 160-160: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 161-161: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 166-166: Replace "https://calendar.google.com/calendar/ical/c_q9tseiglomdsj6njuhvbpts11c%40group.calendar.google.com/public/basic.ics" with 'https://calendar.google.com/calendar/ical/c_q9tseiglomdsj6njuhvbpts11c%40group.calendar.google.com/public/basic.ics'

(prettier/prettier)

---

[error] 166-166: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 167-167: Replace "mt-2·md:ml-2·md:mt-0" with 'mt-2·md:ml-2·md:mt-0'

(prettier/prettier)

---

[error] 167-167: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 181-181: Replace "pb-20"·role="contentinfo"·aria-label="Our·Sponsors" with 'pb-20'·role='contentinfo'·aria-label='Our·Sponsors'

(prettier/prettier)

---

[error] 181-181: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 181-181: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 181-181: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 182-182: Replace "pb-6·text-center"·wide·as="section" with 'pb-6·text-center'·wide·as='section'

(prettier/prettier)

---

[error] 182-182: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 182-182: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 183-187: Replace ⏎··············level={HeadingLevel.h3}⏎··············typeStyle={HeadingTypeStyle.lg}⏎··············className="mb-4"⏎············ with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4'

(prettier/prettier)

---

[error] 186-186: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 190-190: Replace "mt-4" with 'mt-4'

(prettier/prettier)

---

[error] 190-190: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 193-193: Replace "pb-6·text-center"·wide·as="section" with 'pb-6·text-center'·wide·as='section'

(prettier/prettier)

---

[error] 193-193: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 193-193: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 194-198: Replace ⏎··············level={HeadingLevel.h3}⏎··············typeStyle={HeadingTypeStyle.lg}⏎··············className="mb-4"⏎············ with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4'

(prettier/prettier)

---

[error] 197-197: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 201-201: Replace "mt-4" with 'mt-4'

(prettier/prettier)

---

[error] 201-201: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 204-204: Replace "pyb-6·text-center"·wide·as="section" with 'pyb-6·text-center'·wide·as='section'

(prettier/prettier)

---

[error] 204-204: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 204-204: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 205-209: Replace ⏎··············level={HeadingLevel.h3}⏎··············typeStyle={HeadingTypeStyle.lg}⏎··············className="mb-4"⏎············ with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4'

(prettier/prettier)

---

[error] 208-208: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 212-212: Replace "mt-4" with 'mt-4'

(prettier/prettier)

---

[error] 212-212: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 215-215: Replace "py-6·text-center"·wide·as="section" with 'py-6·text-center'·wide·as='section'

(prettier/prettier)

---

[error] 215-215: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 215-215: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 216-220: Replace ⏎··············level={HeadingLevel.h3}⏎··············typeStyle={HeadingTypeStyle.mdSemibold}⏎··············className="mb-4"⏎············ with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.mdSemibold}·className='mb-4'

(prettier/prettier)

---

[error] 219-219: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 223-223: Replace "mt-2·md:mx-auto·md:w-1/2" with 'mt-2·md:mx-auto·md:w-1/2'

(prettier/prettier)

---

[error] 223-223: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 225-228: Replace ⏎················href="https://opencollective.com/asyncapi"⏎················target="_blank"⏎·············· with ·href='https://opencollective.com/asyncapi'·target='_blank'

(prettier/prettier)

---

[error] 226-226: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 227-227: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 234-234: Replace "py-6·pb-20·text-center" with 'py-6·pb-20·text-center'

(prettier/prettier)

---

[error] 234-234: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 235-239: Replace ⏎············level={HeadingLevel.h3}⏎············typeStyle={HeadingTypeStyle.lg}⏎············className="mb-4"⏎·········· with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4'

(prettier/prettier)

---

[error] 238-238: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 242-242: Replace "mx-auto·mt-3·max-w-2xl·pb-4·sm:mt-4" with 'mx-auto·mt-3·max-w-2xl·pb-4·sm:mt-4'

(prettier/prettier)

---

[error] 242-242: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 244-244: Replace "mailto:[email protected]"·target="_blank" with 'mailto:[email protected]'·target='_blank'

(prettier/prettier)

---

[error] 244-244: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 244-244: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 249-249: Replace "mt-4" with 'mt-4'

(prettier/prettier)

---

[error] 249-249: Unexpected usage of doublequote.

(jsx-quotes)

🪛 GitHub Actions: PR testing - if Node project

[error] 48-48: Replace "AsyncAPI·Initiative·for·event-driven·APIs" with 'AsyncAPI·Initiative·for·event-driven·APIs' prettier/prettier

---

[error] 48-48: Unexpected usage of doublequote. jsx-quotes

---

[error] 49-49: Replace "main-content"·className="scroll-mt-5" with 'main-content'·className='scroll-mt-5' prettier/prettier

---

[error] 49-49: Unexpected usage of doublequote. jsx-quotes

---

[error] 49-49: Unexpected usage of doublequote. jsx-quotes

---

[error] 51-51: Replace "mb-24" with 'mb-24' prettier/prettier

---

[error] 51-51: Unexpected usage of doublequote. jsx-quotes

---

[error] 54-54: Replace "pb-12·text-center"·wide·as="section" with 'pb-12·text-center'·wide·as='section' prettier/prettier

---

[error] 54-54: Unexpected usage of doublequote. jsx-quotes

---

[error] 54-54: Unexpected usage of doublequote. jsx-quotes

---

[error] 55-55: Replace ⏎············level={HeadingLevel.h3}⏎············typeStyle={HeadingTypeStyle.lg}⏎············className="mb-4"⏎·········· with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4' prettier/prettier

---

[error] 58-58: Unexpected usage of doublequote. jsx-quotes

---

[error] 62-62: Replace "mb-20·mt-2·md:mx-auto·md:w-2/3" with 'mb-20·mt-2·md:mx-auto·md:w-2/3' prettier/prettier

---

[error] 62-62: Unexpected usage of doublequote. jsx-quotes

---

[error] 64-64: Replace ⏎··············href="https://github.com/asyncapi/website/issues/new"⏎··············target="_blank"⏎············ with ·href='https://github.com/asyncapi/website/issues/new'·target='_blank' prettier/prettier

---

[error] 65-65: Unexpected usage of doublequote. jsx-quotes

---

[error] 66-66: Unexpected usage of doublequote. jsx-quotes

---

[error] 71-71: Replace "md:grid·md:grid-cols-2·md:gap-8·lg:grid-cols-5" with 'md:grid·md:grid-cols-2·md:gap-8·lg:grid-cols-5' prettier/prettier

---

[error] 71-71: Unexpected usage of doublequote. jsx-quotes

---

[error] 72-72: Replace "flex·justify-center" with 'flex·justify-center' prettier/prettier

---

[error] 72-72: Unexpected usage of doublequote. jsx-quotes

---

[error] 73-73: Replace "h-8·text-gray-400·hover:text-black" with 'h-8·text-gray-400·hover:text-black' prettier/prettier

---

[error] 73-73: Unexpected usage of doublequote. jsx-quotes

---

[error] 75-75: Replace "flex·justify-center" with 'flex·justify-center' prettier/prettier

---

[error] 75-75: Unexpected usage of doublequote. jsx-quotes

---

[error] 76-76: Replace "group·mt-12·h-14·text-gray-400·hover:text-black·md:-mt-5·lg:-mt-5" with 'group·mt-12·h-14·text-gray-400·hover:text-black·md:-mt-5·lg:-mt-5' prettier/prettier

---

[error] 76-76: Unexpected usage of doublequote. jsx-quotes

---

[error] 78-78: Replace "flex·justify-center" with 'flex·justify-center' prettier/prettier

---

[error] 78-78: Unexpected usage of doublequote. jsx-quotes

---

[error] 79-79: Replace "group·mt-12·h-10·text-gray-400·hover:text-black·md:mt-2·lg:-mt-1" with 'group·mt-12·h-10·text-gray-400·hover:text-black·md:mt-2·lg:-mt-1' prettier/prettier

---

[error] 79-79: Unexpected usage of doublequote. jsx-quotes

---

[error] 81-81: Replace "flex·justify-center" with 'flex·justify-center' prettier/prettier

---

[error] 81-81: Unexpected usage of doublequote. jsx-quotes

---

[error] 82-82: Replace "mt-12·h-16·text-gray-400·md:mt-2·lg:-mt-4" with 'mt-12·h-16·text-gray-400·md:mt-2·lg:-mt-4' prettier/prettier

---

[error] 82-82: Unexpected usage of doublequote. jsx-quotes

---

[error] 84-84: Replace "flex·justify-center" with 'flex·justify-center' prettier/prettier

---

[error] 84-84: Unexpected usage of doublequote. jsx-quotes

---

[error] 85-85: Replace "mt-12·h-12·text-gray-400·md:mt-2·lg:-mt-2" with 'mt-12·h-12·text-gray-400·md:mt-2·lg:-mt-2' prettier/prettier

---

[error] 85-85: Unexpected usage of doublequote. jsx-quotes

---

[error] 90-90: Replace "mt-8·bg-dark·py-12" with 'mt-8·bg-dark·py-12' prettier/prettier

---

[error] 90-90: Unexpected usage of doublequote. jsx-quotes

---

[error] 91-91: Replace "section" with 'section' prettier/prettier

---

[error] 91-91: Unexpected usage of doublequote. jsx-quotes

---

[error] 96-96: Replace "py-12·text-center"·wide·as="section" with 'py-12·text-center'·wide·as='section' prettier/prettier

---

[error] 96-96: Unexpected usage of doublequote. jsx-quotes

---

[error] 96-96: Unexpected usage of doublequote. jsx-quotes

---

[error] 97-97: Replace ⏎············level={HeadingLevel.h3}⏎············typeStyle={HeadingTypeStyle.lg}⏎············className="mb-4"⏎·········· with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4' prettier/prettier

---

[error] 100-100: Unexpected usage of doublequote. jsx-quotes

---

[error] 104-104: Replace "mt-2·md:mx-auto·md:w-1/2">⏎············{t('community.subtitle')}⏎·········· with 'mt-2·md:mx-auto·md:w-1/2'>{t('community.subtitle')} prettier/prettier

---

[error] 104-104: Unexpected usage of doublequote. jsx-quotes

---

[error] 107-107: Replace "py-2·lg:py-12" with 'py-2·lg:py-12' prettier/prettier

---

[error] 107-107: Unexpected usage of doublequote. jsx-quotes

---

[error] 109-109: Replace "lg:flex" with 'lg:flex' prettier/prettier

---

[error] 109-109: Unexpected usage of doublequote. jsx-quotes

---

[error] 110-110: Replace "mt-10·lg:mt-0·lg:w-1/2" with 'mt-10·lg:mt-0·lg:w-1/2' prettier/prettier

---

[error] 110-110: Unexpected usage of doublequote. jsx-quotes

---

[error] 113-113: Replace "lg:ml-12·lg:w-1/2·lg:max-w-xl·lg:text-left" with 'lg:ml-12·lg:w-1/2·lg:max-w-xl·lg:text-left' prettier/prettier

---

[error] 113-113: Unexpected usage of doublequote. jsx-quotes

---

[error] 114-114: Replace "mt-5" with 'mt-5' prettier/prettier

---

[error] 114-114: Unexpected usage of doublequote. jsx-quotes

---

[error] 115-115: Replace ⏎······················level={HeadingLevel.h4}⏎······················typeStyle={HeadingTypeStyle.mdSemibold}⏎···················· with ·level={HeadingLevel.h4}·typeStyle={HeadingTypeStyle.mdSemibold} prettier/prettier

---

[error] 121-121: Replace "mt-2">⏎······················{t('community.slackCTADesc')}⏎···················· with 'mt-2'>{t('community.slackCTADesc')} prettier/prettier

---

[error] 121-121: Unexpected usage of doublequote. jsx-quotes

---

[error] 125-125: Replace "mt-5·flex·justify-center·lg:justify-start" with 'mt-5·flex·justify-center·lg:justify-start' prettier/prettier

---

[error] 125-125: Unexpected usage of doublequote. jsx-quotes

---

[error] 126-126: Replace ⏎······················className="w-full·md:w-auto"⏎······················text={t('community.slackCTABtn')}⏎······················href="/slack-invite"⏎··················· with ·className='w-full·md:w-auto'·text={t('community.slackCTABtn')}·href='/slack-invite' prettier/prettier

---

[error] 127-127: Unexpected usage of doublequote. jsx-quotes

---

[error] 129-129: Unexpected usage of doublequote. jsx-quotes

---

[error] 135-135: Replace "mt-12·lg:flex·lg:flex-row-reverse" with 'mt-12·lg:flex·lg:flex-row-reverse' prettier/prettier

---

[error] 135-135: Unexpected usage of doublequote. jsx-quotes

---

[error] 136-136: Replace "mt-10·lg:mt-0·lg:flex-1" with 'mt-10·lg:mt-0·lg:flex-1' prettier/prettier

---

[error] 136-136: Unexpected usage of doublequote. jsx-quotes

---

[error] 139-139: Replace "lg:mr-12·lg:max-w-xl·lg:text-left" with 'lg:mr-12·lg:w-1/2·lg:max-w-xl·lg:text-left' prettier/prettier

---

[error] 139-139: Unexpected usage of doublequote. jsx-quotes

---

[error] 140-140: Replace "mt-5·lg:mr-12" with 'mt-5·lg:mr-12' prettier/prettier

---

[error] 140-140: Unexpected usage of doublequote. jsx-quotes

---

[error] 141-141: Replace ⏎······················level={HeadingLevel.h3}⏎······················typeStyle={HeadingTypeStyle.mdSemibold}⏎···················· with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.mdSemibold} prettier/prettier

---

[error] 147-147: Replace "mt-2" with 'mt-2' prettier/prettier

---

[error] 147-147: Unexpected usage of doublequote. jsx-quotes

---

[error] 150-150: Replace "/community/meetings">⏎························{t('community.meetingLink')}⏎···················· with '/community/meetings'>{t('community.meetingLink')} prettier/prettier

---

[error] 150-150: Unexpected usage of doublequote. jsx-quotes

---

[error] 154-154: Replace "mt-5·justify-center·md:flex" with 'mt-5·justify-center·md:flex' prettier/prettier

---

[error] 154-154: Unexpected usage of doublequote. jsx-quotes

---

[error] 156-156: Replace "https://calendar.google.com/calendar/u/3?cid=Y19xOXRzZWlnbG9tZHNqNm5qdWh2YnB0czExY0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t" with 'https://calendar.google.com/calendar/u/3?cid=Y19xOXRzZWlnbG9tZHNqNm5qdWh2YnB0czExY0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t' prettier/prettier

---

[error] 156-156: Unexpected usage of doublequote. jsx-quotes

---

[error] 159-159: Replace ⏎··························href="/community/meetings"⏎··························className="mt-2·md:ml-2·md:mt-0"⏎······················· with ·href='/community/meetings'·className='mt-2·md:ml-2·md:mt-0' prettier/prettier

---

[error] 160-160: Unexpected usage of doublequote. jsx-quotes

---

[error] 161-161: Unexpected usage of doublequote. jsx-quotes

---

[error] 166-166: Replace "https://calendar.google.com/calendar/ical/c_q9tseiglomdsj6njuhvbpts11c%40group.calendar.google.com/public/basic.ics" with 'https://calendar.google.com/calendar/ical/c_q9tseiglomdsj6njuhvbpts11c%40group.calendar.google.com/public/basic.ics' prettier/prettier

---

[error] 166-166: Unexpected usage of doublequote. jsx-quotes

---

[error] 167-167: Replace "mt-2·md:ml-2·md:mt-0" with 'mt-2·md:ml-2·md:mt-0' prettier/prettier

---

[error] 167-167: Unexpected usage of doublequote. jsx-quotes

---

[error] 181-181: Replace "pb-20"·role="contentinfo"·aria-label="Our·Sponsors" with 'pb-20'·role='contentinfo'·aria-label='Our·Sponsors' prettier/prettier

---

[error] 181-181: Unexpected usage of doublequote. jsx-quotes

---

[error] 181-181: Unexpected usage of doublequote. jsx-quotes

---

[error] 182-182: Replace "pb-6·text-center"·wide·as="section" with 'pb-6·text-center'·wide·as='section' prettier/prettier

---

[error] 182-182: Unexpected usage of doublequote. jsx-quotes

---

[error] 183-183: Replace ⏎··············level={HeadingLevel.h3}⏎··············typeStyle={HeadingTypeStyle.lg}⏎··············className="mb-4"⏎············ with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4' prettier/prettier

---

[error] 186-186: Unexpected usage of doublequote. jsx-quotes

---

[error] 190-190: Replace "mt-4" with 'mt-4' prettier/prettier

---

[error] 190-190: Unexpected usage of doublequote. jsx-quotes

---

[error] 193-193: Replace "pb-6·text-center"·wide·as="section" with 'pb-6·text-center'·wide·as='section' prettier/prettier

---

[error] 193-193: Unexpected usage of doublequote. jsx-quotes

---

[error] 194-194: Replace ⏎··············level={HeadingLevel.h3}⏎··············typeStyle={HeadingTypeStyle.lg}⏎··············className="mb-4"⏎············ with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4' prettier/prettier

---

[error] 197-197: Unexpected usage of doublequote. jsx-quotes

---

[error] 201-201: Replace "mt-4" with 'mt-4' prettier/prettier

---

[error] 201-201: Unexpected usage of doublequote. jsx-quotes

---

[error] 204-204: Replace "pyb-6·text-center"·wide·as="section" with 'pyb-6·text-center'·wide·as='section' prettier/prettier

---

[error] 204-204: Unexpected usage of doublequote. jsx-quotes

---

[error] 205-205: Replace ⏎··············level={HeadingLevel.h3}⏎··············typeStyle={HeadingTypeStyle.lg}⏎··············className="mb-4"⏎············ with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4' prettier/prettier

---

[error] 208-208: Unexpected usage of doublequote. jsx-quotes

---

[error] 212-212: Replace "mt-4" with 'mt-4' prettier/prettier

---

[error] 212-212: Unexpected usage of doublequote. jsx-quotes

---

[error] 215-215: Replace "py-6·text-center"·wide·as="section" with 'py-6·text-center'·wide·as='section' prettier/prettier

---

[error] 215-215: Unexpected usage of doublequote. jsx-quotes

---

[error] 215-215: Unexpected usage of doublequote. jsx-quotes

🧹 Nitpick comments (5)

components/AnimatedTestimonialsDemo.tsx (2)

1-3: Export component has missing JSDoc documentation

The component is missing a JSDoc comment to explain its purpose and usage.

Add a JSDoc comment before the function declaration:

import { AnimatedTestimonials } from '@/components/ui/animated-testimonials';

+/**
+ * A component that demonstrates animated testimonials from industry experts.
+ * It displays quotes with author information and images in a rotating carousel.
+ */
export function AnimatedTestimonialsDemo() {

🧰 Tools

🪛 GitHub Actions: PR testing - if Node project

[warning] 3-3: Missing JSDoc comment. require-jsdoc

---

35-35: Fix the Tailwind CSS classnames order

The Tailwind CSS classnames are not in the correct order according to the linting rules.

Reorder the classnames:

-    <div className='text-center mt-8'>
+    <div className='mt-8 text-center'>

🧰 Tools

🪛 ESLint

[error] 35-35: Replace "text-center·mt-8" with 'text-center·mt-8'

(prettier/prettier)

---

[error] 35-35: Unexpected usage of doublequote.

(jsx-quotes)

🪛 GitHub Actions: PR testing - if Node project

[warning] 35-35: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

---

[error] 35-35: Replace "text-center·mt-8" with 'text-center·mt-8' prettier/prettier

---

[error] 35-35: Unexpected usage of doublequote. jsx-quotes

components/ui/animated-testimonials.tsx (3)

42-45: Consider memoizing the randomRotateY function.

This function is used in animations and could benefit from memoization to avoid unnecessary recalculations.

+ import { useCallback } from 'react';

// ...

- const randomRotateY = () => {
+ const randomRotateY = useCallback(() => {
    return Math.floor(Math.random() * 21) - 10;
- };
+ }, []);

---

148-164: Fix formatting issues in navigation buttons and improve hover animations.

There are multiple formatting issues with className strings. Also, consider enhancing the hover animation for better user experience.

-          <div className="flex gap-4 pt-12 md:pt-0">
+          <div className='flex gap-4 pt-12 md:pt-0'>
            <button
              onClick={handlePrev}
-              className="h-7 w-7 rounded-full bg-[#A87EFC] flex items-center justify-center group/button"
+              className='flex h-7 w-7 items-center justify-center rounded-full bg-[#A87EFC] group/button'
+              aria-label='Previous testimonial'
            >
-              <IconArrowLeft className="h-5 w-5 text-white dark:text-white group-hover/button:rotate-12 transition-transform duration-300" />
+              <IconArrowLeft className='h-5 w-5 text-white transition-transform duration-300 group-hover/button:rotate-12 dark:text-white' />
            </button>
            <button
              onClick={handleNext}
-              className="h-7 w-7 rounded-full bg-[#A87EFC] flex items-center justify-center group/button"
+              className='flex h-7 w-7 items-center justify-center rounded-full bg-[#A87EFC] group/button'
+              aria-label='Next testimonial'
            >
-              <IconArrowRight className="h-5 w-5 text-white dark:text-white group-hover/button:rotate-12 transition-transform duration-300" />
+              <IconArrowRight className='h-5 w-5 text-white transition-transform duration-300 group-hover/button:rotate-12 dark:text-white' />
            </button>
          </div>
        </div>
      </div>
    </div>

Adding aria-labels to the buttons improves accessibility for screen readers.

🧰 Tools

🪛 ESLint

[error] 148-148: Replace "flex·gap-4·pt-12·md:pt-0" with 'flex·gap-4·pt-12·md:pt-0'

(prettier/prettier)

---

[error] 148-148: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 151-151: Replace "h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button" with 'h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button'

(prettier/prettier)

---

[error] 151-151: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 153-153: Replace "h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300" with 'h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300'

(prettier/prettier)

---

[error] 153-153: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 157-157: Replace "h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button" with 'h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button'

(prettier/prettier)

---

[error] 157-157: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 159-159: Replace "h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300" with 'h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300'

(prettier/prettier)

---

[error] 159-159: Unexpected usage of doublequote.

(jsx-quotes)

🪛 GitHub Actions: PR testing - if Node project

[error] 148-148: Replace "flex·gap-4·pt-12·md:pt-0" with 'flex·gap-4·pt-12·md:pt-0' prettier/prettier

---

[error] 148-148: Unexpected usage of doublequote. jsx-quotes

---

[warning] 151-151: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

---

[error] 151-151: Replace "h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button" with 'h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button' prettier/prettier

---

[error] 151-151: Unexpected usage of doublequote. jsx-quotes

---

[warning] 153-153: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

---

[error] 153-153: Replace "h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300" with 'h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300' prettier/prettier

---

[error] 153-153: Unexpected usage of doublequote. jsx-quotes

---

1-166: Add accessibility and performance enhancements to the testimonial carousel.

The current implementation could benefit from some accessibility and performance improvements:

1. The testimonial carousel lacks proper ARIA roles
2. We should add keyboard navigation support
3. Add an optional pause button for autoplay

 'use client';
 
 import { useEffect, useState } from 'react';
 import Image from 'next/image';
 import { motion, AnimatePresence } from 'framer-motion';
-import { IconArrowLeft, IconArrowRight } from '@tabler/icons-react';
+import { IconArrowLeft, IconArrowRight, IconPlayerPause, IconPlayerPlay } from '@tabler/icons-react';

 type Testimonial = {
   quote: string;
   name: string;
   designation: string;
   src: string;
 };

 export const AnimatedTestimonials = ({
   testimonials,
   autoplay = false
 }: {
   testimonials: Testimonial[];
   autoplay?: boolean;
 }) => {
   const [active, setActive] = useState(0);
+  const [isPaused, setIsPaused] = useState(false);
+
+  const handleKeyDown = (e: React.KeyboardEvent) => {
+    if (e.key === 'ArrowLeft') {
+      handlePrev();
+    } else if (e.key === 'ArrowRight') {
+      handleNext();
+    }
+  };

   // ...existing code...

   useEffect(() => {
-    if (autoplay) {
+    if (autoplay && !isPaused) {
       const interval = setInterval(handleNext, 5000);
       
       return () => clearInterval(interval);
     }
     
     return undefined;
-  }, [autoplay]);
+  }, [autoplay, isPaused]);

   // ...existing code...

   return (
-    <div className='max-w-sm md:max-w-4xl mx-auto antialiased font-sans px-4 md:px-8 lg:px-12 py-20'>
+    <div 
+      className='max-w-sm md:max-w-4xl mx-auto antialiased font-sans px-4 md:px-8 lg:px-12 py-20'
+      role="region"
+      aria-roledescription="carousel"
+      aria-label="Testimonials carousel"
+      onKeyDown={handleKeyDown}
+      tabIndex={0}
+    >

     // ...existing code...

-          <div className='flex gap-4 pt-12 md:pt-0'>
+          <div className='flex gap-4 pt-12 md:pt-0' aria-label="Carousel Navigation">
            <button
              onClick={handlePrev}
              className='flex h-7 w-7 items-center justify-center rounded-full bg-[#A87EFC] group/button'
              aria-label='Previous testimonial'
            >
              <IconArrowLeft className='h-5 w-5 text-white transition-transform duration-300 group-hover/button:rotate-12 dark:text-white' />
            </button>
            <button
              onClick={handleNext}
              className='flex h-7 w-7 items-center justify-center rounded-full bg-[#A87EFC] group/button'
              aria-label='Next testimonial'
            >
              <IconArrowRight className='h-5 w-5 text-white transition-transform duration-300 group-hover/button:rotate-12 dark:text-white' />
            </button>
+            {autoplay && (
+              <button
+                onClick={() => setIsPaused(!isPaused)}
+                className='flex h-7 w-7 items-center justify-center rounded-full bg-[#A87EFC] group/button'
+                aria-label={isPaused ? 'Play testimonial carousel' : 'Pause testimonial carousel'}
+              >
+                {isPaused ? (
+                  <IconPlayerPlay className='h-5 w-5 text-white transition-transform duration-300 group-hover/button:scale-110 dark:text-white' />
+                ) : (
+                  <IconPlayerPause className='h-5 w-5 text-white transition-transform duration-300 group-hover/button:scale-110 dark:text-white' />
+                )}
+              </button>
+            )}
          </div>

These enhancements make the component more accessible and user-friendly, while also improving the user experience for those who prefer keyboard navigation.

🧰 Tools

🪛 ESLint

[error] 1-1: Expected newline after "use client" directive.

(lines-around-directive)

---

[error] 2-5: Run autofix to sort these imports!

(simple-import-sort/imports)

---

[error] 3-3: 'framer-motion' should be listed in the project's dependencies. Run 'npm i -S framer-motion' to add it

(import/no-extraneous-dependencies)

---

[error] 16-16: Delete ,

(prettier/prettier)

---

[error] 16-16: Unexpected trailing comma.

(comma-dangle)

---

[error] 35-35: Expected to return a value at the end of arrow function.

(consistent-return)

---

[error] 37-37: Expected blank line after variable declarations.

(newline-after-var)

---

[error] 38-38: Expected blank line before this statement.

(padding-line-between-statements)

---

[error] 47-47: Replace "max-w-sm·md:max-w-4xl·mx-auto·antialiased·font-sans·px-4·md:px-8·lg:px-12·py-20" with 'max-w-sm·md:max-w-4xl·mx-auto·antialiased·font-sans·px-4·md:px-8·lg:px-12·py-20'

(prettier/prettier)

---

[error] 47-47: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 48-48: Replace "relative·grid·grid-cols-1·md:grid-cols-2·gap-20" with 'relative·grid·grid-cols-1·md:grid-cols-2·gap-20'

(prettier/prettier)

---

[error] 48-48: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 50-50: Replace "relative·h-80·w-full" with 'relative·h-80·w-full'

(prettier/prettier)

---

[error] 50-50: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 59-59: Delete ,

(prettier/prettier)

---

[error] 59-59: Unexpected trailing comma.

(comma-dangle)

---

[error] 66-68: Replace ⏎······················?·999⏎····················· with ·?·999

(prettier/prettier)

---

[error] 69-69: Delete ,

(prettier/prettier)

---

[error] 69-69: Unexpected trailing comma.

(comma-dangle)

---

[error] 75-75: Delete ,

(prettier/prettier)

---

[error] 75-75: Unexpected trailing comma.

(comma-dangle)

---

[error] 79-79: Delete ,

(prettier/prettier)

---

[error] 79-79: Unexpected trailing comma.

(comma-dangle)

---

[error] 81-81: Replace "absolute·inset-0·origin-bottom" with 'absolute·inset-0·origin-bottom'

(prettier/prettier)

---

[error] 81-81: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 89-89: Replace "h-full·w-full·rounded-3xl·object-cover·object-center" with 'h-full·w-full·rounded-3xl·object-cover·object-center'

(prettier/prettier)

---

[error] 89-89: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 96-96: Replace "flex·justify-between·flex-col·py-4" with 'flex·justify-between·flex-col·py-4'

(prettier/prettier)

---

[error] 96-96: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 101-101: Delete ,

(prettier/prettier)

---

[error] 101-101: Unexpected trailing comma.

(comma-dangle)

---

[error] 105-105: Delete ,

(prettier/prettier)

---

[error] 105-105: Unexpected trailing comma.

(comma-dangle)

---

[error] 109-109: Delete ,

(prettier/prettier)

---

[error] 109-109: Unexpected trailing comma.

(comma-dangle)

---

[error] 113-113: Delete ,

(prettier/prettier)

---

[error] 113-113: Unexpected trailing comma.

(comma-dangle)

---

[error] 116-118: Replace "text-2xl·font-bold·text-black">⏎··············{testimonials[active].name}⏎············ with 'text-2xl·font-bold·text-black'>{testimonials[active].name}

(prettier/prettier)

---

[error] 116-116: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 119-121: Replace "text-sm·font-semibold·text-[#8851FB]">⏎··············{testimonials[active].designation}⏎············ with 'text-sm·font-semibold·text-[#8851FB]'>{testimonials[active].designation}

(prettier/prettier)

---

[error] 119-119: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 122-122: Replace "text-lg·font-semibold·text-[#556061]·mt-8" with 'text-lg·font-semibold·text-[#556061]·mt-8'

(prettier/prettier)

---

[error] 122-122: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 129-129: Delete ,

(prettier/prettier)

---

[error] 129-129: Unexpected trailing comma.

(comma-dangle)

---

[error] 134-134: Delete ,

(prettier/prettier)

---

[error] 134-134: Unexpected trailing comma.

(comma-dangle)

---

[error] 139-139: Delete ,

(prettier/prettier)

---

[error] 139-139: Unexpected trailing comma.

(comma-dangle)

---

[error] 141-141: Replace "inline-block" with 'inline-block'

(prettier/prettier)

---

[error] 141-141: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 148-148: Replace "flex·gap-4·pt-12·md:pt-0" with 'flex·gap-4·pt-12·md:pt-0'

(prettier/prettier)

---

[error] 148-148: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 151-151: Replace "h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button" with 'h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button'

(prettier/prettier)

---

[error] 151-151: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 153-153: Replace "h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300" with 'h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300'

(prettier/prettier)

---

[error] 153-153: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 157-157: Replace "h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button" with 'h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button'

(prettier/prettier)

---

[error] 157-157: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 159-159: Replace "h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300" with 'h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300'

(prettier/prettier)

---

[error] 159-159: Unexpected usage of doublequote.

(jsx-quotes)

🪛 GitHub Actions: PR testing - if Node project

[error] 1-1: Expected newline after "use client" directive. lines-around-directive

---

[error] 2-2: Run autofix to sort these imports! simple-import-sort/imports

---

[error] 3-3: 'framer-motion' should be listed in the project's dependencies. Run 'npm i -S framer-motion' to add it import/no-extraneous-dependencies

---

[error] 16-16: Delete , prettier/prettier

---

[error] 16-16: Unexpected trailing comma. comma-dangle

---

[error] 35-35: Expected to return a value at the end of arrow function. consistent-return

---

[error] 37-37: Expected blank line after variable declarations. newline-after-var

---

[error] 38-38: Expected blank line before this statement. padding-line-between-statements

---

[warning] 47-47: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

---

[error] 47-47: Replace "max-w-sm·md:max-w-4xl·mx-auto·antialiased·font-sans·px-4·md:px-8·lg:px-12·py-20" with 'max-w-sm·md:max-w-4xl·mx-auto·antialiased·font-sans·px-4·md:px-8·lg:px-12·py-20' prettier/prettier

---

[error] 47-47: Unexpected usage of doublequote. jsx-quotes

---

[warning] 48-48: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

---

[error] 48-48: Replace "relative·grid·grid-cols-1·md:grid-cols-2·gap-20" with 'relative·grid·grid-cols-1·md:grid-cols-2·gap-20' prettier/prettier

---

[error] 48-48: Unexpected usage of doublequote. jsx-quotes

---

[error] 50-50: Replace "relative·h-80·w-full" with 'relative·h-80·w-full' prettier/prettier

---

[error] 50-50: Unexpected usage of doublequote. jsx-quotes

---

[error] 59-59: Delete , prettier/prettier

---

[error] 59-59: Unexpected trailing comma. comma-dangle

---

[error] 66-66: Replace ⏎······················?·999⏎····················· with ·?·999 prettier/prettier

---

[error] 69-69: Delete , prettier/prettier

---

[error] 69-69: Unexpected trailing comma. comma-dangle

---

[error] 75-75: Delete , prettier/prettier

---

[error] 75-75: Unexpected trailing comma. comma-dangle

---

[error] 79-79: Delete , prettier/prettier

---

[error] 79-79: Unexpected trailing comma. comma-dangle

---

[error] 81-81: Replace "absolute·inset-0·origin-bottom" with 'absolute·inset-0·origin-bottom' prettier/prettier

---

[error] 81-81: Unexpected usage of doublequote. jsx-quotes

---

[warning] 89-89: Classnames 'h-full, w-full' could be replaced by the 'size-full' shorthand! tailwindcss/enforces-shorthand

---

[error] 89-89: Replace "h-full·w-full·rounded-3xl·object-cover·object-center" with 'h-full·w-full·rounded-3xl·object-cover·object-center' prettier/prettier

---

[error] 89-89: Unexpected usage of doublequote. jsx-quotes

---

[warning] 96-96: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

---

[error] 96-96: Replace "flex·justify-between·flex-col·py-4" with 'flex·justify-between·flex-col·py-4' prettier/prettier

---

[error] 96-96: Unexpected usage of doublequote. jsx-quotes

---

[error] 101-101: Delete , prettier/prettier

---

[error] 101-101: Unexpected trailing comma. comma-dangle

---

[error] 105-105: Delete , prettier/prettier

---

[error] 105-105: Unexpected trailing comma. comma-dangle

---

[error] 109-109: Delete , prettier/prettier

---

[error] 109-109: Unexpected trailing comma. comma-dangle

---

[error] 113-113: Delete , prettier/prettier

---

[error] 113-113: Unexpected trailing comma. comma-dangle

---

[error] 116-116: Replace "text-2xl·font-bold·text-black">⏎··············{testimonials[active].name}⏎············ with 'text-2xl·font-bold·text-black'>{testimonials[active].name} prettier/prettier

---

[error] 116-116: Unexpected usage of doublequote. jsx-quotes

---

[error] 119-119: Replace "text-sm·font-semibold·text-[#8851FB]">⏎··············{testimonials[active].designation}⏎············ with 'text-sm·font-semibold·text-[#8851FB]'>{testimonials[active].designation} prettier/prettier

---

[error] 119-119: Unexpected usage of doublequote. jsx-quotes

---

[error] 122-122: Replace "text-lg·font-semibold·text-[#556061]·mt-8" with 'text-lg·font-semibold·text-[#556061]·mt-8' prettier/prettier

---

[error] 122-122: Unexpected usage of doublequote. jsx-quotes

---

[error] 129-129: Delete , prettier/prettier

---

[error] 129-129: Unexpected trailing comma. comma-dangle

---

[error] 134-134: Delete , prettier/prettier

---

[error] 134-134: Unexpected trailing comma. comma-dangle

---

[error] 139-139: Delete , prettier/prettier

---

[error] 139-139: Unexpected trailing comma. comma-dangle

---

[error] 141-141: Replace "inline-block" with 'inline-block' prettier/prettier

---

[error] 141-141: Unexpected usage of doublequote. jsx-quotes

---

[error] 148-148: Replace "flex·gap-4·pt-12·md:pt-0" with 'flex·gap-4·pt-12·md:pt-0' prettier/prettier

---

[error] 148-148: Unexpected usage of doublequote. jsx-quotes

---

[warning] 151-151: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

---

[error] 151-151: Replace "h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button" with 'h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button' prettier/prettier

---

[error] 151-151: Unexpected usage of doublequote. jsx-quotes

---

[warning] 153-153: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

---

[error] 153-153: Replace "h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300" with 'h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300' prettier/prettier

---

[error] 153-153: Unexpected usage of doublequote. jsx-quotes

📜 Review details

Configuration used: .coderabbit.yaml
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 8b378c9 and d4ab759.

⛔ Files ignored due to path filters (5)

• package-lock.json is excluded by !**/package-lock.json
• public/img/testimonials/bill-doerrfeld.jpg is excluded by !**/*.jpg
• public/img/testimonials/eric-horesnyi.jpg is excluded by !**/*.jpg
• public/img/testimonials/jonathan-schabowsky.jpg is excluded by !**/*.jpg
• public/img/testimonials/matt-mclarty.jpg is excluded by !**/*.jpg

📒 Files selected for processing (6)

• components/AnimatedTestimonialsDemo.tsx (1 hunks)
• components/Testimonial.tsx (0 hunks)
• components/ui/animated-testimonials.tsx (1 hunks)
• next.config.mjs (1 hunks)
• package.json (4 hunks)
• pages/[lang]/index.tsx (3 hunks)

💤 Files with no reviewable changes (1)

• components/Testimonial.tsx

🧰 Additional context used

🪛 ESLint

components/AnimatedTestimonialsDemo.tsx

[error] 4-33: Expected blank line after variable declarations.

(newline-after-var)

---

[error] 10-10: Delete ,

(prettier/prettier)

---

[error] 10-10: Unexpected trailing comma.

(comma-dangle)

---

[error] 17-17: Delete ,

(prettier/prettier)

---

[error] 17-17: Unexpected trailing comma.

(comma-dangle)

---

[error] 24-24: Delete ,

(prettier/prettier)

---

[error] 24-24: Unexpected trailing comma.

(comma-dangle)

---

[error] 31-31: Delete ,

(prettier/prettier)

---

[error] 31-31: Unexpected trailing comma.

(comma-dangle)

---

[error] 32-32: Delete ,

(prettier/prettier)

---

[error] 32-32: Unexpected trailing comma.

(comma-dangle)

---

[error] 34-41: Expected blank line before this statement.

(padding-line-between-statements)

---

[error] 35-35: Replace "text-center·mt-8" with 'text-center·mt-8'

(prettier/prettier)

---

[error] 35-35: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 36-38: Replace "text-4xl·font-bold·text-black·mb-6">⏎········What·the·experts·are·saying⏎······ with 'text-4xl·font-bold·text-black·mb-6'>What·the·experts·are·saying

(prettier/prettier)

---

[error] 36-36: Unexpected usage of doublequote.

(jsx-quotes)

next.config.mjs

[error] 16-16: Delete ,

(prettier/prettier)

---

[error] 20-20: Delete ,

(prettier/prettier)

---

[error] 24-24: Assignment to property of function parameter 'config'.

(no-param-reassign)

---

[error] 28-28: Delete ,

(prettier/prettier)

---

[error] 35-43: Replace ⏎······frontmatter,⏎······gemoji,⏎······headingId,⏎······slug,⏎······images,⏎······a11yEmoji,⏎······remarkGfm,⏎···· with frontmatter,·gemoji,·headingId,·slug,·images,·a11yEmoji,·remarkGfm

(prettier/prettier)

---

[error] 44-44: Delete ,

(prettier/prettier)

---

[error] 45-45: Delete ,

(prettier/prettier)

pages/[lang]/index.tsx

[error] 28-31: Replace ⏎··AnimatedTestimonials,⏎··AnimatedTestimonialsDemo,⏎ with ·AnimatedTestimonials,·AnimatedTestimonialsDemo·

(prettier/prettier)

---

[error] 29-29: 'AnimatedTestimonials' is defined but never used.

(unused-imports/no-unused-imports)

---

[error] 29-29: 'AnimatedTestimonials' is defined but never used.

(no-unused-vars)

---

[error] 30-30: Unexpected trailing comma.

(comma-dangle)

---

[error] 48-48: Replace "AsyncAPI·Initiative·for·event-driven·APIs" with 'AsyncAPI·Initiative·for·event-driven·APIs'

(prettier/prettier)

---

[error] 48-48: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 49-49: Replace "main-content"·className="scroll-mt-5" with 'main-content'·className='scroll-mt-5'

(prettier/prettier)

---

[error] 49-49: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 49-49: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 51-51: Replace "mb-24" with 'mb-24'

(prettier/prettier)

---

[error] 51-51: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 54-54: Replace "pb-12·text-center"·wide·as="section" with 'pb-12·text-center'·wide·as='section'

(prettier/prettier)

---

[error] 54-54: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 54-54: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 55-59: Replace ⏎············level={HeadingLevel.h3}⏎············typeStyle={HeadingTypeStyle.lg}⏎············className="mb-4"⏎·········· with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4'

(prettier/prettier)

---

[error] 58-58: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 62-62: Replace "mb-20·mt-2·md:mx-auto·md:w-2/3" with 'mb-20·mt-2·md:mx-auto·md:w-2/3'

(prettier/prettier)

---

[error] 62-62: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 64-67: Replace ⏎··············href="https://github.com/asyncapi/website/issues/new"⏎··············target="_blank"⏎············ with ·href='https://github.com/asyncapi/website/issues/new'·target='_blank'

(prettier/prettier)

---

[error] 65-65: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 66-66: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 71-71: Replace "md:grid·md:grid-cols-2·md:gap-8·lg:grid-cols-5" with 'md:grid·md:grid-cols-2·md:gap-8·lg:grid-cols-5'

(prettier/prettier)

---

[error] 71-71: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 72-72: Replace "flex·justify-center" with 'flex·justify-center'

(prettier/prettier)

---

[error] 72-72: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 73-73: Replace "h-8·text-gray-400·hover:text-black" with 'h-8·text-gray-400·hover:text-black'

(prettier/prettier)

---

[error] 73-73: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 75-75: Replace "flex·justify-center" with 'flex·justify-center'

(prettier/prettier)

---

[error] 75-75: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 76-76: Replace "group·mt-12·h-14·text-gray-400·hover:text-black·md:-mt-5·lg:-mt-5" with 'group·mt-12·h-14·text-gray-400·hover:text-black·md:-mt-5·lg:-mt-5'

(prettier/prettier)

---

[error] 76-76: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 78-78: Replace "flex·justify-center" with 'flex·justify-center'

(prettier/prettier)

---

[error] 78-78: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 79-79: Replace "group·mt-12·h-10·text-gray-400·hover:text-black·md:mt-2·lg:-mt-1" with 'group·mt-12·h-10·text-gray-400·hover:text-black·md:mt-2·lg:-mt-1'

(prettier/prettier)

---

[error] 79-79: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 81-81: Replace "flex·justify-center" with 'flex·justify-center'

(prettier/prettier)

---

[error] 81-81: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 82-82: Replace "mt-12·h-16·text-gray-400·md:mt-2·lg:-mt-4" with 'mt-12·h-16·text-gray-400·md:mt-2·lg:-mt-4'

(prettier/prettier)

---

[error] 82-82: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 84-84: Replace "flex·justify-center" with 'flex·justify-center'

(prettier/prettier)

---

[error] 84-84: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 85-85: Replace "mt-12·h-12·text-gray-400·md:mt-2·lg:-mt-2" with 'mt-12·h-12·text-gray-400·md:mt-2·lg:-mt-2'

(prettier/prettier)

---

[error] 85-85: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 90-90: Replace "mt-8·bg-dark·py-12" with 'mt-8·bg-dark·py-12'

(prettier/prettier)

---

[error] 90-90: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 91-91: Replace "section" with 'section'

(prettier/prettier)

---

[error] 91-91: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 96-96: Replace "py-12·text-center"·wide·as="section" with 'py-12·text-center'·wide·as='section'

(prettier/prettier)

---

[error] 96-96: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 96-96: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 97-101: Replace ⏎············level={HeadingLevel.h3}⏎············typeStyle={HeadingTypeStyle.lg}⏎············className="mb-4"⏎·········· with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4'

(prettier/prettier)

---

[error] 100-100: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 104-106: Replace "mt-2·md:mx-auto·md:w-1/2">⏎············{t('community.subtitle')}⏎·········· with 'mt-2·md:mx-auto·md:w-1/2'>{t('community.subtitle')}

(prettier/prettier)

---

[error] 104-104: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 107-107: Replace "py-2·lg:py-12" with 'py-2·lg:py-12'

(prettier/prettier)

---

[error] 107-107: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 109-109: Replace "lg:flex" with 'lg:flex'

(prettier/prettier)

---

[error] 109-109: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 110-110: Replace "mt-10·lg:mt-0·lg:w-1/2" with 'mt-10·lg:mt-0·lg:w-1/2'

(prettier/prettier)

---

[error] 110-110: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 113-113: Replace "lg:ml-12·lg:w-1/2·lg:max-w-xl·lg:text-left" with 'lg:ml-12·lg:w-1/2·lg:max-w-xl·lg:text-left'

(prettier/prettier)

---

[error] 113-113: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 114-114: Replace "mt-5" with 'mt-5'

(prettier/prettier)

---

[error] 114-114: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 115-118: Replace ⏎······················level={HeadingLevel.h4}⏎······················typeStyle={HeadingTypeStyle.mdSemibold}⏎···················· with ·level={HeadingLevel.h4}·typeStyle={HeadingTypeStyle.mdSemibold}

(prettier/prettier)

---

[error] 121-123: Replace "mt-2">⏎······················{t('community.slackCTADesc')}⏎···················· with 'mt-2'>{t('community.slackCTADesc')}

(prettier/prettier)

---

[error] 121-121: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 125-125: Replace "mt-5·flex·justify-center·lg:justify-start" with 'mt-5·flex·justify-center·lg:justify-start'

(prettier/prettier)

---

[error] 125-125: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 126-130: Replace ⏎······················className="w-full·md:w-auto"⏎······················text={t('community.slackCTABtn')}⏎······················href="/slack-invite"⏎··················· with ·className='w-full·md:w-auto'·text={t('community.slackCTABtn')}·href='/slack-invite'

(prettier/prettier)

---

[error] 127-127: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 129-129: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 135-135: Replace "mt-12·lg:flex·lg:flex-row-reverse" with 'mt-12·lg:flex·lg:flex-row-reverse'

(prettier/prettier)

---

[error] 135-135: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 136-136: Replace "mt-10·lg:mt-0·lg:flex-1" with 'mt-10·lg:mt-0·lg:flex-1'

(prettier/prettier)

---

[error] 136-136: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 139-139: Replace "lg:mr-12·lg:max-w-xl·lg:text-left" with 'lg:mr-12·lg:max-w-xl·lg:text-left'

(prettier/prettier)

---

[error] 139-139: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 140-140: Replace "mt-5·lg:mr-12" with 'mt-5·lg:mr-12'

(prettier/prettier)

---

[error] 140-140: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 141-144: Replace ⏎······················level={HeadingLevel.h3}⏎······················typeStyle={HeadingTypeStyle.mdSemibold}⏎···················· with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.mdSemibold}

(prettier/prettier)

---

[error] 147-147: Replace "mt-2" with 'mt-2'

(prettier/prettier)

---

[error] 147-147: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 150-152: Replace "/community/meetings">⏎························{t('community.meetingLink')}⏎······················ with '/community/meetings'>{t('community.meetingLink')}

(prettier/prettier)

---

[error] 150-150: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 154-154: Replace "mt-5·justify-center·md:flex" with 'mt-5·justify-center·md:flex'

(prettier/prettier)

---

[error] 154-154: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 156-156: Replace "https://calendar.google.com/calendar/u/3?cid=Y19xOXRzZWlnbG9tZHNqNm5qdWh2YnB0czExY0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t" with 'https://calendar.google.com/calendar/u/3?cid=Y19xOXRzZWlnbG9tZHNqNm5qdWh2YnB0czExY0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t'

(prettier/prettier)

---

[error] 156-156: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 159-162: Replace ⏎··························href="/community/meetings"⏎··························className="mt-2·md:ml-2·md:mt-0"⏎······················· with ·href='/community/meetings'·className='mt-2·md:ml-2·md:mt-0'

(prettier/prettier)

---

[error] 160-160: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 161-161: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 166-166: Replace "https://calendar.google.com/calendar/ical/c_q9tseiglomdsj6njuhvbpts11c%40group.calendar.google.com/public/basic.ics" with 'https://calendar.google.com/calendar/ical/c_q9tseiglomdsj6njuhvbpts11c%40group.calendar.google.com/public/basic.ics'

(prettier/prettier)

---

[error] 166-166: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 167-167: Replace "mt-2·md:ml-2·md:mt-0" with 'mt-2·md:ml-2·md:mt-0'

(prettier/prettier)

---

[error] 167-167: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 181-181: Replace "pb-20"·role="contentinfo"·aria-label="Our·Sponsors" with 'pb-20'·role='contentinfo'·aria-label='Our·Sponsors'

(prettier/prettier)

---

[error] 181-181: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 181-181: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 181-181: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 182-182: Replace "pb-6·text-center"·wide·as="section" with 'pb-6·text-center'·wide·as='section'

(prettier/prettier)

---

[error] 182-182: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 182-182: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 183-187: Replace ⏎··············level={HeadingLevel.h3}⏎··············typeStyle={HeadingTypeStyle.lg}⏎··············className="mb-4"⏎············ with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4'

(prettier/prettier)

---

[error] 186-186: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 190-190: Replace "mt-4" with 'mt-4'

(prettier/prettier)

---

[error] 190-190: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 193-193: Replace "pb-6·text-center"·wide·as="section" with 'pb-6·text-center'·wide·as='section'

(prettier/prettier)

---

[error] 193-193: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 193-193: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 194-198: Replace ⏎··············level={HeadingLevel.h3}⏎··············typeStyle={HeadingTypeStyle.lg}⏎··············className="mb-4"⏎············ with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4'

(prettier/prettier)

---

[error] 197-197: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 201-201: Replace "mt-4" with 'mt-4'

(prettier/prettier)

---

[error] 201-201: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 204-204: Replace "pyb-6·text-center"·wide·as="section" with 'pyb-6·text-center'·wide·as='section'

(prettier/prettier)

---

[error] 204-204: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 204-204: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 205-209: Replace ⏎··············level={HeadingLevel.h3}⏎··············typeStyle={HeadingTypeStyle.lg}⏎··············className="mb-4"⏎············ with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4'

(prettier/prettier)

---

[error] 208-208: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 212-212: Replace "mt-4" with 'mt-4'

(prettier/prettier)

---

[error] 212-212: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 215-215: Replace "py-6·text-center"·wide·as="section" with 'py-6·text-center'·wide·as='section'

(prettier/prettier)

---

[error] 215-215: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 215-215: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 216-220: Replace ⏎··············level={HeadingLevel.h3}⏎··············typeStyle={HeadingTypeStyle.mdSemibold}⏎··············className="mb-4"⏎············ with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.mdSemibold}·className='mb-4'

(prettier/prettier)

---

[error] 219-219: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 223-223: Replace "mt-2·md:mx-auto·md:w-1/2" with 'mt-2·md:mx-auto·md:w-1/2'

(prettier/prettier)

---

[error] 223-223: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 225-228: Replace ⏎················href="https://opencollective.com/asyncapi"⏎················target="_blank"⏎·············· with ·href='https://opencollective.com/asyncapi'·target='_blank'

(prettier/prettier)

---

[error] 226-226: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 227-227: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 234-234: Replace "py-6·pb-20·text-center" with 'py-6·pb-20·text-center'

(prettier/prettier)

---

[error] 234-234: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 235-239: Replace ⏎············level={HeadingLevel.h3}⏎············typeStyle={HeadingTypeStyle.lg}⏎············className="mb-4"⏎·········· with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4'

(prettier/prettier)

---

[error] 238-238: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 242-242: Replace "mx-auto·mt-3·max-w-2xl·pb-4·sm:mt-4" with 'mx-auto·mt-3·max-w-2xl·pb-4·sm:mt-4'

(prettier/prettier)

---

[error] 242-242: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 244-244: Replace "mailto:[email protected]"·target="_blank" with 'mailto:[email protected]'·target='_blank'

(prettier/prettier)

---

[error] 244-244: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 244-244: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 249-249: Replace "mt-4" with 'mt-4'

(prettier/prettier)

---

[error] 249-249: Unexpected usage of doublequote.

(jsx-quotes)

components/ui/animated-testimonials.tsx

[error] 1-1: Expected newline after "use client" directive.

(lines-around-directive)

---

[error] 2-5: Run autofix to sort these imports!

(simple-import-sort/imports)

---

[error] 3-3: 'framer-motion' should be listed in the project's dependencies. Run 'npm i -S framer-motion' to add it

(import/no-extraneous-dependencies)

---

[error] 16-16: Delete ,

(prettier/prettier)

---

[error] 16-16: Unexpected trailing comma.

(comma-dangle)

---

[error] 35-35: Expected to return a value at the end of arrow function.

(consistent-return)

---

[error] 37-37: Expected blank line after variable declarations.

(newline-after-var)

---

[error] 38-38: Expected blank line before this statement.

(padding-line-between-statements)

---

[error] 47-47: Replace "max-w-sm·md:max-w-4xl·mx-auto·antialiased·font-sans·px-4·md:px-8·lg:px-12·py-20" with 'max-w-sm·md:max-w-4xl·mx-auto·antialiased·font-sans·px-4·md:px-8·lg:px-12·py-20'

(prettier/prettier)

---

[error] 47-47: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 48-48: Replace "relative·grid·grid-cols-1·md:grid-cols-2·gap-20" with 'relative·grid·grid-cols-1·md:grid-cols-2·gap-20'

(prettier/prettier)

---

[error] 48-48: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 50-50: Replace "relative·h-80·w-full" with 'relative·h-80·w-full'

(prettier/prettier)

---

[error] 50-50: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 59-59: Delete ,

(prettier/prettier)

---

[error] 59-59: Unexpected trailing comma.

(comma-dangle)

---

[error] 66-68: Replace ⏎······················?·999⏎····················· with ·?·999

(prettier/prettier)

---

[error] 69-69: Delete ,

(prettier/prettier)

---

[error] 69-69: Unexpected trailing comma.

(comma-dangle)

---

[error] 75-75: Delete ,

(prettier/prettier)

---

[error] 75-75: Unexpected trailing comma.

(comma-dangle)

---

[error] 79-79: Delete ,

(prettier/prettier)

---

[error] 79-79: Unexpected trailing comma.

(comma-dangle)

---

[error] 81-81: Replace "absolute·inset-0·origin-bottom" with 'absolute·inset-0·origin-bottom'

(prettier/prettier)

---

[error] 81-81: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 89-89: Replace "h-full·w-full·rounded-3xl·object-cover·object-center" with 'h-full·w-full·rounded-3xl·object-cover·object-center'

(prettier/prettier)

---

[error] 89-89: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 96-96: Replace "flex·justify-between·flex-col·py-4" with 'flex·justify-between·flex-col·py-4'

(prettier/prettier)

---

[error] 96-96: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 101-101: Delete ,

(prettier/prettier)

---

[error] 101-101: Unexpected trailing comma.

(comma-dangle)

---

[error] 105-105: Delete ,

(prettier/prettier)

---

[error] 105-105: Unexpected trailing comma.

(comma-dangle)

---

[error] 109-109: Delete ,

(prettier/prettier)

---

[error] 109-109: Unexpected trailing comma.

(comma-dangle)

---

[error] 113-113: Delete ,

(prettier/prettier)

---

[error] 113-113: Unexpected trailing comma.

(comma-dangle)

---

[error] 116-118: Replace "text-2xl·font-bold·text-black">⏎··············{testimonials[active].name}⏎············ with 'text-2xl·font-bold·text-black'>{testimonials[active].name}

(prettier/prettier)

---

[error] 116-116: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 119-121: Replace "text-sm·font-semibold·text-[#8851FB]">⏎··············{testimonials[active].designation}⏎············ with 'text-sm·font-semibold·text-[#8851FB]'>{testimonials[active].designation}

(prettier/prettier)

---

[error] 119-119: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 122-122: Replace "text-lg·font-semibold·text-[#556061]·mt-8" with 'text-lg·font-semibold·text-[#556061]·mt-8'

(prettier/prettier)

---

[error] 122-122: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 129-129: Delete ,

(prettier/prettier)

---

[error] 129-129: Unexpected trailing comma.

(comma-dangle)

---

[error] 134-134: Delete ,

(prettier/prettier)

---

[error] 134-134: Unexpected trailing comma.

(comma-dangle)

---

[error] 139-139: Delete ,

(prettier/prettier)

---

[error] 139-139: Unexpected trailing comma.

(comma-dangle)

---

[error] 141-141: Replace "inline-block" with 'inline-block'

(prettier/prettier)

---

[error] 141-141: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 148-148: Replace "flex·gap-4·pt-12·md:pt-0" with 'flex·gap-4·pt-12·md:pt-0'

(prettier/prettier)

---

[error] 148-148: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 151-151: Replace "h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button" with 'h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button'

(prettier/prettier)

---

[error] 151-151: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 153-153: Replace "h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300" with 'h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300'

(prettier/prettier)

---

[error] 153-153: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 157-157: Replace "h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button" with 'h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button'

(prettier/prettier)

---

[error] 157-157: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 159-159: Replace "h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300" with 'h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300'

(prettier/prettier)

---

[error] 159-159: Unexpected usage of doublequote.

(jsx-quotes)

🪛 GitHub Actions: PR testing - if Node project

components/AnimatedTestimonialsDemo.tsx

[warning] 3-3: Missing JSDoc comment. require-jsdoc

---

[error] 4-4: Expected blank line after variable declarations. newline-after-var

---

[error] 10-10: Delete , prettier/prettier

---

[error] 10-10: Unexpected trailing comma. comma-dangle

---

[error] 17-17: Delete , prettier/prettier

---

[error] 17-17: Unexpected trailing comma. comma-dangle

---

[error] 24-24: Delete , prettier/prettier

---

[error] 24-24: Unexpected trailing comma. comma-dangle

---

[error] 31-31: Delete , prettier/prettier

---

[error] 31-31: Unexpected trailing comma. comma-dangle

---

[error] 32-32: Delete , prettier/prettier

---

[error] 32-32: Unexpected trailing comma. comma-dangle

---

[error] 34-34: Expected blank line before this statement. padding-line-between-statements

---

[warning] 35-35: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

---

[error] 35-35: Replace "text-center·mt-8" with 'text-center·mt-8' prettier/prettier

---

[error] 35-35: Unexpected usage of doublequote. jsx-quotes

pages/[lang]/index.tsx

[error] 1-1: Run autofix to sort these imports! simple-import-sort/imports

---

[error] 28-28: Replace ⏎··AnimatedTestimonials,⏎··AnimatedTestimonialsDemo,⏎ with ·AnimatedTestimonials,·AnimatedTestimonialsDemo· prettier/prettier

---

[error] 29-29: 'AnimatedTestimonials' is defined but never used. unused-imports/no-unused-imports

---

[error] 29-29: 'AnimatedTestimonials' is defined but never used. no-unused-vars

---

[error] 30-30: Unexpected trailing comma. comma-dangle

---

[error] 48-48: Replace "AsyncAPI·Initiative·for·event-driven·APIs" with 'AsyncAPI·Initiative·for·event-driven·APIs' prettier/prettier

---

[error] 48-48: Unexpected usage of doublequote. jsx-quotes

---

[error] 49-49: Replace "main-content"·className="scroll-mt-5" with 'main-content'·className='scroll-mt-5' prettier/prettier

---

[error] 49-49: Unexpected usage of doublequote. jsx-quotes

---

[error] 49-49: Unexpected usage of doublequote. jsx-quotes

---

[error] 51-51: Replace "mb-24" with 'mb-24' prettier/prettier

---

[error] 51-51: Unexpected usage of doublequote. jsx-quotes

---

[error] 54-54: Replace "pb-12·text-center"·wide·as="section" with 'pb-12·text-center'·wide·as='section' prettier/prettier

---

[error] 54-54: Unexpected usage of doublequote. jsx-quotes

---

[error] 54-54: Unexpected usage of doublequote. jsx-quotes

---

[error] 55-55: Replace ⏎············level={HeadingLevel.h3}⏎············typeStyle={HeadingTypeStyle.lg}⏎············className="mb-4"⏎·········· with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4' prettier/prettier

---

[error] 58-58: Unexpected usage of doublequote. jsx-quotes

---

[error] 62-62: Replace "mb-20·mt-2·md:mx-auto·md:w-2/3" with 'mb-20·mt-2·md:mx-auto·md:w-2/3' prettier/prettier

---

[error] 62-62: Unexpected usage of doublequote. jsx-quotes

---

[error] 64-64: Replace ⏎··············href="https://github.com/asyncapi/website/issues/new"⏎··············target="_blank"⏎············ with ·href='https://github.com/asyncapi/website/issues/new'·target='_blank' prettier/prettier

---

[error] 65-65: Unexpected usage of doublequote. jsx-quotes

---

[error] 66-66: Unexpected usage of doublequote. jsx-quotes

---

[error] 71-71: Replace "md:grid·md:grid-cols-2·md:gap-8·lg:grid-cols-5" with 'md:grid·md:grid-cols-2·md:gap-8·lg:grid-cols-5' prettier/prettier

---

[error] 71-71: Unexpected usage of doublequote. jsx-quotes

---

[error] 72-72: Replace "flex·justify-center" with 'flex·justify-center' prettier/prettier

---

[error] 72-72: Unexpected usage of doublequote. jsx-quotes

---

[error] 73-73: Replace "h-8·text-gray-400·hover:text-black" with 'h-8·text-gray-400·hover:text-black' prettier/prettier

---

[error] 73-73: Unexpected usage of doublequote. jsx-quotes

---

[error] 75-75: Replace "flex·justify-center" with 'flex·justify-center' prettier/prettier

---

[error] 75-75: Unexpected usage of doublequote. jsx-quotes

---

[error] 76-76: Replace "group·mt-12·h-14·text-gray-400·hover:text-black·md:-mt-5·lg:-mt-5" with 'group·mt-12·h-14·text-gray-400·hover:text-black·md:-mt-5·lg:-mt-5' prettier/prettier

---

[error] 76-76: Unexpected usage of doublequote. jsx-quotes

---

[error] 78-78: Replace "flex·justify-center" with 'flex·justify-center' prettier/prettier

---

[error] 78-78: Unexpected usage of doublequote. jsx-quotes

---

[error] 79-79: Replace "group·mt-12·h-10·text-gray-400·hover:text-black·md:mt-2·lg:-mt-1" with 'group·mt-12·h-10·text-gray-400·hover:text-black·md:mt-2·lg:-mt-1' prettier/prettier

---

[error] 79-79: Unexpected usage of doublequote. jsx-quotes

---

[error] 81-81: Replace "flex·justify-center" with 'flex·justify-center' prettier/prettier

---

[error] 81-81: Unexpected usage of doublequote. jsx-quotes

---

[error] 82-82: Replace "mt-12·h-16·text-gray-400·md:mt-2·lg:-mt-4" with 'mt-12·h-16·text-gray-400·md:mt-2·lg:-mt-4' prettier/prettier

---

[error] 82-82: Unexpected usage of doublequote. jsx-quotes

---

[error] 84-84: Replace "flex·justify-center" with 'flex·justify-center' prettier/prettier

---

[error] 84-84: Unexpected usage of doublequote. jsx-quotes

---

[error] 85-85: Replace "mt-12·h-12·text-gray-400·md:mt-2·lg:-mt-2" with 'mt-12·h-12·text-gray-400·md:mt-2·lg:-mt-2' prettier/prettier

---

[error] 85-85: Unexpected usage of doublequote. jsx-quotes

---

[error] 90-90: Replace "mt-8·bg-dark·py-12" with 'mt-8·bg-dark·py-12' prettier/prettier

---

[error] 90-90: Unexpected usage of doublequote. jsx-quotes

---

[error] 91-91: Replace "section" with 'section' prettier/prettier

---

[error] 91-91: Unexpected usage of doublequote. jsx-quotes

---

[error] 96-96: Replace "py-12·text-center"·wide·as="section" with 'py-12·text-center'·wide·as='section' prettier/prettier

---

[error] 96-96: Unexpected usage of doublequote. jsx-quotes

---

[error] 96-96: Unexpected usage of doublequote. jsx-quotes

---

[error] 97-97: Replace ⏎············level={HeadingLevel.h3}⏎············typeStyle={HeadingTypeStyle.lg}⏎············className="mb-4"⏎·········· with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4' prettier/prettier

---

[error] 100-100: Unexpected usage of doublequote. jsx-quotes

---

[error] 104-104: Replace "mt-2·md:mx-auto·md:w-1/2">⏎············{t('community.subtitle')}⏎·········· with 'mt-2·md:mx-auto·md:w-1/2'>{t('community.subtitle')} prettier/prettier

---

[error] 104-104: Unexpected usage of doublequote. jsx-quotes

---

[error] 107-107: Replace "py-2·lg:py-12" with 'py-2·lg:py-12' prettier/prettier

---

[error] 107-107: Unexpected usage of doublequote. jsx-quotes

---

[error] 109-109: Replace "lg:flex" with 'lg:flex' prettier/prettier

---

[error] 109-109: Unexpected usage of doublequote. jsx-quotes

---

[error] 110-110: Replace "mt-10·lg:mt-0·lg:w-1/2" with 'mt-10·lg:mt-0·lg:w-1/2' prettier/prettier

---

[error] 110-110: Unexpected usage of doublequote. jsx-quotes

---

[error] 113-113: Replace "lg:ml-12·lg:w-1/2·lg:max-w-xl·lg:text-left" with 'lg:ml-12·lg:w-1/2·lg:max-w-xl·lg:text-left' prettier/prettier

---

[error] 113-113: Unexpected usage of doublequote. jsx-quotes

---

[error] 114-114: Replace "mt-5" with 'mt-5' prettier/prettier

---

[error] 114-114: Unexpected usage of doublequote. jsx-quotes

---

[error] 115-115: Replace ⏎······················level={HeadingLevel.h4}⏎······················typeStyle={HeadingTypeStyle.mdSemibold}⏎···················· with ·level={HeadingLevel.h4}·typeStyle={HeadingTypeStyle.mdSemibold} prettier/prettier

---

[error] 121-121: Replace "mt-2">⏎······················{t('community.slackCTADesc')}⏎···················· with 'mt-2'>{t('community.slackCTADesc')} prettier/prettier

---

[error] 121-121: Unexpected usage of doublequote. jsx-quotes

---

[error] 125-125: Replace "mt-5·flex·justify-center·lg:justify-start" with 'mt-5·flex·justify-center·lg:justify-start' prettier/prettier

---

[error] 125-125: Unexpected usage of doublequote. jsx-quotes

---

[error] 126-126: Replace ⏎······················className="w-full·md:w-auto"⏎······················text={t('community.slackCTABtn')}⏎······················href="/slack-invite"⏎··················· with ·className='w-full·md:w-auto'·text={t('community.slackCTABtn')}·href='/slack-invite' prettier/prettier

---

[error] 127-127: Unexpected usage of doublequote. jsx-quotes

---

[error] 129-129: Unexpected usage of doublequote. jsx-quotes

---

[error] 135-135: Replace "mt-12·lg:flex·lg:flex-row-reverse" with 'mt-12·lg:flex·lg:flex-row-reverse' prettier/prettier

---

[error] 135-135: Unexpected usage of doublequote. jsx-quotes

---

[error] 136-136: Replace "mt-10·lg:mt-0·lg:flex-1" with 'mt-10·lg:mt-0·lg:flex-1' prettier/prettier

---

[error] 136-136: Unexpected usage of doublequote. jsx-quotes

---

[error] 139-139: Replace "lg:mr-12·lg:max-w-xl·lg:text-left" with 'lg:mr-12·lg:w-1/2·lg:max-w-xl·lg:text-left' prettier/prettier

---

[error] 139-139: Unexpected usage of doublequote. jsx-quotes

---

[error] 140-140: Replace "mt-5·lg:mr-12" with 'mt-5·lg:mr-12' prettier/prettier

---

[error] 140-140: Unexpected usage of doublequote. jsx-quotes

---

[error] 141-141: Replace ⏎······················level={HeadingLevel.h3}⏎······················typeStyle={HeadingTypeStyle.mdSemibold}⏎···················· with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.mdSemibold} prettier/prettier

---

[error] 147-147: Replace "mt-2" with 'mt-2' prettier/prettier

---

[error] 147-147: Unexpected usage of doublequote. jsx-quotes

---

[error] 150-150: Replace "/community/meetings">⏎························{t('community.meetingLink')}⏎···················· with '/community/meetings'>{t('community.meetingLink')} prettier/prettier

---

[error] 150-150: Unexpected usage of doublequote. jsx-quotes

---

[error] 154-154: Replace "mt-5·justify-center·md:flex" with 'mt-5·justify-center·md:flex' prettier/prettier

---

[error] 154-154: Unexpected usage of doublequote. jsx-quotes

---

[error] 156-156: Replace "https://calendar.google.com/calendar/u/3?cid=Y19xOXRzZWlnbG9tZHNqNm5qdWh2YnB0czExY0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t" with 'https://calendar.google.com/calendar/u/3?cid=Y19xOXRzZWlnbG9tZHNqNm5qdWh2YnB0czExY0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t' prettier/prettier

---

[error] 156-156: Unexpected usage of doublequote. jsx-quotes

---

[error] 159-159: Replace ⏎··························href="/community/meetings"⏎··························className="mt-2·md:ml-2·md:mt-0"⏎······················· with ·href='/community/meetings'·className='mt-2·md:ml-2·md:mt-0' prettier/prettier

---

[error] 160-160: Unexpected usage of doublequote. jsx-quotes

---

[error] 161-161: Unexpected usage of doublequote. jsx-quotes

---

[error] 166-166: Replace "https://calendar.google.com/calendar/ical/c_q9tseiglomdsj6njuhvbpts11c%40group.calendar.google.com/public/basic.ics" with 'https://calendar.google.com/calendar/ical/c_q9tseiglomdsj6njuhvbpts11c%40group.calendar.google.com/public/basic.ics' prettier/prettier

---

[error] 166-166: Unexpected usage of doublequote. jsx-quotes

---

[error] 167-167: Replace "mt-2·md:ml-2·md:mt-0" with 'mt-2·md:ml-2·md:mt-0' prettier/prettier

---

[error] 167-167: Unexpected usage of doublequote. jsx-quotes

---

[error] 181-181: Replace "pb-20"·role="contentinfo"·aria-label="Our·Sponsors" with 'pb-20'·role='contentinfo'·aria-label='Our·Sponsors' prettier/prettier

---

[error] 181-181: Unexpected usage of doublequote. jsx-quotes

---

[error] 181-181: Unexpected usage of doublequote. jsx-quotes

---

[error] 182-182: Replace "pb-6·text-center"·wide·as="section" with 'pb-6·text-center'·wide·as='section' prettier/prettier

---

[error] 182-182: Unexpected usage of doublequote. jsx-quotes

---

[error] 183-183: Replace ⏎··············level={HeadingLevel.h3}⏎··············typeStyle={HeadingTypeStyle.lg}⏎··············className="mb-4"⏎············ with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4' prettier/prettier

---

[error] 186-186: Unexpected usage of doublequote. jsx-quotes

---

[error] 190-190: Replace "mt-4" with 'mt-4' prettier/prettier

---

[error] 190-190: Unexpected usage of doublequote. jsx-quotes

---

[error] 193-193: Replace "pb-6·text-center"·wide·as="section" with 'pb-6·text-center'·wide·as='section' prettier/prettier

---

[error] 193-193: Unexpected usage of doublequote. jsx-quotes

---

[error] 194-194: Replace ⏎··············level={HeadingLevel.h3}⏎··············typeStyle={HeadingTypeStyle.lg}⏎··············className="mb-4"⏎············ with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4' prettier/prettier

---

[error] 197-197: Unexpected usage of doublequote. jsx-quotes

---

[error] 201-201: Replace "mt-4" with 'mt-4' prettier/prettier

---

[error] 201-201: Unexpected usage of doublequote. jsx-quotes

---

[error] 204-204: Replace "pyb-6·text-center"·wide·as="section" with 'pyb-6·text-center'·wide·as='section' prettier/prettier

---

[error] 204-204: Unexpected usage of doublequote. jsx-quotes

---

[error] 205-205: Replace ⏎··············level={HeadingLevel.h3}⏎··············typeStyle={HeadingTypeStyle.lg}⏎··············className="mb-4"⏎············ with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4' prettier/prettier

---

[error] 208-208: Unexpected usage of doublequote. jsx-quotes

---

[error] 212-212: Replace "mt-4" with 'mt-4' prettier/prettier

---

[error] 212-212: Unexpected usage of doublequote. jsx-quotes

---

[error] 215-215: Replace "py-6·text-center"·wide·as="section" with 'py-6·text-center'·wide·as='section' prettier/prettier

---

[error] 215-215: Unexpected usage of doublequote. jsx-quotes

---

[error] 215-215: Unexpected usage of doublequote. jsx-quotes

components/ui/animated-testimonials.tsx

[error] 1-1: Expected newline after "use client" directive. lines-around-directive

---

[error] 2-2: Run autofix to sort these imports! simple-import-sort/imports

---

[error] 3-3: 'framer-motion' should be listed in the project's dependencies. Run 'npm i -S framer-motion' to add it import/no-extraneous-dependencies

---

[error] 16-16: Delete , prettier/prettier

---

[error] 16-16: Unexpected trailing comma. comma-dangle

---

[error] 35-35: Expected to return a value at the end of arrow function. consistent-return

---

[error] 37-37: Expected blank line after variable declarations. newline-after-var

---

[error] 38-38: Expected blank line before this statement. padding-line-between-statements

---

[warning] 47-47: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

---

[error] 47-47: Replace "max-w-sm·md:max-w-4xl·mx-auto·antialiased·font-sans·px-4·md:px-8·lg:px-12·py-20" with 'max-w-sm·md:max-w-4xl·mx-auto·antialiased·font-sans·px-4·md:px-8·lg:px-12·py-20' prettier/prettier

---

[error] 47-47: Unexpected usage of doublequote. jsx-quotes

---

[warning] 48-48: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

---

[error] 48-48: Replace "relative·grid·grid-cols-1·md:grid-cols-2·gap-20" with 'relative·grid·grid-cols-1·md:grid-cols-2·gap-20' prettier/prettier

---

[error] 48-48: Unexpected usage of doublequote. jsx-quotes

---

[error] 50-50: Replace "relative·h-80·w-full" with 'relative·h-80·w-full' prettier/prettier

---

[error] 50-50: Unexpected usage of doublequote. jsx-quotes

---

[error] 59-59: Delete , prettier/prettier

---

[error] 59-59: Unexpected trailing comma. comma-dangle

---

[error] 66-66: Replace ⏎······················?·999⏎····················· with ·?·999 prettier/prettier

---

[error] 69-69: Delete , prettier/prettier

---

[error] 69-69: Unexpected trailing comma. comma-dangle

---

[error] 75-75: Delete , prettier/prettier

---

[error] 75-75: Unexpected trailing comma. comma-dangle

---

[error] 79-79: Delete , prettier/prettier

---

[error] 79-79: Unexpected trailing comma. comma-dangle

---

[error] 81-81: Replace "absolute·inset-0·origin-bottom" with 'absolute·inset-0·origin-bottom' prettier/prettier

---

[error] 81-81: Unexpected usage of doublequote. jsx-quotes

---

[warning] 89-89: Classnames 'h-full, w-full' could be replaced by the 'size-full' shorthand! tailwindcss/enforces-shorthand

---

[error] 89-89: Replace "h-full·w-full·rounded-3xl·object-cover·object-center" with 'h-full·w-full·rounded-3xl·object-cover·object-center' prettier/prettier

---

[error] 89-89: Unexpected usage of doublequote. jsx-quotes

---

[warning] 96-96: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

---

[error] 96-96: Replace "flex·justify-between·flex-col·py-4" with 'flex·justify-between·flex-col·py-4' prettier/prettier

---

[error] 96-96: Unexpected usage of doublequote. jsx-quotes

---

[error] 101-101: Delete , prettier/prettier

---

[error] 101-101: Unexpected trailing comma. comma-dangle

---

[error] 105-105: Delete , prettier/prettier

---

[error] 105-105: Unexpected trailing comma. comma-dangle

---

[error] 109-109: Delete , prettier/prettier

---

[error] 109-109: Unexpected trailing comma. comma-dangle

---

[error] 113-113: Delete , prettier/prettier

---

[error] 113-113: Unexpected trailing comma. comma-dangle

---

[error] 116-116: Replace "text-2xl·font-bold·text-black">⏎··············{testimonials[active].name}⏎············ with 'text-2xl·font-bold·text-black'>{testimonials[active].name} prettier/prettier

---

[error] 116-116: Unexpected usage of doublequote. jsx-quotes

---

[error] 119-119: Replace "text-sm·font-semibold·text-[#8851FB]">⏎··············{testimonials[active].designation}⏎············ with 'text-sm·font-semibold·text-[#8851FB]'>{testimonials[active].designation} prettier/prettier

---

[error] 119-119: Unexpected usage of doublequote. jsx-quotes

---

[error] 122-122: Replace "text-lg·font-semibold·text-[#556061]·mt-8" with 'text-lg·font-semibold·text-[#556061]·mt-8' prettier/prettier

---

[error] 122-122: Unexpected usage of doublequote. jsx-quotes

---

[error] 129-129: Delete , prettier/prettier

---

[error] 129-129: Unexpected trailing comma. comma-dangle

---

[error] 134-134: Delete , prettier/prettier

---

[error] 134-134: Unexpected trailing comma. comma-dangle

---

[error] 139-139: Delete , prettier/prettier

---

[error] 139-139: Unexpected trailing comma. comma-dangle

---

[error] 141-141: Replace "inline-block" with 'inline-block' prettier/prettier

---

[error] 141-141: Unexpected usage of doublequote. jsx-quotes

---

[error] 148-148: Replace "flex·gap-4·pt-12·md:pt-0" with 'flex·gap-4·pt-12·md:pt-0' prettier/prettier

---

[error] 148-148: Unexpected usage of doublequote. jsx-quotes

---

[warning] 151-151: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

---

[error] 151-151: Replace "h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button" with 'h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button' prettier/prettier

---

[error] 151-151: Unexpected usage of doublequote. jsx-quotes

---

[warning] 153-153: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

---

[error] 153-153: Replace "h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300" with 'h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300' prettier/prettier

---

[error] 153-153: Unexpected usage of doublequote. jsx-quotes

⏰ Context from checks skipped due to timeout of 180000ms (1)

• GitHub Check: Lighthouse CI

🔇 Additional comments (5)

next.config.mjs (2)

19-21: Well-implemented image optimization configuration for static export

The addition of images.unoptimized: true is appropriate for a static export build, ensuring images are correctly handled.

🧰 Tools

🪛 ESLint

[error] 20-20: Delete ,

(prettier/prettier)

---

33-45: Improved code formatting and readability

The reformatting of the remarkPlugins array into a multi-line format improves readability, especially as the list grows.

However, trailing commas should be removed according to the project's linting rules:

  remarkPlugins: [
    frontmatter,
    gemoji,
    headingId,
    slug,
    images,
    a11yEmoji,
-    remarkGfm,
+    remarkGfm
  ],
-  rehypePlugins: [],
+  rehypePlugins: []

🧰 Tools

🪛 ESLint

[error] 35-43: Replace ⏎······frontmatter,⏎······gemoji,⏎······headingId,⏎······slug,⏎······images,⏎······a11yEmoji,⏎······remarkGfm,⏎···· with frontmatter,·gemoji,·headingId,·slug,·images,·a11yEmoji,·remarkGfm

(prettier/prettier)

---

[error] 44-44: Delete ,

(prettier/prettier)

---

[error] 45-45: Delete ,

(prettier/prettier)

package.json (2)

72-72: Updated utility library versions for improved functionality

The version updates for clsx (2.1.0 → 2.1.1) and tailwind-merge (2.2.1 → 2.6.0) provide bug fixes and enhancements that will benefit the project.

Also applies to: 118-118

---

60-60:

❓ Verification inconclusive

Verify new dependencies are being used effectively

Two significant dependencies have been added: @tabler/icons-react and motion. These align with the PR's goal of adding animated testimonials.

Also applies to: 89-89

---

🏁 Script executed:

#!/bin/bash
# Check how the new dependencies are being used
echo "Checking usage of @tabler/icons-react:"
rg --type tsx "@tabler/icons-react" -A 2

echo "Checking usage of motion:"
rg --type tsx "from 'motion'" -A 2

Length of output: 287

---

Below is a new shell script to re-run the search using file globbing (instead of the unsupported --type tsx flag) so that we can accurately verify usage of the new dependencies:

Once you run the above script, please verify the output to ensure that the new dependencies (@tabler/icons-react and motion) are being applied effectively in the codebase.

Next step: Confirm that the usage aligns with the PR’s goal of adding animated testimonials.

---

🏁 Script executed:

[run_scripts]
#!/bin/bash
echo "Checking usage of @tabler/icons-react in *.tsx and *.jsx files:"
rg -g "*.{tsx,jsx}" "@tabler/icons-react" -A 3

echo "Checking usage of motion (import statements) in *.tsx and *.jsx files:"
rg -g "*.{tsx,jsx}" "from 'motion'" -A 3

Length of output: 868

---

Dependency Usage in Animated Testimonials – Verify Dependency Naming Consistency

• The dependency @tabler/icons-react is actively used in components/ui/animated-testimonials.tsx, as seen with the import of IconArrowLeft and IconArrowRight.
• The code also imports motion (and AnimatePresence) from framer-motion in the same component. Although the review comment mentions a dependency named motion, the actual import comes from framer-motion. Please verify that this naming is intentional and consistent with the dependency added to the project.

Ensure these dependencies support the animated testimonials as intended, and confirm that the dependency naming in the review comment aligns with how they're referenced in the code.

pages/[lang]/index.tsx (1)

251-253: Excellent integration of the new animated testimonials component

The integration of AnimatedTestimonialsDemo into the homepage is clean and maintains the page's structure.

This implementation fulfills the PR objective to "add Testimonial Section with Animated Transitions."

[coderabbitai]

Actionable comments posted: 1

♻️ Duplicate comments (4)

components/AnimatedTestimonialsDemo.tsx (2)

45-52: 🛠️ Refactor suggestion

Fix JSX quote consistency

The JSX attributes use double quotes instead of single quotes, which violates the project's style guidelines.

  return (
-    <div className="text-center mt-8">
-      <h2 className="text-4xl font-bold text-black mb-6">
+    <div className='text-center mt-8'>
+      <h2 className='text-4xl font-bold text-black mb-6'>
        What the experts are saying
      </h2>
      <AnimatedTestimonials testimonials={testimonials} />
    </div>
  );
}

🧰 Tools

🪛 ESLint

[error] 45-52: Expected blank line before this statement.

(padding-line-between-statements)

---

[error] 46-46: Replace "text-center·mt-8" with 'text-center·mt-8'

(prettier/prettier)

---

[error] 46-46: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 47-49: Replace "text-4xl·font-bold·text-black·mb-6">⏎········What·the·experts·are·saying⏎······ with 'text-4xl·font-bold·text-black·mb-6'>What·the·experts·are·saying

(prettier/prettier)

---

[error] 47-47: Unexpected usage of doublequote.

(jsx-quotes)

---

4-44: 🛠️ Refactor suggestion

Fix linting issues with variable declarations and trailing commas

The code has multiple linting issues that are causing pipeline failures:

• Missing blank line after variable declarations
• Trailing commas in object literals

export function AnimatedTestimonialsDemo() {
  const testimonials = [
    {
      quote:
        'Microservices underline the need for event-based communication in distributed architectures. AsyncAPI brings the richness of the REST API ecosystem to asynchronous APIs.',
      name: 'Matt McLarty',

      designation: 'Global Leader of API Strategy at MuleSoft',

-      src: '/img/testimonials/matt-mclarty.jpg',
+      src: '/img/testimonials/matt-mclarty.jpg'
    },
    {
      quote:
        'Event-driven APIs need love too! AsyncAPI brings the many benefits of a machine/human-readable specification to these nuanced approaches.',

      name: 'Bill Doerrfeld',

      designation: 'Editor in Chief at Nordic APIs',

-      src: '/img/testimonials/bill-doerrfeld.jpg',
+      src: '/img/testimonials/bill-doerrfeld.jpg'
    },
    {
      quote:
        "Developers need to be able to quickly and consistently create event-driven applications that provide business value and react to customer needs in realtime. I can't count how many times I've heard developers ask for OpenAPI/Swagger style tools for the asynchronous and event-driven world, and that is exactly what the AsyncAPI initiative is making a reality.",

      name: 'Jonathan Schabowsky',

      designation: 'Sr. Architect, Office of the CTO at Solace',

-      src: '/img/testimonials/jonathan-schabowsky.jpg',
+      src: '/img/testimonials/jonathan-schabowsky.jpg'
    },
    {
      quote:
        'We've been focusing on event-driven APIs since 2014 and thank the AsyncAPI contributors every day for driving the community towards common standards.',

      name: 'Eric Horesnyi',

      designation: 'CEO at Streamdata.io',

-      src: '/img/testimonials/eric-horesnyi.jpg',
+      src: '/img/testimonials/eric-horesnyi.jpg'
    },
-  ];
+  ];
+  
  return (

🧰 Tools

🪛 ESLint

[error] 4-44: Expected blank line after variable declarations.

(newline-after-var)

---

[error] 12-12: Delete ,

(prettier/prettier)

---

[error] 12-12: Unexpected trailing comma.

(comma-dangle)

---

[error] 22-22: Delete ,

(prettier/prettier)

---

[error] 22-22: Unexpected trailing comma.

(comma-dangle)

---

[error] 32-32: Delete ,

(prettier/prettier)

---

[error] 32-32: Unexpected trailing comma.

(comma-dangle)

---

[error] 42-42: Delete ,

(prettier/prettier)

---

[error] 42-42: Unexpected trailing comma.

(comma-dangle)

---

[error] 43-43: Delete ,

(prettier/prettier)

---

[error] 43-43: Unexpected trailing comma.

(comma-dangle)

🪛 GitHub Actions: PR testing - if Node project

[error] 4-4: Expected blank line after variable declarations. newline-after-var

---

[error] 12-12: Delete , prettier/prettier

---

[error] 12-12: Unexpected trailing comma. comma-dangle

components/ui/animated-testimonials.tsx (2)

3-6: 🛠️ Refactor suggestion

Fix import ordering

The imports should be ordered according to the project's style guidelines. Generally, React-related imports come first, followed by third-party libraries, and then local imports.

'use client';

-import { useEffect, useState } from 'react';
-import Image from 'next/image';
-import { motion, AnimatePresence } from 'framer-motion';
-import { IconArrowLeft, IconArrowRight } from '@tabler/icons-react';
+import { useEffect, useState } from 'react';
+import Image from 'next/image';
+import { motion, AnimatePresence } from 'framer-motion';
+import { IconArrowLeft, IconArrowRight } from '@tabler/icons-react';

🧰 Tools

🪛 ESLint

[error] 3-6: Run autofix to sort these imports!

(simple-import-sort/imports)

🪛 GitHub Actions: PR testing - if Node project

[error] 3-3: Run autofix to sort these imports! simple-import-sort/imports

---

48-166: 🛠️ Refactor suggestion

Fix JSX quote consistency and improve animations

The component uses double quotes for JSX attributes instead of single quotes, which violates the project's style guidelines. Also, there are performance concerns with the word-by-word animation for longer testimonials.

I'll highlight just a few examples of the JSX quote issues - these should be fixed throughout the component:

-    <div className="max-w-sm md:max-w-4xl mx-auto antialiased font-sans px-4 md:px-8 lg:px-12 py-20">
-      <div className="relative grid grid-cols-1 md:grid-cols-2 gap-20">
+    <div className='max-w-sm md:max-w-4xl mx-auto antialiased font-sans px-4 md:px-8 lg:px-12 py-20'>
+      <div className='relative grid grid-cols-1 md:grid-cols-2 gap-20'>

For the animation performance, add a cap to the delay for word animations:

                  transition={{
                    duration: 0.2,
                    ease: 'easeInOut',
-                    delay: 0.02 * index,
+                    delay: Math.min(0.02 * index, 0.5),
                  }}

This limits the maximum delay to 0.5 seconds, preventing words in very long testimonials from appearing too late.

🧰 Tools

🪛 ESLint

[error] 48-48: Replace "max-w-sm·md:max-w-4xl·mx-auto·antialiased·font-sans·px-4·md:px-8·lg:px-12·py-20" with 'max-w-sm·md:max-w-4xl·mx-auto·antialiased·font-sans·px-4·md:px-8·lg:px-12·py-20'

(prettier/prettier)

---

[error] 48-48: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 49-49: Replace "relative·grid·grid-cols-1·md:grid-cols-2·gap-20" with 'relative·grid·grid-cols-1·md:grid-cols-2·gap-20'

(prettier/prettier)

---

[error] 49-49: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 51-51: Replace "relative·h-80·w-full" with 'relative·h-80·w-full'

(prettier/prettier)

---

[error] 51-51: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 60-60: Delete ,

(prettier/prettier)

---

[error] 60-60: Unexpected trailing comma.

(comma-dangle)

---

[error] 67-69: Replace ⏎······················?·999⏎····················· with ·?·999

(prettier/prettier)

---

[error] 70-70: Delete ,

(prettier/prettier)

---

[error] 70-70: Unexpected trailing comma.

(comma-dangle)

---

[error] 76-76: Delete ,

(prettier/prettier)

---

[error] 76-76: Unexpected trailing comma.

(comma-dangle)

---

[error] 80-80: Delete ,

(prettier/prettier)

---

[error] 80-80: Unexpected trailing comma.

(comma-dangle)

---

[error] 82-82: Replace "absolute·inset-0·origin-bottom" with 'absolute·inset-0·origin-bottom'

(prettier/prettier)

---

[error] 82-82: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 90-90: Replace "size-full·rounded-3xl·object-cover·object-center" with 'size-full·rounded-3xl·object-cover·object-center'

(prettier/prettier)

---

[error] 90-90: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 98-98: Replace "flex·flex-col·justify-between·py-4" with 'flex·flex-col·justify-between·py-4'

(prettier/prettier)

---

[error] 98-98: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 103-103: Delete ,

(prettier/prettier)

---

[error] 103-103: Unexpected trailing comma.

(comma-dangle)

---

[error] 107-107: Delete ,

(prettier/prettier)

---

[error] 107-107: Unexpected trailing comma.

(comma-dangle)

---

[error] 111-111: Delete ,

(prettier/prettier)

---

[error] 111-111: Unexpected trailing comma.

(comma-dangle)

---

[error] 115-115: Delete ,

(prettier/prettier)

---

[error] 115-115: Unexpected trailing comma.

(comma-dangle)

---

[error] 118-120: Replace "text-2xl·font-bold·text-black">⏎··············{testimonials[active].name}⏎············ with 'text-2xl·font-bold·text-black'>{testimonials[active].name}

(prettier/prettier)

---

[error] 118-118: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 121-123: Replace "text-sm·font-semibold·text-[#8851FB]">⏎··············{testimonials[active].designation}⏎············ with 'text-sm·font-semibold·text-[#8851FB]'>{testimonials[active].designation}

(prettier/prettier)

---

[error] 121-121: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 124-124: Replace "text-lg·font-semibold·text-[#556061]·mt-8" with 'text-lg·font-semibold·text-[#556061]·mt-8'

(prettier/prettier)

---

[error] 124-124: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 131-131: Delete ,

(prettier/prettier)

---

[error] 131-131: Unexpected trailing comma.

(comma-dangle)

---

[error] 136-136: Delete ,

(prettier/prettier)

---

[error] 136-136: Unexpected trailing comma.

(comma-dangle)

---

[error] 141-141: Delete ,

(prettier/prettier)

---

[error] 141-141: Unexpected trailing comma.

(comma-dangle)

---

[error] 143-143: Replace "inline-block" with 'inline-block'

(prettier/prettier)

---

[error] 143-143: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 150-150: Replace "flex·gap-4·pt-12·md:pt-0" with 'flex·gap-4·pt-12·md:pt-0'

(prettier/prettier)

---

[error] 150-150: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 153-153: Replace "h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button" with 'h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button'

(prettier/prettier)

---

[error] 153-153: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 155-155: Replace "h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300" with 'h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300'

(prettier/prettier)

---

[error] 155-155: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 159-159: Replace "h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button" with 'h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button'

(prettier/prettier)

---

[error] 159-159: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 161-161: Replace "h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300" with 'h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300'

(prettier/prettier)

---

[error] 161-161: Unexpected usage of doublequote.

(jsx-quotes)

🪛 GitHub Actions: PR testing - if Node project

[warning] 48-48: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

---

[error] 48-48: Replace "max-w-sm·md:max-w-4xl·mx-auto·antialiased·font-sans·px-4·md:px-8·lg:px-12·py-20" with 'max-w-sm·md:max-w-4xl·mx-auto·antialiased·font-sans·px-4·md:px-8·lg:px-12·py-20' prettier/prettier

---

[warning] 49-49: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

---

[error] 60-60: Delete , prettier/prettier

---

[error] 60-60: Unexpected trailing comma. comma-dangle

🧹 Nitpick comments (2)

components/AnimatedTestimonialsDemo.tsx (1)

3-3: Add JSDoc documentation

Add JSDoc documentation for the exported function to improve code documentation and satisfy the linting requirements.

+/**
+ * A component that displays animated testimonials from industry experts
+ * about AsyncAPI and event-driven APIs.
+ */
export function AnimatedTestimonialsDemo() {

🧰 Tools

🪛 GitHub Actions: PR testing - if Node project

[warning] 3-3: Missing JSDoc comment. require-jsdoc

components/ui/animated-testimonials.tsx (1)

151-156: Improve accessibility for navigation buttons

Add aria labels to the navigation buttons to improve accessibility.

            <button
              onClick={handlePrev}
+              aria-label="Previous testimonial"
              className="h-7 w-7 rounded-full bg-[#A87EFC] flex items-center justify-center group/button"
            >
              <IconArrowLeft className="h-5 w-5 text-white dark:text-white group-hover/button:rotate-12 transition-transform duration-300" />
            </button>
            <button
              onClick={handleNext}
+              aria-label="Next testimonial"
              className="h-7 w-7 rounded-full bg-[#A87EFC] flex items-center justify-center group/button"
            >
              <IconArrowRight className="h-5 w-5 text-white dark:text-white group-hover/button:rotate-12 transition-transform duration-300" />
            </button>

Also applies to: 157-162

🧰 Tools

🪛 ESLint

[error] 153-153: Replace "h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button" with 'h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button'

(prettier/prettier)

---

[error] 153-153: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 155-155: Replace "h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300" with 'h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300'

(prettier/prettier)

---

[error] 155-155: Unexpected usage of doublequote.

(jsx-quotes)

📜 Review details

Configuration used: .coderabbit.yaml
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between d4ab759 and 3cb7538.

⛔ Files ignored due to path filters (1)

• package-lock.json is excluded by !**/package-lock.json

📒 Files selected for processing (4)

• components/AnimatedTestimonialsDemo.tsx (1 hunks)
• components/ui/animated-testimonials.tsx (1 hunks)
• package.json (4 hunks)
• pages/[lang]/index.tsx (3 hunks)

🧰 Additional context used

🪛 ESLint

components/ui/animated-testimonials.tsx

[error] 3-6: Run autofix to sort these imports!

(simple-import-sort/imports)

---

[error] 17-17: Delete ,

(prettier/prettier)

---

[error] 17-17: Unexpected trailing comma.

(comma-dangle)

---

[error] 36-36: Expected to return a value at the end of arrow function.

(consistent-return)

---

[error] 38-38: Expected blank line after variable declarations.

(newline-after-var)

---

[error] 39-39: Expected blank line before this statement.

(padding-line-between-statements)

---

[error] 48-48: Replace "max-w-sm·md:max-w-4xl·mx-auto·antialiased·font-sans·px-4·md:px-8·lg:px-12·py-20" with 'max-w-sm·md:max-w-4xl·mx-auto·antialiased·font-sans·px-4·md:px-8·lg:px-12·py-20'

(prettier/prettier)

---

[error] 48-48: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 49-49: Replace "relative·grid·grid-cols-1·md:grid-cols-2·gap-20" with 'relative·grid·grid-cols-1·md:grid-cols-2·gap-20'

(prettier/prettier)

---

[error] 49-49: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 51-51: Replace "relative·h-80·w-full" with 'relative·h-80·w-full'

(prettier/prettier)

---

[error] 51-51: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 60-60: Delete ,

(prettier/prettier)

---

[error] 60-60: Unexpected trailing comma.

(comma-dangle)

---

[error] 67-69: Replace ⏎······················?·999⏎····················· with ·?·999

(prettier/prettier)

---

[error] 70-70: Delete ,

(prettier/prettier)

---

[error] 70-70: Unexpected trailing comma.

(comma-dangle)

---

[error] 76-76: Delete ,

(prettier/prettier)

---

[error] 76-76: Unexpected trailing comma.

(comma-dangle)

---

[error] 80-80: Delete ,

(prettier/prettier)

---

[error] 80-80: Unexpected trailing comma.

(comma-dangle)

---

[error] 82-82: Replace "absolute·inset-0·origin-bottom" with 'absolute·inset-0·origin-bottom'

(prettier/prettier)

---

[error] 82-82: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 90-90: Replace "size-full·rounded-3xl·object-cover·object-center" with 'size-full·rounded-3xl·object-cover·object-center'

(prettier/prettier)

---

[error] 90-90: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 98-98: Replace "flex·flex-col·justify-between·py-4" with 'flex·flex-col·justify-between·py-4'

(prettier/prettier)

---

[error] 98-98: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 103-103: Delete ,

(prettier/prettier)

---

[error] 103-103: Unexpected trailing comma.

(comma-dangle)

---

[error] 107-107: Delete ,

(prettier/prettier)

---

[error] 107-107: Unexpected trailing comma.

(comma-dangle)

---

[error] 111-111: Delete ,

(prettier/prettier)

---

[error] 111-111: Unexpected trailing comma.

(comma-dangle)

---

[error] 115-115: Delete ,

(prettier/prettier)

---

[error] 115-115: Unexpected trailing comma.

(comma-dangle)

---

[error] 118-120: Replace "text-2xl·font-bold·text-black">⏎··············{testimonials[active].name}⏎············ with 'text-2xl·font-bold·text-black'>{testimonials[active].name}

(prettier/prettier)

---

[error] 118-118: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 121-123: Replace "text-sm·font-semibold·text-[#8851FB]">⏎··············{testimonials[active].designation}⏎············ with 'text-sm·font-semibold·text-[#8851FB]'>{testimonials[active].designation}

(prettier/prettier)

---

[error] 121-121: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 124-124: Replace "text-lg·font-semibold·text-[#556061]·mt-8" with 'text-lg·font-semibold·text-[#556061]·mt-8'

(prettier/prettier)

---

[error] 124-124: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 131-131: Delete ,

(prettier/prettier)

---

[error] 131-131: Unexpected trailing comma.

(comma-dangle)

---

[error] 136-136: Delete ,

(prettier/prettier)

---

[error] 136-136: Unexpected trailing comma.

(comma-dangle)

---

[error] 141-141: Delete ,

(prettier/prettier)

---

[error] 141-141: Unexpected trailing comma.

(comma-dangle)

---

[error] 143-143: Replace "inline-block" with 'inline-block'

(prettier/prettier)

---

[error] 143-143: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 150-150: Replace "flex·gap-4·pt-12·md:pt-0" with 'flex·gap-4·pt-12·md:pt-0'

(prettier/prettier)

---

[error] 150-150: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 153-153: Replace "h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button" with 'h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button'

(prettier/prettier)

---

[error] 153-153: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 155-155: Replace "h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300" with 'h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300'

(prettier/prettier)

---

[error] 155-155: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 159-159: Replace "h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button" with 'h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button'

(prettier/prettier)

---

[error] 159-159: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 161-161: Replace "h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300" with 'h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300'

(prettier/prettier)

---

[error] 161-161: Unexpected usage of doublequote.

(jsx-quotes)

pages/[lang]/index.tsx

[error] 44-44: Replace "AsyncAPI·Initiative·for·event-driven·APIs" with 'AsyncAPI·Initiative·for·event-driven·APIs'

(prettier/prettier)

---

[error] 44-44: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 45-45: Replace "main-content"·className="scroll-mt-5" with 'main-content'·className='scroll-mt-5'

(prettier/prettier)

---

[error] 45-45: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 45-45: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 47-47: Replace "mb-24" with 'mb-24'

(prettier/prettier)

---

[error] 47-47: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 50-50: Replace "pb-12·text-center"·wide·as="section" with 'pb-12·text-center'·wide·as='section'

(prettier/prettier)

---

[error] 50-50: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 50-50: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 51-55: Replace ⏎············level={HeadingLevel.h3}⏎············typeStyle={HeadingTypeStyle.lg}⏎············className="mb-4"⏎·········· with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4'

(prettier/prettier)

---

[error] 54-54: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 58-58: Replace "mb-20·mt-2·md:mx-auto·md:w-2/3" with 'mb-20·mt-2·md:mx-auto·md:w-2/3'

(prettier/prettier)

---

[error] 58-58: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 60-63: Replace ⏎··············href="https://github.com/asyncapi/website/issues/new"⏎··············target="_blank"⏎············ with ·href='https://github.com/asyncapi/website/issues/new'·target='_blank'

(prettier/prettier)

---

[error] 61-61: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 62-62: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 67-67: Replace "md:grid·md:grid-cols-2·md:gap-8·lg:grid-cols-5" with 'md:grid·md:grid-cols-2·md:gap-8·lg:grid-cols-5'

(prettier/prettier)

---

[error] 67-67: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 68-68: Replace "flex·justify-center" with 'flex·justify-center'

(prettier/prettier)

---

[error] 68-68: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 69-69: Replace "h-8·text-gray-400·hover:text-black" with 'h-8·text-gray-400·hover:text-black'

(prettier/prettier)

---

[error] 69-69: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 71-71: Replace "flex·justify-center" with 'flex·justify-center'

(prettier/prettier)

---

[error] 71-71: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 72-72: Replace "group·mt-12·h-14·text-gray-400·hover:text-black·md:-mt-5·lg:-mt-5" with 'group·mt-12·h-14·text-gray-400·hover:text-black·md:-mt-5·lg:-mt-5'

(prettier/prettier)

---

[error] 72-72: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 74-74: Replace "flex·justify-center" with 'flex·justify-center'

(prettier/prettier)

---

[error] 74-74: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 75-75: Replace "group·mt-12·h-10·text-gray-400·hover:text-black·md:mt-2·lg:-mt-1" with 'group·mt-12·h-10·text-gray-400·hover:text-black·md:mt-2·lg:-mt-1'

(prettier/prettier)

---

[error] 75-75: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 77-77: Replace "flex·justify-center" with 'flex·justify-center'

(prettier/prettier)

---

[error] 77-77: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 78-78: Replace "mt-12·h-16·text-gray-400·md:mt-2·lg:-mt-4" with 'mt-12·h-16·text-gray-400·md:mt-2·lg:-mt-4'

(prettier/prettier)

---

[error] 78-78: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 80-80: Replace "flex·justify-center" with 'flex·justify-center'

(prettier/prettier)

---

[error] 80-80: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 81-81: Replace "mt-12·h-12·text-gray-400·md:mt-2·lg:-mt-2" with 'mt-12·h-12·text-gray-400·md:mt-2·lg:-mt-2'

(prettier/prettier)

---

[error] 81-81: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 86-86: Replace "mt-8·bg-dark·py-12" with 'mt-8·bg-dark·py-12'

(prettier/prettier)

---

[error] 86-86: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 87-87: Replace "section" with 'section'

(prettier/prettier)

---

[error] 87-87: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 92-92: Replace "py-12·text-center"·wide·as="section" with 'py-12·text-center'·wide·as='section'

(prettier/prettier)

---

[error] 92-92: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 92-92: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 93-97: Replace ⏎············level={HeadingLevel.h3}⏎············typeStyle={HeadingTypeStyle.lg}⏎············className="mb-4"⏎·········· with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4'

(prettier/prettier)

---

[error] 96-96: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 100-102: Replace "mt-2·md:mx-auto·md:w-1/2">⏎············{t('community.subtitle')}⏎·········· with 'mt-2·md:mx-auto·md:w-1/2'>{t('community.subtitle')}

(prettier/prettier)

---

[error] 100-100: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 103-103: Replace "py-2·lg:py-12" with 'py-2·lg:py-12'

(prettier/prettier)

---

[error] 103-103: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 105-105: Replace "lg:flex" with 'lg:flex'

(prettier/prettier)

---

[error] 105-105: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 106-106: Replace "mt-10·lg:mt-0·lg:w-1/2" with 'mt-10·lg:mt-0·lg:w-1/2'

(prettier/prettier)

---

[error] 106-106: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 109-109: Replace "lg:ml-12·lg:w-1/2·lg:max-w-xl·lg:text-left" with 'lg:ml-12·lg:w-1/2·lg:max-w-xl·lg:text-left'

(prettier/prettier)

---

[error] 109-109: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 110-110: Replace "mt-5" with 'mt-5'

(prettier/prettier)

---

[error] 110-110: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 111-114: Replace ⏎······················level={HeadingLevel.h4}⏎······················typeStyle={HeadingTypeStyle.mdSemibold}⏎···················· with ·level={HeadingLevel.h4}·typeStyle={HeadingTypeStyle.mdSemibold}

(prettier/prettier)

---

[error] 117-119: Replace "mt-2">⏎······················{t('community.slackCTADesc')}⏎···················· with 'mt-2'>{t('community.slackCTADesc')}

(prettier/prettier)

---

[error] 117-117: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 121-121: Replace "mt-5·flex·justify-center·lg:justify-start" with 'mt-5·flex·justify-center·lg:justify-start'

(prettier/prettier)

---

[error] 121-121: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 122-126: Replace ⏎······················className="w-full·md:w-auto"⏎······················text={t('community.slackCTABtn')}⏎······················href="/slack-invite"⏎··················· with ·className='w-full·md:w-auto'·text={t('community.slackCTABtn')}·href='/slack-invite'

(prettier/prettier)

---

[error] 123-123: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 125-125: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 131-131: Replace "mt-12·lg:flex·lg:flex-row-reverse" with 'mt-12·lg:flex·lg:flex-row-reverse'

(prettier/prettier)

---

[error] 131-131: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 132-132: Replace "mt-10·lg:mt-0·lg:flex-1" with 'mt-10·lg:mt-0·lg:flex-1'

(prettier/prettier)

---

[error] 132-132: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 135-135: Replace "lg:mr-12·lg:max-w-xl·lg:text-left" with 'lg:mr-12·lg:max-w-xl·lg:text-left'

(prettier/prettier)

---

[error] 135-135: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 136-136: Replace "mt-5·lg:mr-12" with 'mt-5·lg:mr-12'

(prettier/prettier)

---

[error] 136-136: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 137-140: Replace ⏎······················level={HeadingLevel.h3}⏎······················typeStyle={HeadingTypeStyle.mdSemibold}⏎···················· with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.mdSemibold}

(prettier/prettier)

---

[error] 143-143: Replace "mt-2" with 'mt-2'

(prettier/prettier)

---

[error] 143-143: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 146-148: Replace "/community/meetings">⏎························{t('community.meetingLink')}⏎······················ with '/community/meetings'>{t('community.meetingLink')}

(prettier/prettier)

---

[error] 146-146: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 150-150: Replace "mt-5·justify-center·md:flex" with 'mt-5·justify-center·md:flex'

(prettier/prettier)

---

[error] 150-150: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 152-152: Replace "https://calendar.google.com/calendar/u/3?cid=Y19xOXRzZWlnbG9tZHNqNm5qdWh2YnB0czExY0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t" with 'https://calendar.google.com/calendar/u/3?cid=Y19xOXRzZWlnbG9tZHNqNm5qdWh2YnB0czExY0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t'

(prettier/prettier)

---

[error] 152-152: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 155-158: Replace ⏎··························href="/community/meetings"⏎··························className="mt-2·md:ml-2·md:mt-0"⏎······················· with ·href='/community/meetings'·className='mt-2·md:ml-2·md:mt-0'

(prettier/prettier)

---

[error] 156-156: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 157-157: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 162-162: Replace "https://calendar.google.com/calendar/ical/c_q9tseiglomdsj6njuhvbpts11c%40group.calendar.google.com/public/basic.ics" with 'https://calendar.google.com/calendar/ical/c_q9tseiglomdsj6njuhvbpts11c%40group.calendar.google.com/public/basic.ics'

(prettier/prettier)

---

[error] 162-162: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 163-163: Replace "mt-2·md:ml-2·md:mt-0" with 'mt-2·md:ml-2·md:mt-0'

(prettier/prettier)

---

[error] 163-163: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 177-177: Replace "pb-20"·role="contentinfo"·aria-label="Our·Sponsors" with 'pb-20'·role='contentinfo'·aria-label='Our·Sponsors'

(prettier/prettier)

---

[error] 177-177: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 177-177: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 177-177: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 178-178: Replace "pb-6·text-center"·wide·as="section" with 'pb-6·text-center'·wide·as='section'

(prettier/prettier)

---

[error] 178-178: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 178-178: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 179-183: Replace ⏎··············level={HeadingLevel.h3}⏎··············typeStyle={HeadingTypeStyle.lg}⏎··············className="mb-4"⏎············ with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4'

(prettier/prettier)

---

[error] 182-182: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 186-186: Replace "mt-4" with 'mt-4'

(prettier/prettier)

---

[error] 186-186: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 189-189: Replace "pb-6·text-center"·wide·as="section" with 'pb-6·text-center'·wide·as='section'

(prettier/prettier)

---

[error] 189-189: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 189-189: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 190-194: Replace ⏎··············level={HeadingLevel.h3}⏎··············typeStyle={HeadingTypeStyle.lg}⏎··············className="mb-4"⏎············ with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4'

(prettier/prettier)

---

[error] 193-193: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 197-197: Replace "mt-4" with 'mt-4'

(prettier/prettier)

---

[error] 197-197: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 200-200: Replace "pyb-6·text-center"·wide·as="section" with 'pyb-6·text-center'·wide·as='section'

(prettier/prettier)

---

[error] 200-200: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 200-200: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 201-205: Replace ⏎··············level={HeadingLevel.h3}⏎··············typeStyle={HeadingTypeStyle.lg}⏎··············className="mb-4"⏎············ with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4'

(prettier/prettier)

---

[error] 204-204: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 208-208: Replace "mt-4" with 'mt-4'

(prettier/prettier)

---

[error] 208-208: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 211-211: Replace "py-6·text-center"·wide·as="section" with 'py-6·text-center'·wide·as='section'

(prettier/prettier)

---

[error] 211-211: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 211-211: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 212-216: Replace ⏎··············level={HeadingLevel.h3}⏎··············typeStyle={HeadingTypeStyle.mdSemibold}⏎··············className="mb-4"⏎············ with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.mdSemibold}·className='mb-4'

(prettier/prettier)

---

[error] 215-215: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 219-219: Replace "mt-2·md:mx-auto·md:w-1/2" with 'mt-2·md:mx-auto·md:w-1/2'

(prettier/prettier)

---

[error] 219-219: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 221-224: Replace ⏎················href="https://opencollective.com/asyncapi"⏎················target="_blank"⏎·············· with ·href='https://opencollective.com/asyncapi'·target='_blank'

(prettier/prettier)

---

[error] 222-222: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 223-223: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 230-230: Replace "py-6·pb-20·text-center" with 'py-6·pb-20·text-center'

(prettier/prettier)

---

[error] 230-230: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 231-235: Replace ⏎············level={HeadingLevel.h3}⏎············typeStyle={HeadingTypeStyle.lg}⏎············className="mb-4"⏎·········· with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4'

(prettier/prettier)

---

[error] 234-234: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 238-238: Replace "mx-auto·mt-3·max-w-2xl·pb-4·sm:mt-4" with 'mx-auto·mt-3·max-w-2xl·pb-4·sm:mt-4'

(prettier/prettier)

---

[error] 238-238: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 240-240: Replace "mailto:[email protected]"·target="_blank" with 'mailto:[email protected]'·target='_blank'

(prettier/prettier)

---

[error] 240-240: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 240-240: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 245-245: Replace "mt-4" with 'mt-4'

(prettier/prettier)

---

[error] 245-245: Unexpected usage of doublequote.

(jsx-quotes)

components/AnimatedTestimonialsDemo.tsx

[error] 4-44: Expected blank line after variable declarations.

(newline-after-var)

---

[error] 12-12: Delete ,

(prettier/prettier)

---

[error] 12-12: Unexpected trailing comma.

(comma-dangle)

---

[error] 22-22: Delete ,

(prettier/prettier)

---

[error] 22-22: Unexpected trailing comma.

(comma-dangle)

---

[error] 32-32: Delete ,

(prettier/prettier)

---

[error] 32-32: Unexpected trailing comma.

(comma-dangle)

---

[error] 42-42: Delete ,

(prettier/prettier)

---

[error] 42-42: Unexpected trailing comma.

(comma-dangle)

---

[error] 43-43: Delete ,

(prettier/prettier)

---

[error] 43-43: Unexpected trailing comma.

(comma-dangle)

---

[error] 45-52: Expected blank line before this statement.

(padding-line-between-statements)

---

[error] 46-46: Replace "text-center·mt-8" with 'text-center·mt-8'

(prettier/prettier)

---

[error] 46-46: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 47-49: Replace "text-4xl·font-bold·text-black·mb-6">⏎········What·the·experts·are·saying⏎······ with 'text-4xl·font-bold·text-black·mb-6'>What·the·experts·are·saying

(prettier/prettier)

---

[error] 47-47: Unexpected usage of doublequote.

(jsx-quotes)

🪛 GitHub Actions: PR testing - if Node project

components/ui/animated-testimonials.tsx

[error] 3-3: Run autofix to sort these imports! simple-import-sort/imports

---

[error] 36-36: Expected to return a value at the end of arrow function. consistent-return

---

[error] 38-38: Expected blank line after variable declarations. newline-after-var

---

[warning] 48-48: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

---

[error] 48-48: Replace "max-w-sm·md:max-w-4xl·mx-auto·antialiased·font-sans·px-4·md:px-8·lg:px-12·py-20" with 'max-w-sm·md:max-w-4xl·mx-auto·antialiased·font-sans·px-4·md:px-8·lg:px-12·py-20' prettier/prettier

---

[warning] 49-49: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

---

[error] 60-60: Delete , prettier/prettier

---

[error] 60-60: Unexpected trailing comma. comma-dangle

pages/[lang]/index.tsx

[error] 1-1: Run autofix to sort these imports! simple-import-sort/imports

---

[error] 44-44: Replace "AsyncAPI·Initiative·for·event-driven·APIs" with 'AsyncAPI·Initiative·for·event-driven·APIs' prettier/prettier

---

[error] 44-44: Unexpected usage of doublequote. jsx-quotes

---

[error] 45-45: Replace "main-content·className="scroll-mt-5"" with 'main-content·className='scroll-mt-5' prettier/prettier

---

[error] 45-45: Unexpected usage of doublequote. jsx-quotes

---

[error] 50-50: Replace "pb-12·text-center"·wide·as="section" with 'pb-12·text-center'·wide·as='section' prettier/prettier

---

[error] 50-50: Unexpected usage of doublequote. jsx-quotes

components/AnimatedTestimonialsDemo.tsx

[warning] 3-3: Missing JSDoc comment. require-jsdoc

---

[error] 4-4: Expected blank line after variable declarations. newline-after-var

---

[error] 12-12: Delete , prettier/prettier

---

[error] 12-12: Unexpected trailing comma. comma-dangle

⏰ Context from checks skipped due to timeout of 180000ms (4)

• GitHub Check: Redirect rules - asyncapi-website
• GitHub Check: Header rules - asyncapi-website
• GitHub Check: Pages changed - asyncapi-website
• GitHub Check: Lighthouse CI

🔇 Additional comments (4)

package.json (1)

60-90: Appropriate dependency additions for the animated testimonials

The added dependencies (@tabler/icons-react and framer-motion) are correctly added to support the new animated testimonials component. The version updates for clsx and tailwind-merge are also appropriate.

pages/[lang]/index.tsx (2)

27-27: Correctly implemented import for AnimatedTestimonialsDemo

The import statement is properly implemented, addressing the previous review comment about unused imports.

---

247-249: Well-integrated AnimatedTestimonialsDemo component

The AnimatedTestimonialsDemo component is properly integrated into the page layout. Wrapping it in a Container component maintains consistency with the rest of the page structure.

components/ui/animated-testimonials.tsx (1)

17-17: Default autoplay setting inconsistency

The autoplay prop defaults to true here, but this contradicts the typical behavior where auto-playing elements should be opt-in rather than opt-out. Consider whether this default aligns with the intended user experience and team standards.

-  autoplay = true,
+  autoplay = false,

🧰 Tools

🪛 ESLint

[error] 17-17: Delete ,

(prettier/prettier)

---

[error] 17-17: Unexpected trailing comma.

(comma-dangle)

[coderabbitai]

Actionable comments posted: 3

♻️ Duplicate comments (2)

components/ui/animated-testimonials.tsx (2)

36-43: 🛠️ Refactor suggestion

Add testimonials to useEffect dependency array.

The useEffect hook depends on the testimonials array for the handleNext function, but testimonials is not included in the dependency array. This could lead to stale closures if the testimonials array changes.

useEffect(() => {
  if (autoplay) {
    const interval = setInterval(handleNext, 5000);

    return () => clearInterval(interval);
  }
  return undefined;
-}, [autoplay]);
+}, [autoplay, testimonials]);

🧰 Tools

🪛 ESLint

[error] 42-42: Expected blank line before this statement.

(padding-line-between-statements)

🪛 GitHub Actions: PR testing - if Node project

[error] 42-42: Expected blank line before this statement. padding-line-between-statements

---

15-21: 🛠️ Refactor suggestion

Remove trailing comma after autoplay default value.

There's a trailing comma after the default assignment that's causing linting errors.

export const AnimatedTestimonials = ({
  testimonials,
-  autoplay = true,
+  autoplay = true
}: {
  testimonials: Testimonial[];
  autoplay?: boolean;
}) => {

🧰 Tools

🪛 ESLint

[error] 17-17: Delete ,

(prettier/prettier)

---

[error] 17-17: Unexpected trailing comma.

(comma-dangle)

🪛 GitHub Actions: PR testing - if Node project

[error] 17-17: Delete , prettier/prettier

---

[error] 17-17: Unexpected trailing comma. comma-dangle

🧹 Nitpick comments (3)

pages/[lang]/index.tsx (1)

44-246: Fix JSX quotes to maintain consistent styling.

The code has numerous instances of double quotes for JSX attributes while the project's linting configuration requires single quotes, causing pipeline failures.

Apply this change to fix the JSX attribute quotes throughout the file:

-      <Head title="AsyncAPI Initiative for event-driven APIs" />
-      <main id="main-content" className="scroll-mt-5">
+      <Head title='AsyncAPI Initiative for event-driven APIs' />
+      <main id='main-content' className='scroll-mt-5'>

Run Prettier or ESLint to automatically fix all the quotes in the file, as there are too many instances to list individually in this comment.

🧰 Tools

🪛 ESLint

[error] 44-44: Replace "AsyncAPI·Initiative·for·event-driven·APIs" with 'AsyncAPI·Initiative·for·event-driven·APIs'

(prettier/prettier)

---

[error] 44-44: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 45-45: Replace "main-content"·className="scroll-mt-5" with 'main-content'·className='scroll-mt-5'

(prettier/prettier)

---

[error] 45-45: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 45-45: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 47-47: Replace "mb-24" with 'mb-24'

(prettier/prettier)

---

[error] 47-47: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 50-50: Replace "pb-12·text-center"·wide·as="section" with 'pb-12·text-center'·wide·as='section'

(prettier/prettier)

---

[error] 50-50: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 50-50: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 51-55: Replace ⏎············level={HeadingLevel.h3}⏎············typeStyle={HeadingTypeStyle.lg}⏎············className="mb-4"⏎·········· with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4'

(prettier/prettier)

---

[error] 54-54: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 58-58: Replace "mb-20·mt-2·md:mx-auto·md:w-2/3" with 'mb-20·mt-2·md:mx-auto·md:w-2/3'

(prettier/prettier)

---

[error] 58-58: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 60-63: Replace ⏎··············href="https://github.com/asyncapi/website/issues/new"⏎··············target="_blank"⏎············ with ·href='https://github.com/asyncapi/website/issues/new'·target='_blank'

(prettier/prettier)

---

[error] 61-61: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 62-62: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 67-67: Replace "md:grid·md:grid-cols-2·md:gap-8·lg:grid-cols-5" with 'md:grid·md:grid-cols-2·md:gap-8·lg:grid-cols-5'

(prettier/prettier)

---

[error] 67-67: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 68-68: Replace "flex·justify-center" with 'flex·justify-center'

(prettier/prettier)

---

[error] 68-68: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 69-69: Replace "h-8·text-gray-400·hover:text-black" with 'h-8·text-gray-400·hover:text-black'

(prettier/prettier)

---

[error] 69-69: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 71-71: Replace "flex·justify-center" with 'flex·justify-center'

(prettier/prettier)

---

[error] 71-71: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 72-72: Replace "group·mt-12·h-14·text-gray-400·hover:text-black·md:-mt-5·lg:-mt-5" with 'group·mt-12·h-14·text-gray-400·hover:text-black·md:-mt-5·lg:-mt-5'

(prettier/prettier)

---

[error] 72-72: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 74-74: Replace "flex·justify-center" with 'flex·justify-center'

(prettier/prettier)

---

[error] 74-74: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 75-75: Replace "group·mt-12·h-10·text-gray-400·hover:text-black·md:mt-2·lg:-mt-1" with 'group·mt-12·h-10·text-gray-400·hover:text-black·md:mt-2·lg:-mt-1'

(prettier/prettier)

---

[error] 75-75: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 77-77: Replace "flex·justify-center" with 'flex·justify-center'

(prettier/prettier)

---

[error] 77-77: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 78-78: Replace "mt-12·h-16·text-gray-400·md:mt-2·lg:-mt-4" with 'mt-12·h-16·text-gray-400·md:mt-2·lg:-mt-4'

(prettier/prettier)

---

[error] 78-78: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 80-80: Replace "flex·justify-center" with 'flex·justify-center'

(prettier/prettier)

---

[error] 80-80: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 81-81: Replace "mt-12·h-12·text-gray-400·md:mt-2·lg:-mt-2" with 'mt-12·h-12·text-gray-400·md:mt-2·lg:-mt-2'

(prettier/prettier)

---

[error] 81-81: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 86-86: Replace "mt-8·bg-dark·py-12" with 'mt-8·bg-dark·py-12'

(prettier/prettier)

---

[error] 86-86: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 87-87: Replace "section" with 'section'

(prettier/prettier)

---

[error] 87-87: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 92-92: Replace "py-12·text-center"·wide·as="section" with 'py-12·text-center'·wide·as='section'

(prettier/prettier)

---

[error] 92-92: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 92-92: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 93-97: Replace ⏎············level={HeadingLevel.h3}⏎············typeStyle={HeadingTypeStyle.lg}⏎············className="mb-4"⏎·········· with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4'

(prettier/prettier)

---

[error] 96-96: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 100-102: Replace "mt-2·md:mx-auto·md:w-1/2">⏎············{t('community.subtitle')}⏎·········· with 'mt-2·md:mx-auto·md:w-1/2'>{t('community.subtitle')}

(prettier/prettier)

---

[error] 100-100: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 103-103: Replace "py-2·lg:py-12" with 'py-2·lg:py-12'

(prettier/prettier)

---

[error] 103-103: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 105-105: Replace "lg:flex" with 'lg:flex'

(prettier/prettier)

---

[error] 105-105: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 106-106: Replace "mt-10·lg:mt-0·lg:w-1/2" with 'mt-10·lg:mt-0·lg:w-1/2'

(prettier/prettier)

---

[error] 106-106: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 109-109: Replace "lg:ml-12·lg:w-1/2·lg:max-w-xl·lg:text-left" with 'lg:ml-12·lg:w-1/2·lg:max-w-xl·lg:text-left'

(prettier/prettier)

---

[error] 109-109: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 110-110: Replace "mt-5" with 'mt-5'

(prettier/prettier)

---

[error] 110-110: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 111-114: Replace ⏎······················level={HeadingLevel.h4}⏎······················typeStyle={HeadingTypeStyle.mdSemibold}⏎···················· with ·level={HeadingLevel.h4}·typeStyle={HeadingTypeStyle.mdSemibold}

(prettier/prettier)

---

[error] 117-119: Replace "mt-2">⏎······················{t('community.slackCTADesc')}⏎···················· with 'mt-2'>{t('community.slackCTADesc')}

(prettier/prettier)

---

[error] 117-117: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 121-121: Replace "mt-5·flex·justify-center·lg:justify-start" with 'mt-5·flex·justify-center·lg:justify-start'

(prettier/prettier)

---

[error] 121-121: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 122-126: Replace ⏎······················className="w-full·md:w-auto"⏎······················text={t('community.slackCTABtn')}⏎······················href="/slack-invite"⏎··················· with ·className='w-full·md:w-auto'·text={t('community.slackCTABtn')}·href='/slack-invite'

(prettier/prettier)

---

[error] 123-123: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 125-125: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 131-131: Replace "mt-12·lg:flex·lg:flex-row-reverse" with 'mt-12·lg:flex·lg:flex-row-reverse'

(prettier/prettier)

---

[error] 131-131: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 132-132: Replace "mt-10·lg:mt-0·lg:flex-1" with 'mt-10·lg:mt-0·lg:flex-1'

(prettier/prettier)

---

[error] 132-132: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 135-135: Replace "lg:mr-12·lg:max-w-xl·lg:text-left" with 'lg:mr-12·lg:max-w-xl·lg:text-left'

(prettier/prettier)

---

[error] 135-135: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 136-136: Replace "mt-5·lg:mr-12" with 'mt-5·lg:mr-12'

(prettier/prettier)

---

[error] 136-136: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 137-140: Replace ⏎······················level={HeadingLevel.h3}⏎······················typeStyle={HeadingTypeStyle.mdSemibold}⏎···················· with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.mdSemibold}

(prettier/prettier)

---

[error] 143-143: Replace "mt-2" with 'mt-2'

(prettier/prettier)

---

[error] 143-143: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 146-148: Replace "/community/meetings">⏎························{t('community.meetingLink')}⏎······················ with '/community/meetings'>{t('community.meetingLink')}

(prettier/prettier)

---

[error] 146-146: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 150-150: Replace "mt-5·justify-center·md:flex" with 'mt-5·justify-center·md:flex'

(prettier/prettier)

---

[error] 150-150: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 152-152: Replace "https://calendar.google.com/calendar/u/3?cid=Y19xOXRzZWlnbG9tZHNqNm5qdWh2YnB0czExY0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t" with 'https://calendar.google.com/calendar/u/3?cid=Y19xOXRzZWlnbG9tZHNqNm5qdWh2YnB0czExY0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t'

(prettier/prettier)

---

[error] 152-152: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 155-158: Replace ⏎··························href="/community/meetings"⏎··························className="mt-2·md:ml-2·md:mt-0"⏎······················· with ·href='/community/meetings'·className='mt-2·md:ml-2·md:mt-0'

(prettier/prettier)

---

[error] 156-156: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 157-157: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 162-162: Replace "https://calendar.google.com/calendar/ical/c_q9tseiglomdsj6njuhvbpts11c%40group.calendar.google.com/public/basic.ics" with 'https://calendar.google.com/calendar/ical/c_q9tseiglomdsj6njuhvbpts11c%40group.calendar.google.com/public/basic.ics'

(prettier/prettier)

---

[error] 162-162: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 163-163: Replace "mt-2·md:ml-2·md:mt-0" with 'mt-2·md:ml-2·md:mt-0'

(prettier/prettier)

---

[error] 163-163: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 177-177: Replace "pb-20"·role="contentinfo"·aria-label="Our·Sponsors" with 'pb-20'·role='contentinfo'·aria-label='Our·Sponsors'

(prettier/prettier)

---

[error] 177-177: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 177-177: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 177-177: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 178-178: Replace "pb-6·text-center"·wide·as="section" with 'pb-6·text-center'·wide·as='section'

(prettier/prettier)

---

[error] 178-178: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 178-178: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 179-183: Replace ⏎··············level={HeadingLevel.h3}⏎··············typeStyle={HeadingTypeStyle.lg}⏎··············className="mb-4"⏎············ with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4'

(prettier/prettier)

---

[error] 182-182: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 186-186: Replace "mt-4" with 'mt-4'

(prettier/prettier)

---

[error] 186-186: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 189-189: Replace "pb-6·text-center"·wide·as="section" with 'pb-6·text-center'·wide·as='section'

(prettier/prettier)

---

[error] 189-189: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 189-189: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 190-194: Replace ⏎··············level={HeadingLevel.h3}⏎··············typeStyle={HeadingTypeStyle.lg}⏎··············className="mb-4"⏎············ with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4'

(prettier/prettier)

---

[error] 193-193: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 197-197: Replace "mt-4" with 'mt-4'

(prettier/prettier)

---

[error] 197-197: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 200-200: Replace "pyb-6·text-center"·wide·as="section" with 'pyb-6·text-center'·wide·as='section'

(prettier/prettier)

---

[error] 200-200: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 200-200: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 201-205: Replace ⏎··············level={HeadingLevel.h3}⏎··············typeStyle={HeadingTypeStyle.lg}⏎··············className="mb-4"⏎············ with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4'

(prettier/prettier)

---

[error] 204-204: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 208-208: Replace "mt-4" with 'mt-4'

(prettier/prettier)

---

[error] 208-208: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 211-211: Replace "py-6·text-center"·wide·as="section" with 'py-6·text-center'·wide·as='section'

(prettier/prettier)

---

[error] 211-211: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 211-211: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 212-216: Replace ⏎··············level={HeadingLevel.h3}⏎··············typeStyle={HeadingTypeStyle.mdSemibold}⏎··············className="mb-4"⏎············ with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.mdSemibold}·className='mb-4'

(prettier/prettier)

---

[error] 215-215: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 219-219: Replace "mt-2·md:mx-auto·md:w-1/2" with 'mt-2·md:mx-auto·md:w-1/2'

(prettier/prettier)

---

[error] 219-219: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 221-224: Replace ⏎················href="https://opencollective.com/asyncapi"⏎················target="_blank"⏎·············· with ·href='https://opencollective.com/asyncapi'·target='_blank'

(prettier/prettier)

---

[error] 222-222: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 223-223: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 230-230: Replace "py-6·pb-20·text-center" with 'py-6·pb-20·text-center'

(prettier/prettier)

---

[error] 230-230: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 231-235: Replace ⏎············level={HeadingLevel.h3}⏎············typeStyle={HeadingTypeStyle.lg}⏎············className="mb-4"⏎·········· with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4'

(prettier/prettier)

---

[error] 234-234: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 238-238: Replace "mx-auto·mt-3·max-w-2xl·pb-4·sm:mt-4" with 'mx-auto·mt-3·max-w-2xl·pb-4·sm:mt-4'

(prettier/prettier)

---

[error] 238-238: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 240-240: Replace "mailto:[email protected]"·target="_blank" with 'mailto:[email protected]'·target='_blank'

(prettier/prettier)

---

[error] 240-240: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 240-240: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 245-245: Replace "mt-4" with 'mt-4'

(prettier/prettier)

---

[error] 245-245: Unexpected usage of doublequote.

(jsx-quotes)

🪛 GitHub Actions: PR testing - if Node project

[error] 44-44: Replace "AsyncAPI·Initiative·for·event-driven·APIs" with 'AsyncAPI·Initiative·for·event-driven·APIs' prettier/prettier

---

[error] 44-44: Unexpected usage of doublequote. jsx-quotes

---

[error] 45-45: Replace "main-content·className="scroll-mt-5"" with 'main-content·className='scroll-mt-5' prettier/prettier

---

[error] 45-45: Unexpected usage of doublequote. jsx-quotes

---

[error] 47-47: Replace "mb-24" with 'mb-24' prettier/prettier

---

[error] 47-47: Unexpected usage of doublequote. jsx-quotes

---

[error] 50-50: Replace "pb-12·text-center"·wide·as="section" with 'pb-12·text-center'·wide·as='section' prettier/prettier

---

[error] 50-50: Unexpected usage of doublequote. jsx-quotes

---

[error] 54-54: Unexpected usage of doublequote. jsx-quotes

---

[error] 58-58: Replace "mb-20·mt-2·md:mx-auto·md:w-2/3" with 'mb-20·mt-2·md:mx-auto·md:w-2/3' prettier/prettier

---

[error] 58-58: Unexpected usage of doublequote. jsx-quotes

---

[error] 60-60: Replace "href="https://github.com/asyncapi/website/issues/new" with 'href='https://github.com/asyncapi/website/issues/new' prettier/prettier

---

[error] 60-60: Unexpected usage of doublequote. jsx-quotes

---

[error] 62-62: Unexpected usage of doublequote. jsx-quotes

---

[error] 67-67: Replace "md:grid·md:grid-cols-2·md:gap-8·lg:grid-cols-5" with 'md:grid·md:grid-cols-2·md:gap-8·lg:grid-cols-5' prettier/prettier

---

[error] 67-67: Unexpected usage of doublequote. jsx-quotes

---

[error] 68-68: Replace "flex·justify-center" with 'flex·justify-center' prettier/prettier

---

[error] 68-68: Unexpected usage of doublequote. jsx-quotes

---

[error] 69-69: Replace "h-8·text-gray-400·hover:text-black" with 'h-8·text-gray-400·hover:text-black' prettier/prettier

---

[error] 69-69: Unexpected usage of doublequote. jsx-quotes

---

[error] 71-71: Replace "flex·justify-center" with 'flex·justify-center' prettier/prettier

---

[error] 71-71: Unexpected usage of doublequote. jsx-quotes

---

[error] 72-72: Replace "group·mt-12·h-14·text-gray-400·hover:text-black·md:-mt-5·lg:-mt-5" with 'group·mt-12·h-14·text-gray-400·hover:text-black·md:-mt-5·lg:-mt-5' prettier/prettier

---

[error] 72-72: Unexpected usage of doublequote. jsx-quotes

---

[error] 74-74: Replace "flex·justify-center" with 'flex·justify-center' prettier/prettier

---

[error] 74-74: Unexpected usage of doublequote. jsx-quotes

---

[error] 75-75: Replace "group·mt-12·h-10·text-gray-400·hover:text-black·md:mt-2·lg:-mt-1" with 'group·mt-12·h-10·text-gray-400·hover:text-black·md:mt-2·lg:-mt-1' prettier/prettier

---

[error] 75-75: Unexpected usage of doublequote. jsx-quotes

---

[error] 77-77: Replace "flex·justify-center" with 'flex·justify-center' prettier/prettier

---

[error] 77-77: Unexpected usage of doublequote. jsx-quotes

---

[error] 78-78: Replace "mt-12·h-16·text-gray-400·md:mt-2·lg:-mt-4" with 'mt-12·h-16·text-gray-400·md:mt-2·lg:-mt-4' prettier/prettier

---

[error] 78-78: Unexpected usage of doublequote. jsx-quotes

---

[error] 80-80: Replace "flex·justify-center" with 'flex·justify-center' prettier/prettier

---

[error] 80-80: Unexpected usage of doublequote. jsx-quotes

---

[error] 81-81: Replace "mt-12·h-12·text-gray-400·md:mt-2·lg:-mt-2" with 'mt-12·h-12·text-gray-400·md:mt-2·lg:-mt-2' prettier/prettier

---

[error] 81-81: Unexpected usage of doublequote. jsx-quotes

---

[error] 86-86: Replace "mt-8·bg-dark·py-12" with 'mt-8·bg-dark·py-12' prettier/prettier

---

[error] 86-86: Unexpected usage of doublequote. jsx-quotes

---

[error] 87-87: Replace "section" with 'section' prettier/prettier

---

[error] 87-87: Unexpected usage of doublequote. jsx-quotes

---

[error] 92-92: Replace "py-12·text-center"·wide·as="section" with 'py-12·text-center'·wide·as='section' prettier/prettier

---

[error] 92-92: Unexpected usage of doublequote. jsx-quotes

---

[error] 93-93: Unexpected usage of doublequote. jsx-quotes

---

[error] 96-96: Replace "mt-2·md:mx-auto·md:w-1/2"> with 'mt-2·md:mx-auto·md:w-1/2'>{t('community.subtitle')}' prettier/prettier

---

[error] 96-96: Unexpected usage of doublequote. jsx-quotes

---

[error] 100-100: Replace "py-2·lg:py-12" with 'py-2·lg:py-12' prettier/prettier

---

[error] 100-100: Unexpected usage of doublequote. jsx-quotes

---

[error] 105-105: Replace "lg:flex" with 'lg:flex' prettier/prettier

---

[error] 105-105: Unexpected usage of doublequote. jsx-quotes

---

[error] 106-106: Replace "mt-10·lg:mt-0·lg:w-1/2" with 'mt-10·lg:mt-0·lg:w-1/2' prettier/prettier

---

[error] 106-106: Unexpected usage of doublequote. jsx-quotes

---

[error] 109-109: Replace "lg:ml-12·lg:w-1/2·lg:max-w-xl·lg:text-left" with 'lg:ml-12·lg:w-1/2·lg:max-w-xl·lg:text-left' prettier/prettier

---

[error] 109-109: Unexpected usage of doublequote. jsx-quotes

---

[error] 110-110: Replace "mt-5" with 'mt-5' prettier/prettier

---

[error] 110-110: Unexpected usage of doublequote. jsx-quotes

---

[error] 111-111: Replace "level={HeadingLevel.h4}·typeStyle={HeadingTypeStyle.mdSemibold}" with 'level={HeadingLevel.h4}·typeStyle={HeadingTypeStyle.mdSemibold}' prettier/prettier

---

[error] 111-111: Unexpected usage of doublequote. jsx-quotes

---

[error] 117-117: Replace "mt-2"> with 'mt-2'>{t('community.slackCTADesc')}' prettier/prettier

---

[error] 117-117: Unexpected usage of doublequote. jsx-quotes

---

[error] 121-121: Replace "mt-5·flex·justify-center·lg:justify-start" with 'mt-5·flex·justify-center·lg:justify-start' prettier/prettier

---

[error] 121-121: Unexpected usage of doublequote. jsx-quotes

---

[error] 122-122: Replace "className="w-full·md:w-auto" with 'className='w-full·md:w-auto' prettier/prettier

---

[error] 122-122: Unexpected usage of doublequote. jsx-quotes

---

[error] 230-230: Replace "py-6·pb-20·text-center" with 'py-6·pb-20·text-center' prettier/prettier

---

[error] 230-230: Unexpected usage of doublequote. jsx-quotes

components/ui/animated-testimonials.tsx (2)

126-149: Optimize word-by-word animation for longer testimonials.

Animating each word individually can impact performance for longer testimonials. Consider adding a delay cap to prevent very long testimonials from having words that appear too late.

<motion.p className="text-lg font-semibold text-[#556061] mt-8">
  {testimonials[active].quote.split(' ').map((word, index) => (
    <motion.span
      key={index}
      initial={{
        filter: 'blur(10px)',
        opacity: 0,
        y: 5,
      }}
      animate={{
        filter: 'blur(0px)',
        opacity: 1,
        y: 0,
      }}
      transition={{
        duration: 0.2,
        ease: 'easeInOut',
-       delay: 0.02 * index,
+       delay: Math.min(0.02 * index, 0.5), // Cap the delay at 0.5s
      }}
      className="inline-block"
    >
      {word}&nbsp;
    </motion.span>
  ))}
</motion.p>

🧰 Tools

🪛 ESLint

[error] 126-126: Replace "text-lg·font-semibold·text-[#556061]·mt-8" with 'text-lg·font-semibold·text-[#556061]·mt-8'

(prettier/prettier)

---

[error] 126-126: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 133-133: Delete ,

(prettier/prettier)

---

[error] 133-133: Unexpected trailing comma.

(comma-dangle)

---

[error] 138-138: Delete ,

(prettier/prettier)

---

[error] 138-138: Unexpected trailing comma.

(comma-dangle)

---

[error] 143-143: Delete ,

(prettier/prettier)

---

[error] 143-143: Unexpected trailing comma.

(comma-dangle)

---

[error] 145-145: Replace "inline-block" with 'inline-block'

(prettier/prettier)

---

[error] 145-145: Unexpected usage of doublequote.

(jsx-quotes)

🪛 GitHub Actions: PR testing - if Node project

[warning] 126-126: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

---

[error] 126-126: Replace "text-lg·font-semibold·text-[#556061]·mt-8" with 'text-lg·font-semibold·text-[#556061]·mt-8' prettier/prettier

---

[error] 126-126: Unexpected usage of doublequote. jsx-quotes

---

[error] 133-133: Delete , prettier/prettier

---

[error] 133-133: Unexpected trailing comma. comma-dangle

---

[error] 138-138: Delete , prettier/prettier

---

[error] 138-138: Unexpected trailing comma. comma-dangle

---

[error] 143-143: Delete , prettier/prettier

---

[error] 143-143: Unexpected trailing comma. comma-dangle

---

[error] 145-145: Replace "inline-block" with 'inline-block' prettier/prettier

---

[error] 145-145: Unexpected usage of doublequote. jsx-quotes

---

100-126: Improve motion animation text styles.

The text styling for testimonials has Tailwind classes in a suboptimal order and uses hardcoded color values.

-<h3 className="text-2xl font-bold text-black">
-  {testimonials[active].name}
-</h3>
-<p className="text-sm font-semibold text-[#8851FB]">
-  {testimonials[active].designation}
-</p>
-<motion.p className="text-lg font-semibold text-[#556061] mt-8">
+<h3 className='text-2xl font-bold text-black'>{testimonials[active].name}</h3>
+<p className='text-sm font-semibold text-[#8851FB]'>{testimonials[active].designation}</p>
+<motion.p className='mt-8 text-lg font-semibold text-[#556061]'>

Consider using Tailwind's theme colors instead of hardcoded hex values if applicable to your design system.

🧰 Tools

🪛 ESLint

[error] 100-100: Replace "flex·flex-col·justify-between·py-4" with 'flex·flex-col·justify-between·py-4'

(prettier/prettier)

---

[error] 100-100: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 105-105: Delete ,

(prettier/prettier)

---

[error] 105-105: Unexpected trailing comma.

(comma-dangle)

---

[error] 109-109: Delete ,

(prettier/prettier)

---

[error] 109-109: Unexpected trailing comma.

(comma-dangle)

---

[error] 113-113: Delete ,

(prettier/prettier)

---

[error] 113-113: Unexpected trailing comma.

(comma-dangle)

---

[error] 117-117: Delete ,

(prettier/prettier)

---

[error] 117-117: Unexpected trailing comma.

(comma-dangle)

---

[error] 120-122: Replace "text-2xl·font-bold·text-black">⏎··············{testimonials[active].name}⏎············ with 'text-2xl·font-bold·text-black'>{testimonials[active].name}

(prettier/prettier)

---

[error] 120-120: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 123-125: Replace "text-sm·font-semibold·text-[#8851FB]">⏎··············{testimonials[active].designation}⏎············ with 'text-sm·font-semibold·text-[#8851FB]'>{testimonials[active].designation}

(prettier/prettier)

---

[error] 123-123: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 126-126: Replace "text-lg·font-semibold·text-[#556061]·mt-8" with 'text-lg·font-semibold·text-[#556061]·mt-8'

(prettier/prettier)

---

[error] 126-126: Unexpected usage of doublequote.

(jsx-quotes)

🪛 GitHub Actions: PR testing - if Node project

[error] 120-120: Replace "text-2xl·font-bold·text-black"> with 'text-2xl·font-bold·text-black'>{testimonials[active].name}' prettier/prettier

---

[error] 120-120: Unexpected usage of doublequote. jsx-quotes

---

[error] 123-123: Replace "text-sm·font-semibold·text-[#8851FB]"> with 'text-sm·font-semibold·text-[#8851FB]'>{testimonials[active].designation}' prettier/prettier

---

[error] 123-123: Unexpected usage of doublequote. jsx-quotes

---

[warning] 126-126: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

---

[error] 126-126: Replace "text-lg·font-semibold·text-[#556061]·mt-8" with 'text-lg·font-semibold·text-[#556061]·mt-8' prettier/prettier

---

[error] 126-126: Unexpected usage of doublequote. jsx-quotes

📜 Review details

Configuration used: .coderabbit.yaml
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 3cb7538 and 1ecb761.

📒 Files selected for processing (2)

• components/ui/animated-testimonials.tsx (1 hunks)
• pages/[lang]/index.tsx (3 hunks)

🧰 Additional context used

🪛 ESLint

pages/[lang]/index.tsx

[error] 44-44: Replace "AsyncAPI·Initiative·for·event-driven·APIs" with 'AsyncAPI·Initiative·for·event-driven·APIs'

(prettier/prettier)

---

[error] 44-44: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 45-45: Replace "main-content"·className="scroll-mt-5" with 'main-content'·className='scroll-mt-5'

(prettier/prettier)

---

[error] 45-45: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 45-45: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 47-47: Replace "mb-24" with 'mb-24'

(prettier/prettier)

---

[error] 47-47: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 50-50: Replace "pb-12·text-center"·wide·as="section" with 'pb-12·text-center'·wide·as='section'

(prettier/prettier)

---

[error] 50-50: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 50-50: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 51-55: Replace ⏎············level={HeadingLevel.h3}⏎············typeStyle={HeadingTypeStyle.lg}⏎············className="mb-4"⏎·········· with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4'

(prettier/prettier)

---

[error] 54-54: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 58-58: Replace "mb-20·mt-2·md:mx-auto·md:w-2/3" with 'mb-20·mt-2·md:mx-auto·md:w-2/3'

(prettier/prettier)

---

[error] 58-58: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 60-63: Replace ⏎··············href="https://github.com/asyncapi/website/issues/new"⏎··············target="_blank"⏎············ with ·href='https://github.com/asyncapi/website/issues/new'·target='_blank'

(prettier/prettier)

---

[error] 61-61: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 62-62: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 67-67: Replace "md:grid·md:grid-cols-2·md:gap-8·lg:grid-cols-5" with 'md:grid·md:grid-cols-2·md:gap-8·lg:grid-cols-5'

(prettier/prettier)

---

[error] 67-67: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 68-68: Replace "flex·justify-center" with 'flex·justify-center'

(prettier/prettier)

---

[error] 68-68: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 69-69: Replace "h-8·text-gray-400·hover:text-black" with 'h-8·text-gray-400·hover:text-black'

(prettier/prettier)

---

[error] 69-69: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 71-71: Replace "flex·justify-center" with 'flex·justify-center'

(prettier/prettier)

---

[error] 71-71: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 72-72: Replace "group·mt-12·h-14·text-gray-400·hover:text-black·md:-mt-5·lg:-mt-5" with 'group·mt-12·h-14·text-gray-400·hover:text-black·md:-mt-5·lg:-mt-5'

(prettier/prettier)

---

[error] 72-72: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 74-74: Replace "flex·justify-center" with 'flex·justify-center'

(prettier/prettier)

---

[error] 74-74: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 75-75: Replace "group·mt-12·h-10·text-gray-400·hover:text-black·md:mt-2·lg:-mt-1" with 'group·mt-12·h-10·text-gray-400·hover:text-black·md:mt-2·lg:-mt-1'

(prettier/prettier)

---

[error] 75-75: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 77-77: Replace "flex·justify-center" with 'flex·justify-center'

(prettier/prettier)

---

[error] 77-77: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 78-78: Replace "mt-12·h-16·text-gray-400·md:mt-2·lg:-mt-4" with 'mt-12·h-16·text-gray-400·md:mt-2·lg:-mt-4'

(prettier/prettier)

---

[error] 78-78: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 80-80: Replace "flex·justify-center" with 'flex·justify-center'

(prettier/prettier)

---

[error] 80-80: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 81-81: Replace "mt-12·h-12·text-gray-400·md:mt-2·lg:-mt-2" with 'mt-12·h-12·text-gray-400·md:mt-2·lg:-mt-2'

(prettier/prettier)

---

[error] 81-81: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 86-86: Replace "mt-8·bg-dark·py-12" with 'mt-8·bg-dark·py-12'

(prettier/prettier)

---

[error] 86-86: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 87-87: Replace "section" with 'section'

(prettier/prettier)

---

[error] 87-87: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 92-92: Replace "py-12·text-center"·wide·as="section" with 'py-12·text-center'·wide·as='section'

(prettier/prettier)

---

[error] 92-92: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 92-92: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 93-97: Replace ⏎············level={HeadingLevel.h3}⏎············typeStyle={HeadingTypeStyle.lg}⏎············className="mb-4"⏎·········· with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4'

(prettier/prettier)

---

[error] 96-96: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 100-102: Replace "mt-2·md:mx-auto·md:w-1/2">⏎············{t('community.subtitle')}⏎·········· with 'mt-2·md:mx-auto·md:w-1/2'>{t('community.subtitle')}

(prettier/prettier)

---

[error] 100-100: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 103-103: Replace "py-2·lg:py-12" with 'py-2·lg:py-12'

(prettier/prettier)

---

[error] 103-103: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 105-105: Replace "lg:flex" with 'lg:flex'

(prettier/prettier)

---

[error] 105-105: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 106-106: Replace "mt-10·lg:mt-0·lg:w-1/2" with 'mt-10·lg:mt-0·lg:w-1/2'

(prettier/prettier)

---

[error] 106-106: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 109-109: Replace "lg:ml-12·lg:w-1/2·lg:max-w-xl·lg:text-left" with 'lg:ml-12·lg:w-1/2·lg:max-w-xl·lg:text-left'

(prettier/prettier)

---

[error] 109-109: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 110-110: Replace "mt-5" with 'mt-5'

(prettier/prettier)

---

[error] 110-110: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 111-114: Replace ⏎······················level={HeadingLevel.h4}⏎······················typeStyle={HeadingTypeStyle.mdSemibold}⏎···················· with ·level={HeadingLevel.h4}·typeStyle={HeadingTypeStyle.mdSemibold}

(prettier/prettier)

---

[error] 117-119: Replace "mt-2">⏎······················{t('community.slackCTADesc')}⏎···················· with 'mt-2'>{t('community.slackCTADesc')}

(prettier/prettier)

---

[error] 117-117: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 121-121: Replace "mt-5·flex·justify-center·lg:justify-start" with 'mt-5·flex·justify-center·lg:justify-start'

(prettier/prettier)

---

[error] 121-121: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 122-126: Replace ⏎······················className="w-full·md:w-auto"⏎······················text={t('community.slackCTABtn')}⏎······················href="/slack-invite"⏎··················· with ·className='w-full·md:w-auto'·text={t('community.slackCTABtn')}·href='/slack-invite'

(prettier/prettier)

---

[error] 123-123: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 125-125: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 131-131: Replace "mt-12·lg:flex·lg:flex-row-reverse" with 'mt-12·lg:flex·lg:flex-row-reverse'

(prettier/prettier)

---

[error] 131-131: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 132-132: Replace "mt-10·lg:mt-0·lg:flex-1" with 'mt-10·lg:mt-0·lg:flex-1'

(prettier/prettier)

---

[error] 132-132: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 135-135: Replace "lg:mr-12·lg:max-w-xl·lg:text-left" with 'lg:mr-12·lg:max-w-xl·lg:text-left'

(prettier/prettier)

---

[error] 135-135: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 136-136: Replace "mt-5·lg:mr-12" with 'mt-5·lg:mr-12'

(prettier/prettier)

---

[error] 136-136: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 137-140: Replace ⏎······················level={HeadingLevel.h3}⏎······················typeStyle={HeadingTypeStyle.mdSemibold}⏎···················· with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.mdSemibold}

(prettier/prettier)

---

[error] 143-143: Replace "mt-2" with 'mt-2'

(prettier/prettier)

---

[error] 143-143: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 146-148: Replace "/community/meetings">⏎························{t('community.meetingLink')}⏎······················ with '/community/meetings'>{t('community.meetingLink')}

(prettier/prettier)

---

[error] 146-146: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 150-150: Replace "mt-5·justify-center·md:flex" with 'mt-5·justify-center·md:flex'

(prettier/prettier)

---

[error] 150-150: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 152-152: Replace "https://calendar.google.com/calendar/u/3?cid=Y19xOXRzZWlnbG9tZHNqNm5qdWh2YnB0czExY0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t" with 'https://calendar.google.com/calendar/u/3?cid=Y19xOXRzZWlnbG9tZHNqNm5qdWh2YnB0czExY0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t'

(prettier/prettier)

---

[error] 152-152: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 155-158: Replace ⏎··························href="/community/meetings"⏎··························className="mt-2·md:ml-2·md:mt-0"⏎······················· with ·href='/community/meetings'·className='mt-2·md:ml-2·md:mt-0'

(prettier/prettier)

---

[error] 156-156: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 157-157: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 162-162: Replace "https://calendar.google.com/calendar/ical/c_q9tseiglomdsj6njuhvbpts11c%40group.calendar.google.com/public/basic.ics" with 'https://calendar.google.com/calendar/ical/c_q9tseiglomdsj6njuhvbpts11c%40group.calendar.google.com/public/basic.ics'

(prettier/prettier)

---

[error] 162-162: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 163-163: Replace "mt-2·md:ml-2·md:mt-0" with 'mt-2·md:ml-2·md:mt-0'

(prettier/prettier)

---

[error] 163-163: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 177-177: Replace "pb-20"·role="contentinfo"·aria-label="Our·Sponsors" with 'pb-20'·role='contentinfo'·aria-label='Our·Sponsors'

(prettier/prettier)

---

[error] 177-177: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 177-177: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 177-177: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 178-178: Replace "pb-6·text-center"·wide·as="section" with 'pb-6·text-center'·wide·as='section'

(prettier/prettier)

---

[error] 178-178: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 178-178: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 179-183: Replace ⏎··············level={HeadingLevel.h3}⏎··············typeStyle={HeadingTypeStyle.lg}⏎··············className="mb-4"⏎············ with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4'

(prettier/prettier)

---

[error] 182-182: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 186-186: Replace "mt-4" with 'mt-4'

(prettier/prettier)

---

[error] 186-186: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 189-189: Replace "pb-6·text-center"·wide·as="section" with 'pb-6·text-center'·wide·as='section'

(prettier/prettier)

---

[error] 189-189: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 189-189: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 190-194: Replace ⏎··············level={HeadingLevel.h3}⏎··············typeStyle={HeadingTypeStyle.lg}⏎··············className="mb-4"⏎············ with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4'

(prettier/prettier)

---

[error] 193-193: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 197-197: Replace "mt-4" with 'mt-4'

(prettier/prettier)

---

[error] 197-197: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 200-200: Replace "pyb-6·text-center"·wide·as="section" with 'pyb-6·text-center'·wide·as='section'

(prettier/prettier)

---

[error] 200-200: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 200-200: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 201-205: Replace ⏎··············level={HeadingLevel.h3}⏎··············typeStyle={HeadingTypeStyle.lg}⏎··············className="mb-4"⏎············ with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4'

(prettier/prettier)

---

[error] 204-204: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 208-208: Replace "mt-4" with 'mt-4'

(prettier/prettier)

---

[error] 208-208: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 211-211: Replace "py-6·text-center"·wide·as="section" with 'py-6·text-center'·wide·as='section'

(prettier/prettier)

---

[error] 211-211: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 211-211: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 212-216: Replace ⏎··············level={HeadingLevel.h3}⏎··············typeStyle={HeadingTypeStyle.mdSemibold}⏎··············className="mb-4"⏎············ with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.mdSemibold}·className='mb-4'

(prettier/prettier)

---

[error] 215-215: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 219-219: Replace "mt-2·md:mx-auto·md:w-1/2" with 'mt-2·md:mx-auto·md:w-1/2'

(prettier/prettier)

---

[error] 219-219: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 221-224: Replace ⏎················href="https://opencollective.com/asyncapi"⏎················target="_blank"⏎·············· with ·href='https://opencollective.com/asyncapi'·target='_blank'

(prettier/prettier)

---

[error] 222-222: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 223-223: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 230-230: Replace "py-6·pb-20·text-center" with 'py-6·pb-20·text-center'

(prettier/prettier)

---

[error] 230-230: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 231-235: Replace ⏎············level={HeadingLevel.h3}⏎············typeStyle={HeadingTypeStyle.lg}⏎············className="mb-4"⏎·········· with ·level={HeadingLevel.h3}·typeStyle={HeadingTypeStyle.lg}·className='mb-4'

(prettier/prettier)

---

[error] 234-234: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 238-238: Replace "mx-auto·mt-3·max-w-2xl·pb-4·sm:mt-4" with 'mx-auto·mt-3·max-w-2xl·pb-4·sm:mt-4'

(prettier/prettier)

---

[error] 238-238: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 240-240: Replace "mailto:[email protected]"·target="_blank" with 'mailto:[email protected]'·target='_blank'

(prettier/prettier)

---

[error] 240-240: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 240-240: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 245-245: Replace "mt-4" with 'mt-4'

(prettier/prettier)

---

[error] 245-245: Unexpected usage of doublequote.

(jsx-quotes)

components/ui/animated-testimonials.tsx

[error] 3-6: Run autofix to sort these imports!

(simple-import-sort/imports)

---

[error] 17-17: Delete ,

(prettier/prettier)

---

[error] 17-17: Unexpected trailing comma.

(comma-dangle)

---

[error] 42-42: Expected blank line before this statement.

(padding-line-between-statements)

---

[error] 50-50: Replace "max-w-sm·md:max-w-4xl·mx-auto·antialiased·font-sans·px-4·md:px-8·lg:px-12·py-20" with 'max-w-sm·md:max-w-4xl·mx-auto·antialiased·font-sans·px-4·md:px-8·lg:px-12·py-20'

(prettier/prettier)

---

[error] 50-50: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 51-51: Replace "relative·grid·grid-cols-1·md:grid-cols-2·gap-20" with 'relative·grid·grid-cols-1·md:grid-cols-2·gap-20'

(prettier/prettier)

---

[error] 51-51: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 53-53: Replace "relative·h-80·w-full" with 'relative·h-80·w-full'

(prettier/prettier)

---

[error] 53-53: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 62-62: Delete ,

(prettier/prettier)

---

[error] 62-62: Unexpected trailing comma.

(comma-dangle)

---

[error] 69-71: Replace ⏎······················?·999⏎····················· with ·?·999

(prettier/prettier)

---

[error] 72-72: Delete ,

(prettier/prettier)

---

[error] 72-72: Unexpected trailing comma.

(comma-dangle)

---

[error] 78-78: Delete ,

(prettier/prettier)

---

[error] 78-78: Unexpected trailing comma.

(comma-dangle)

---

[error] 82-82: Delete ,

(prettier/prettier)

---

[error] 82-82: Unexpected trailing comma.

(comma-dangle)

---

[error] 84-84: Replace "absolute·inset-0·origin-bottom" with 'absolute·inset-0·origin-bottom'

(prettier/prettier)

---

[error] 84-84: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 92-92: Replace "size-full·rounded-3xl·object-cover·object-center" with 'size-full·rounded-3xl·object-cover·object-center'

(prettier/prettier)

---

[error] 92-92: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 100-100: Replace "flex·flex-col·justify-between·py-4" with 'flex·flex-col·justify-between·py-4'

(prettier/prettier)

---

[error] 100-100: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 105-105: Delete ,

(prettier/prettier)

---

[error] 105-105: Unexpected trailing comma.

(comma-dangle)

---

[error] 109-109: Delete ,

(prettier/prettier)

---

[error] 109-109: Unexpected trailing comma.

(comma-dangle)

---

[error] 113-113: Delete ,

(prettier/prettier)

---

[error] 113-113: Unexpected trailing comma.

(comma-dangle)

---

[error] 117-117: Delete ,

(prettier/prettier)

---

[error] 117-117: Unexpected trailing comma.

(comma-dangle)

---

[error] 120-122: Replace "text-2xl·font-bold·text-black">⏎··············{testimonials[active].name}⏎············ with 'text-2xl·font-bold·text-black'>{testimonials[active].name}

(prettier/prettier)

---

[error] 120-120: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 123-125: Replace "text-sm·font-semibold·text-[#8851FB]">⏎··············{testimonials[active].designation}⏎············ with 'text-sm·font-semibold·text-[#8851FB]'>{testimonials[active].designation}

(prettier/prettier)

---

[error] 123-123: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 126-126: Replace "text-lg·font-semibold·text-[#556061]·mt-8" with 'text-lg·font-semibold·text-[#556061]·mt-8'

(prettier/prettier)

---

[error] 126-126: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 133-133: Delete ,

(prettier/prettier)

---

[error] 133-133: Unexpected trailing comma.

(comma-dangle)

---

[error] 138-138: Delete ,

(prettier/prettier)

---

[error] 138-138: Unexpected trailing comma.

(comma-dangle)

---

[error] 143-143: Delete ,

(prettier/prettier)

---

[error] 143-143: Unexpected trailing comma.

(comma-dangle)

---

[error] 145-145: Replace "inline-block" with 'inline-block'

(prettier/prettier)

---

[error] 145-145: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 152-152: Replace "flex·gap-4·pt-12·md:pt-0" with 'flex·gap-4·pt-12·md:pt-0'

(prettier/prettier)

---

[error] 152-152: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 155-155: Replace "h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button" with 'h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button'

(prettier/prettier)

---

[error] 155-155: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 157-157: Replace "h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300" with 'h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300'

(prettier/prettier)

---

[error] 157-157: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 161-161: Replace "h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button" with 'h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button'

(prettier/prettier)

---

[error] 161-161: Unexpected usage of doublequote.

(jsx-quotes)

---

[error] 163-163: Replace "h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300" with 'h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300'

(prettier/prettier)

---

[error] 163-163: Unexpected usage of doublequote.

(jsx-quotes)

🪛 GitHub Actions: PR testing - if Node project

pages/[lang]/index.tsx

[error] 44-44: Replace "AsyncAPI·Initiative·for·event-driven·APIs" with 'AsyncAPI·Initiative·for·event-driven·APIs' prettier/prettier

---

[error] 44-44: Unexpected usage of doublequote. jsx-quotes

---

[error] 45-45: Replace "main-content·className="scroll-mt-5"" with 'main-content·className='scroll-mt-5' prettier/prettier

---

[error] 45-45: Unexpected usage of doublequote. jsx-quotes

---

[error] 47-47: Replace "mb-24" with 'mb-24' prettier/prettier

---

[error] 47-47: Unexpected usage of doublequote. jsx-quotes

---

[error] 50-50: Replace "pb-12·text-center"·wide·as="section" with 'pb-12·text-center'·wide·as='section' prettier/prettier

---

[error] 50-50: Unexpected usage of doublequote. jsx-quotes

---

[error] 54-54: Unexpected usage of doublequote. jsx-quotes

---

[error] 58-58: Replace "mb-20·mt-2·md:mx-auto·md:w-2/3" with 'mb-20·mt-2·md:mx-auto·md:w-2/3' prettier/prettier

---

[error] 58-58: Unexpected usage of doublequote. jsx-quotes

---

[error] 60-60: Replace "href="https://github.com/asyncapi/website/issues/new" with 'href='https://github.com/asyncapi/website/issues/new' prettier/prettier

---

[error] 60-60: Unexpected usage of doublequote. jsx-quotes

---

[error] 62-62: Unexpected usage of doublequote. jsx-quotes

---

[error] 67-67: Replace "md:grid·md:grid-cols-2·md:gap-8·lg:grid-cols-5" with 'md:grid·md:grid-cols-2·md:gap-8·lg:grid-cols-5' prettier/prettier

---

[error] 67-67: Unexpected usage of doublequote. jsx-quotes

---

[error] 68-68: Replace "flex·justify-center" with 'flex·justify-center' prettier/prettier

---

[error] 68-68: Unexpected usage of doublequote. jsx-quotes

---

[error] 69-69: Replace "h-8·text-gray-400·hover:text-black" with 'h-8·text-gray-400·hover:text-black' prettier/prettier

---

[error] 69-69: Unexpected usage of doublequote. jsx-quotes

---

[error] 71-71: Replace "flex·justify-center" with 'flex·justify-center' prettier/prettier

---

[error] 71-71: Unexpected usage of doublequote. jsx-quotes

---

[error] 72-72: Replace "group·mt-12·h-14·text-gray-400·hover:text-black·md:-mt-5·lg:-mt-5" with 'group·mt-12·h-14·text-gray-400·hover:text-black·md:-mt-5·lg:-mt-5' prettier/prettier

---

[error] 72-72: Unexpected usage of doublequote. jsx-quotes

---

[error] 74-74: Replace "flex·justify-center" with 'flex·justify-center' prettier/prettier

---

[error] 74-74: Unexpected usage of doublequote. jsx-quotes

---

[error] 75-75: Replace "group·mt-12·h-10·text-gray-400·hover:text-black·md:mt-2·lg:-mt-1" with 'group·mt-12·h-10·text-gray-400·hover:text-black·md:mt-2·lg:-mt-1' prettier/prettier

---

[error] 75-75: Unexpected usage of doublequote. jsx-quotes

---

[error] 77-77: Replace "flex·justify-center" with 'flex·justify-center' prettier/prettier

---

[error] 77-77: Unexpected usage of doublequote. jsx-quotes

---

[error] 78-78: Replace "mt-12·h-16·text-gray-400·md:mt-2·lg:-mt-4" with 'mt-12·h-16·text-gray-400·md:mt-2·lg:-mt-4' prettier/prettier

---

[error] 78-78: Unexpected usage of doublequote. jsx-quotes

---

[error] 80-80: Replace "flex·justify-center" with 'flex·justify-center' prettier/prettier

---

[error] 80-80: Unexpected usage of doublequote. jsx-quotes

---

[error] 81-81: Replace "mt-12·h-12·text-gray-400·md:mt-2·lg:-mt-2" with 'mt-12·h-12·text-gray-400·md:mt-2·lg:-mt-2' prettier/prettier

---

[error] 81-81: Unexpected usage of doublequote. jsx-quotes

---

[error] 86-86: Replace "mt-8·bg-dark·py-12" with 'mt-8·bg-dark·py-12' prettier/prettier

---

[error] 86-86: Unexpected usage of doublequote. jsx-quotes

---

[error] 87-87: Replace "section" with 'section' prettier/prettier

---

[error] 87-87: Unexpected usage of doublequote. jsx-quotes

---

[error] 92-92: Replace "py-12·text-center"·wide·as="section" with 'py-12·text-center'·wide·as='section' prettier/prettier

---

[error] 92-92: Unexpected usage of doublequote. jsx-quotes

---

[error] 93-93: Unexpected usage of doublequote. jsx-quotes

---

[error] 96-96: Replace "mt-2·md:mx-auto·md:w-1/2"> with 'mt-2·md:mx-auto·md:w-1/2'>{t('community.subtitle')}' prettier/prettier

---

[error] 96-96: Unexpected usage of doublequote. jsx-quotes

---

[error] 100-100: Replace "py-2·lg:py-12" with 'py-2·lg:py-12' prettier/prettier

---

[error] 100-100: Unexpected usage of doublequote. jsx-quotes

---

[error] 105-105: Replace "lg:flex" with 'lg:flex' prettier/prettier

---

[error] 105-105: Unexpected usage of doublequote. jsx-quotes

---

[error] 106-106: Replace "mt-10·lg:mt-0·lg:w-1/2" with 'mt-10·lg:mt-0·lg:w-1/2' prettier/prettier

---

[error] 106-106: Unexpected usage of doublequote. jsx-quotes

---

[error] 109-109: Replace "lg:ml-12·lg:w-1/2·lg:max-w-xl·lg:text-left" with 'lg:ml-12·lg:w-1/2·lg:max-w-xl·lg:text-left' prettier/prettier

---

[error] 109-109: Unexpected usage of doublequote. jsx-quotes

---

[error] 110-110: Replace "mt-5" with 'mt-5' prettier/prettier

---

[error] 110-110: Unexpected usage of doublequote. jsx-quotes

---

[error] 111-111: Replace "level={HeadingLevel.h4}·typeStyle={HeadingTypeStyle.mdSemibold}" with 'level={HeadingLevel.h4}·typeStyle={HeadingTypeStyle.mdSemibold}' prettier/prettier

---

[error] 111-111: Unexpected usage of doublequote. jsx-quotes

---

[error] 117-117: Replace "mt-2"> with 'mt-2'>{t('community.slackCTADesc')}' prettier/prettier

---

[error] 117-117: Unexpected usage of doublequote. jsx-quotes

---

[error] 121-121: Replace "mt-5·flex·justify-center·lg:justify-start" with 'mt-5·flex·justify-center·lg:justify-start' prettier/prettier

---

[error] 121-121: Unexpected usage of doublequote. jsx-quotes

---

[error] 122-122: Replace "className="w-full·md:w-auto" with 'className='w-full·md:w-auto' prettier/prettier

---

[error] 122-122: Unexpected usage of doublequote. jsx-quotes

---

[error] 230-230: Replace "py-6·pb-20·text-center" with 'py-6·pb-20·text-center' prettier/prettier

---

[error] 230-230: Unexpected usage of doublequote. jsx-quotes

components/ui/animated-testimonials.tsx

[error] 3-3: Run autofix to sort these imports! simple-import-sort/imports

---

[error] 17-17: Delete , prettier/prettier

---

[error] 17-17: Unexpected trailing comma. comma-dangle

---

[error] 42-42: Expected blank line before this statement. padding-line-between-statements

---

[warning] 50-50: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

---

[error] 50-50: Replace "max-w-sm·md:max-w-4xl·mx-auto·antialiased·font-sans·px-4·md:px-8·lg:px-12·py-20" with 'max-w-sm·md:max-w-4xl·mx-auto·antialiased·font-sans·px-4·md:px-8·lg:px-12·py-20' prettier/prettier

---

[error] 50-50: Unexpected usage of doublequote. jsx-quotes

---

[warning] 51-51: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

---

[error] 51-51: Replace "relative·grid·grid-cols-1·md:grid-cols-2·gap-20" with 'relative·grid·grid-cols-1·md:grid-cols-2·gap-20' prettier/prettier

---

[error] 51-51: Unexpected usage of doublequote. jsx-quotes

---

[error] 53-53: Replace "relative·h-80·w-full" with 'relative·h-80·w-full' prettier/prettier

---

[error] 53-53: Unexpected usage of doublequote. jsx-quotes

---

[error] 62-62: Delete , prettier/prettier

---

[error] 62-62: Unexpected trailing comma. comma-dangle

---

[error] 69-69: Delete , prettier/prettier

---

[error] 69-69: Unexpected trailing comma. comma-dangle

---

[error] 78-78: Delete , prettier/prettier

---

[error] 78-78: Unexpected trailing comma. comma-dangle

---

[error] 82-82: Delete , prettier/prettier

---

[error] 82-82: Unexpected trailing comma. comma-dangle

---

[error] 120-120: Replace "text-2xl·font-bold·text-black"> with 'text-2xl·font-bold·text-black'>{testimonials[active].name}' prettier/prettier

---

[error] 120-120: Unexpected usage of doublequote. jsx-quotes

---

[error] 123-123: Replace "text-sm·font-semibold·text-[#8851FB]"> with 'text-sm·font-semibold·text-[#8851FB]'>{testimonials[active].designation}' prettier/prettier

---

[error] 123-123: Unexpected usage of doublequote. jsx-quotes

---

[warning] 126-126: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

---

[error] 126-126: Replace "text-lg·font-semibold·text-[#556061]·mt-8" with 'text-lg·font-semibold·text-[#556061]·mt-8' prettier/prettier

---

[error] 126-126: Unexpected usage of doublequote. jsx-quotes

---

[error] 133-133: Delete , prettier/prettier

---

[error] 133-133: Unexpected trailing comma. comma-dangle

---

[error] 138-138: Delete , prettier/prettier

---

[error] 138-138: Unexpected trailing comma. comma-dangle

---

[error] 143-143: Delete , prettier/prettier

---

[error] 143-143: Unexpected trailing comma. comma-dangle

---

[error] 145-145: Replace "inline-block" with 'inline-block' prettier/prettier

---

[error] 145-145: Unexpected usage of doublequote. jsx-quotes

---

[error] 152-152: Replace "flex·gap-4·pt-12·md:pt-0" with 'flex·gap-4·pt-12·md:pt-0' prettier/prettier

---

[error] 152-152: Unexpected usage of doublequote. jsx-quotes

---

[warning] 155-155: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

---

[warning] 155-155: Classnames 'h-7, w-7' could be replaced by the 'size-7' shorthand! tailwindcss/enforces-shorthand

---

[error] 155-155: Replace "h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button" with 'h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button' prettier/prettier

---

[error] 155-155: Unexpected usage of doublequote. jsx-quotes

---

[warning] 157-157: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

---

[warning] 157-157: Classnames 'h-5, w-5' could be replaced by the 'size-5' shorthand! tailwindcss/enforces-shorthand

---

[error] 157-157: Replace "h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300" with 'h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300' prettier/prettier

---

[error] 157-157: Unexpected usage of doublequote. jsx-quotes

---

[warning] 161-161: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

---

[error] 161-161: Replace "h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button" with 'h-7·w-7·rounded-full·bg-[#A87EFC]·flex·items-center·justify-center·group/button' prettier/prettier

---

[warning] 163-163: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

---

[error] 163-163: Replace "h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300" with 'h-5·w-5·text-white·dark:text-white·group-hover/button:rotate-12·transition-transform·duration-300' prettier/prettier

---

[error] 163-163: Unexpected usage of doublequote. jsx-quotes

🔇 Additional comments (2)

pages/[lang]/index.tsx (2)

7-7: Correct import statement added!

The import statement for AnimatedTestimonialsDemo is correctly implemented, replacing the old Testimonial component. This aligns with the PR's objective to introduce animated testimonials.

---

248-248: Correctly integrated AnimatedTestimonialsDemo component.

The animated testimonial demo has been properly placed at the end of the page content, enhancing user engagement with animated transitions as described in the PR objectives.

[coderabbitai]

Actionable comments posted: 2

♻️ Duplicate comments (2)

components/ui/animated-testimonials.tsx (2)

3-6: 🛠️ Refactor suggestion

Fix import order according to project conventions.

The imports need to be sorted according to the project's conventions. This is flagged by the linting rules.

'use client';

- import { useEffect, useState } from 'react';
- import Image from 'next/image';
- import { motion, AnimatePresence } from 'framer-motion';
- import { IconArrowLeft, IconArrowRight } from '@tabler/icons-react';
+ import { useEffect, useState } from 'react';
+ import Image from 'next/image';
+ import { AnimatePresence, motion } from 'framer-motion';
+ import { IconArrowLeft, IconArrowRight } from '@tabler/icons-react';

🧰 Tools

🪛 ESLint

[error] 3-6: Run autofix to sort these imports!

(simple-import-sort/imports)

🪛 GitHub Actions: PR testing - if Node project

[error] 3-3: Run autofix to sort these imports! simple-import-sort/imports

---

118-123: 🛠️ Refactor suggestion

Fix JSX formatting for better readability.

The JSX formatting can be improved for better readability according to the linting rules.

-            <h3 className='text-2xl font-bold text-black'>
-              {testimonials[active].name}
-            </h3>
-            <p className='text-sm font-semibold text-[#8851FB]'>
-              {testimonials[active].designation}
-            </p>
+            <h3 className='text-2xl font-bold text-black'>{testimonials[active].name}</h3>
+            <p className='text-sm font-semibold text-[#8851FB]'>{testimonials[active].designation}</p>

🧰 Tools

🪛 ESLint

[error] 118-120: Replace ⏎··············{testimonials[active].name}⏎············ with {testimonials[active].name}

(prettier/prettier)

---

[error] 121-123: Replace ⏎··············{testimonials[active].designation}⏎············ with {testimonials[active].designation}

(prettier/prettier)

🧹 Nitpick comments (9)

components/ui/animated-testimonials.tsx (9)

36-43: Add missing dependency to useEffect.

The handleNext function should be included in the dependency array to prevent stale closures if the testimonials array changes.

  useEffect(() => {
    if (autoplay) {
      const interval = setInterval(handleNext, 5000);

      return () => clearInterval(interval);
    }
    
    return undefined;
-  }, [autoplay]);
+  }, [autoplay, handleNext]);

🧰 Tools

🪛 ESLint

[error] 42-42: Expected blank line before this statement.

(padding-line-between-statements)

🪛 GitHub Actions: PR testing - if Node project

[error] 42-42: Expected blank line before this statement. padding-line-between-statements

---

50-50: Fix Tailwind class ordering.

The Tailwind classes should follow the project's ordering convention.

-    <div className='max-w-sm md:max-w-4xl mx-auto antialiased font-sans px-4 md:px-8 lg:px-12 py-20'>
+    <div className='mx-auto antialiased font-sans max-w-sm md:max-w-4xl px-4 md:px-8 lg:px-12 py-20'>

🧰 Tools

🪛 GitHub Actions: PR testing - if Node project

[warning] 50-50: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

---

51-51: Fix Tailwind class ordering.

The Tailwind classes should follow the project's ordering convention.

-      <div className='relative grid grid-cols-1 md:grid-cols-2 gap-20'>
+      <div className='relative grid gap-20 grid-cols-1 md:grid-cols-2'>

🧰 Tools

🪛 GitHub Actions: PR testing - if Node project

[warning] 51-51: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

---

53-53: Use Tailwind's size shorthand for width and height.

You can use Tailwind's size shorthand to improve code readability.

-          <div className='relative h-80 w-full'>
+          <div className='relative h-80 w-full'>

Note: While size-* would be preferable for square elements, in this case the height and width are different, so we'll keep them separate.

---

124-125: Fix Tailwind class ordering for better maintainability.

The Tailwind classes should follow a consistent ordering pattern.

-            <motion.p className='text-lg font-semibold text-[#556061] mt-8'>
+            <motion.p className='mt-8 text-lg font-semibold text-[#556061]'>

---

125-147: Optimize word-by-word animation for better performance.

The current implementation animates each word individually, which can lead to performance issues for long testimonials. Consider limiting the maximum delay or using a different animation approach.

              {testimonials[active].quote.split(' ').map((word, index) => (
                <motion.span
                  key={index}
                  initial={{
                    filter: 'blur(10px)',
                    opacity: 0,
                    y: 5
                  }}
                  animate={{
                    filter: 'blur(0px)',
                    opacity: 1,
                    y: 0
                  }}
                  transition={{
                    duration: 0.2,
                    ease: 'easeInOut',
-                    delay: 0.02 * index
+                    delay: Math.min(0.02 * index, 0.5) // Cap the delay at 0.5s to prevent very long testimonials from having words appear too late
                  }}
                  className='inline-block'
                >
                  {word}&nbsp;
                </motion.span>
              ))}

---

153-155: Use Tailwind's size shorthand for button dimensions.

Use Tailwind's size shorthand for width and height to improve code readability.

-              className='h-7 w-7 rounded-full bg-[#A87EFC] flex items-center justify-center group/button'
+              className='size-7 rounded-full bg-[#A87EFC] flex items-center justify-center group/button'

Apply the same change to both navigation buttons.

Also applies to: 159-161

---

155-155: Use Tailwind's size shorthand for icon dimensions.

Use Tailwind's size shorthand for width and height to improve code readability.

-              <IconArrowLeft className='h-5 w-5 text-white dark:text-white group-hover/button:rotate-12 transition-transform duration-300' />
+              <IconArrowLeft className='size-5 text-white dark:text-white group-hover/button:rotate-12 transition-transform duration-300' />

Apply the same change to both navigation icons.

Also applies to: 161-161

---

49-167: Add empty testimonials array check for better error handling.

The component doesn't handle the case when an empty testimonials array is provided. Consider adding a check to prevent potential errors.

  return (
+    testimonials.length === 0 ? (
+      <div className='text-center py-10'>No testimonials available</div>
+    ) : (
    <div className='max-w-sm md:max-w-4xl mx-auto antialiased font-sans px-4 md:px-8 lg:px-12 py-20'>
      {/* Component contents */}
    </div>
+    )
  );

🧰 Tools

🪛 ESLint

[error] 118-120: Replace ⏎··············{testimonials[active].name}⏎············ with {testimonials[active].name}

(prettier/prettier)

---

[error] 121-123: Replace ⏎··············{testimonials[active].designation}⏎············ with {testimonials[active].designation}

(prettier/prettier)

🪛 GitHub Actions: PR testing - if Node project

[warning] 50-50: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

---

[warning] 51-51: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

📜 Review details

Configuration used: .coderabbit.yaml
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 1ecb761 and eb6486a.

📒 Files selected for processing (1)

• components/ui/animated-testimonials.tsx (1 hunks)

🧰 Additional context used

🪛 ESLint

components/ui/animated-testimonials.tsx

[error] 3-6: Run autofix to sort these imports!

(simple-import-sort/imports)

---

[error] 17-17: Delete ,

(prettier/prettier)

---

[error] 17-17: Unexpected trailing comma.

(comma-dangle)

---

[error] 42-42: Expected blank line before this statement.

(padding-line-between-statements)

---

[error] 118-120: Replace ⏎··············{testimonials[active].name}⏎············ with {testimonials[active].name}

(prettier/prettier)

---

[error] 121-123: Replace ⏎··············{testimonials[active].designation}⏎············ with {testimonials[active].designation}

(prettier/prettier)

🪛 GitHub Actions: PR testing - if Node project

components/ui/animated-testimonials.tsx

[error] 3-3: Run autofix to sort these imports! simple-import-sort/imports

---

[error] 17-17: Delete , prettier/prettier

---

[error] 17-17: Unexpected trailing comma. comma-dangle

---

[error] 42-42: Expected blank line before this statement. padding-line-between-statements

---

[warning] 50-50: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

---

[warning] 51-51: Invalid Tailwind CSS classnames order tailwindcss/classnames-order

[coderabbitai]

Actionable comments posted: 1

🧹 Nitpick comments (5)

components/AnimatedTestimonialsDemo.tsx (3)

1-1: Consider removing the eslint-disable directive.

Using blanket eslint-disable directives at the file level is generally discouraged as it bypasses all code quality checks. Consider addressing specific lint issues individually or using more targeted disables.

-/* eslint-disable */
+// Address specific eslint rules if needed

---

5-45: Remove unnecessary empty lines between object properties.

The testimonial objects contain unnecessary empty lines between properties, making the code more verbose than needed. This doesn't follow typical JavaScript object formatting conventions.

Consider applying this change to make the code more concise:

  const testimonials = [
    {
      quote:
        'Microservices underline the need for event-based communication in distributed architectures. AsyncAPI brings the richness of the REST API ecosystem to asynchronous APIs.',
      name: 'Matt McLarty',
-
      designation: 'Global Leader of API Strategy at MuleSoft',
-
      src: '/img/testimonials/matt-mclarty.jpg'
    },
    {
      quote:
        'Event-driven APIs need love too! AsyncAPI brings the many benefits of a machine/human-readable specification to these nuanced approaches.',
-
      name: 'Bill Doerrfeld',
-
      designation: 'Editor in Chief at Nordic APIs',
-
      src: '/img/testimonials/bill-doerrfeld.jpg'
    },
    // Continue for other testimonials...

🧰 Tools

🪛 Biome (1.9.4)

[error] 27-27: expected , but instead found t

Remove t

(parse)

---

[error] 27-27: expected , but instead found count

Remove count

(parse)

---

[error] 27-27: expected , but instead found how

Remove how

(parse)

---

[error] 27-27: expected , but instead found many

Remove many

(parse)

---

[error] 27-27: expected , but instead found times

Remove times

(parse)

---

[error] 27-27: expected , but instead found I

Remove I

(parse)

---

[error] 27-27: expected , but instead found 've heard developers ask for OpenAPI/Swagger style tools for the asynchronous and event-driven world, and that is exactly what the AsyncAPI initiative is making a reality.'

Remove 've heard developers ask for OpenAPI/Swagger style tools for the asynchronous and event-driven world, and that is exactly what the AsyncAPI initiative is making a reality.'

(parse)

---

[error] 27-27: expected : but instead found ,

Remove ,

(parse)

🪛 GitHub Actions: PR testing - if Node project

[error] 27-27: Parsing error: ',' expected.

---

47-52: Reorder Tailwind CSS classes for better consistency.

The Tailwind CSS classes in the div element are not in the recommended order according to the linting tools.

-    <div className='text-center mt-8'>
+    <div className='mt-8 text-center'>

pages/[lang]/index.tsx (2)

1-1: Consider removing the eslint-disable directive.

Using blanket eslint-disable directives at the file level is generally discouraged as it bypasses all code quality checks. Consider addressing specific lint issues individually or using more targeted disables.

-/* eslint-disable */
+// Address specific eslint rules if needed

---

201-202: Fix typo in className prop.

There's a typo in the Container's className prop which might affect the styling.

-          <Container className="pyb-6 text-center" wide as="section">
+          <Container className="py-6 text-center" wide as="section">

📜 Review details

Configuration used: .coderabbit.yaml
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between eb6486a and b335a4a.

📒 Files selected for processing (3)

• components/AnimatedTestimonialsDemo.tsx (1 hunks)
• components/ui/animated-testimonials.tsx (1 hunks)
• pages/[lang]/index.tsx (3 hunks)

🚧 Files skipped from review as they are similar to previous changes (1)

• components/ui/animated-testimonials.tsx

🧰 Additional context used

🪛 Biome (1.9.4)

components/AnimatedTestimonialsDemo.tsx

[error] 27-27: expected , but instead found t

Remove t

(parse)

---

[error] 27-27: expected , but instead found count

Remove count

(parse)

---

[error] 27-27: expected , but instead found how

Remove how

(parse)

---

[error] 27-27: expected , but instead found many

Remove many

(parse)

---

[error] 27-27: expected , but instead found times

Remove times

(parse)

---

[error] 27-27: expected , but instead found I

Remove I

(parse)

---

[error] 27-27: expected , but instead found 've heard developers ask for OpenAPI/Swagger style tools for the asynchronous and event-driven world, and that is exactly what the AsyncAPI initiative is making a reality.'

Remove 've heard developers ask for OpenAPI/Swagger style tools for the asynchronous and event-driven world, and that is exactly what the AsyncAPI initiative is making a reality.'

(parse)

---

[error] 27-27: expected : but instead found ,

Remove ,

(parse)

🪛 GitHub Actions: PR testing - if Node project

components/AnimatedTestimonialsDemo.tsx

[error] 27-27: Parsing error: ',' expected.

🔇 Additional comments (2)

pages/[lang]/index.tsx (2)

8-8: LGTM! Import of new AnimatedTestimonialsDemo component.

The import statement correctly brings in the AnimatedTestimonialsDemo component that will replace the previous static testimonial component.

---

248-250: LGTM! Integration of AnimatedTestimonialsDemo.

The AnimatedTestimonialsDemo component is properly integrated within a Container at the end of the page, replacing the previous static testimonial implementation.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 100.00%. Comparing base (9687130) to head (dc804fb).

Additional details and impacted files

@@            Coverage Diff            @@
##            master     #3749   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files           20        20           
  Lines          732       732           
=========================================
  Hits           732       732           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[coderabbitai]

Actionable comments posted: 0

🧹 Nitpick comments (1)

pages/[lang]/index.tsx (1)

36-36: Consider removing the eslint-disable comment and fixing the underlying issues

Instead of disabling eslint rules with /* eslint-disable prettier/prettier, jsx-quotes */, it's better to fix the underlying formatting issues. This maintains code quality and consistency throughout the project.

-/* eslint-disable prettier/prettier, jsx-quotes */

📜 Review details

Configuration used: .coderabbit.yaml
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between b335a4a and 1b60160.

📒 Files selected for processing (2)

• components/AnimatedTestimonialsDemo.tsx (1 hunks)
• pages/[lang]/index.tsx (4 hunks)

🚧 Files skipped from review as they are similar to previous changes (1)

• components/AnimatedTestimonialsDemo.tsx

🔇 Additional comments (1)

pages/[lang]/index.tsx (1)

248-249: Implementation of animated testimonials looks good

The integration of the new AnimatedTestimonialsDemo component is clean and properly implements the animated testimonials feature as described in the PR objectives. This will enhance user engagement with smooth transitions between testimonials.

[Aksshay88]

@TRohit20 how should I need to pass the lighthouse audit ?

[Aksshay88]

/rtm

[Aksshay88]

/help

[asyncapi-bot]

Hello, @Aksshay88! 👋🏼

    I'm 🧞🧞🧞 Genie 🧞🧞🧞 from the magic lamp. Looks like somebody needs a hand!

    At the moment the following comments are supported in pull requests:

    - `/please-take-a-look` or `/ptal` - This comment will add a comment to the PR asking for attention from the reviewrs who have not reviewed the PR yet.
    - `/ready-to-merge` or `/rtm` - This comment will trigger automerge of PR in case all required checks are green, approvals in place and do-not-merge label is not added
    - `/do-not-merge` or `/dnm` - This comment will block automerging even if all conditions are met and ready-to-merge label is added
    - `/autoupdate` or `/au` - This comment will add `autoupdate` label to the PR and keeps your PR up-to-date to the target branch's future changes. Unless there is a merge conflict or it is a draft PR. (Currently only works for upstream branches.)
    - `/update` or `/u` - This comment will update the PR with the latest changes from the target branch. Unless there is a merge conflict or it is a draft PR. NOTE: this only updates the PR once, so if you need to update again, you need to call the command again.

[Aksshay88]

@akshatnema pls review the pr once !!!

[TRohit20]

Hi @Aksshay88 , Thanks for the contribution and your interest, the maintainers(including me) usually have their hands full and take some time to carefully review all the issues or PRs on a daily basis, so allow us sometime for the same?

Apart from that, I currently see that the issue you are referring to resolve does not seem to be approved by any of the website maintainers, can you align on that with one of the code owners to begin with so we can review this?

Thank you !

[Aksshay88]

@TRohit20 sure then will discuss with the code maintainers

Thanks 👍