Fix UI issues on front page

[stuncs69]

Summary

Fixes a bunch of UI issues that were hindering readability and usability of the website, in particular:

• Keeping testimonial sliders outside of the testimonies themselves, ensuring that they do not cover said testimonials text;
• Removing inherited CSS padding which made the accordion section on the "Join Our Mission" and FAQ janky;
• Removed double dividers on the same accordion sections;

Type of change

• Bug fix
• New feature
• Documentation
• Refactor / chore
• Other (describe above)

Checklist

• Lint passes (npx eslint .)
• npx next build succeeds locally (also type-checks)
• No secrets, .env values, or user data included

Test plan

Changes verified with my own eyes on a local environment :)

[Copilot]

Pull request overview

This PR addresses front-page usability/readability issues by adjusting accordion styling and Swiper testimonial navigation so controls don’t overlap content.

Changes:

• Adjusted accordion item styles to remove inherited vertical padding and disabled built-in accordion dividers where custom dividers are used.
• Refactored the testimonials Swiper to use external navigation buttons positioned outside the slide content.
• Tweaked Particles dropdown menu/list styling to remove default list spacing and align with the site’s UI styling.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.

File	Description
src/pages/index.tsx	Updates accordion divider/padding behavior and moves Swiper navigation controls outside testimonials content.
src/components/Particles.tsx	Refines dropdown sizing and removes default list margin/padding for consistent menu layout.

Suppressed comments (1)

src/pages/index.tsx:669

• The new Swiper navigation button relies on default focus styling. Most interactive elements on this page use explicit focus-visible:* classes; adding them here ensures a consistent, visible keyboard focus indicator (accessibility).

            <button
              type="button"
              aria-label="Next testimonials"
              className="testimonials-next swiper-button-next appearance-none [background:none] [border:none] cursor-pointer !right-0 !top-[calc(50%-1.5rem)]"
            />

---

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.