This is an automated email from the ASF dual-hosted git repository.
kparisa pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/iggy-website.git
The following commit(s) were added to refs/heads/main by this push:
new 25290ae0 Add a Join Discord button to the homepage hero (#90)
25290ae0 is described below
commit 25290ae045a17861cd334ecc83be9054a511db4f
Author: Justin Mclean <[email protected]>
AuthorDate: Wed Sep 9 23:48:55 2026 +1000
Add a Join Discord button to the homepage hero (#90)
Discord is in the top nav and in the footer, but nothing in the body of
the homepage points a visitor at the community. Someone reading down the
page never passes an invitation to join.
This adds a third hero button, Join Discord, alongside Get Started and
View on GitHub, in the same outline style as the GitHub one. The button
row is widened from max-w-lg to max-w-3xl and allowed to wrap, so three
buttons still sit sensibly on narrow screens.
Co-authored-by: Justin Mclean <[email protected]>
Co-authored-by: Kranti Parisa <[email protected]>
---
src/app/(home)/page.tsx | 9 ++++++++-
1 file changed, 8 insertions(+), 1 deletion(-)
diff --git a/src/app/(home)/page.tsx b/src/app/(home)/page.tsx
index 9c5c08ba..c2ea6e8a 100644
--- a/src/app/(home)/page.tsx
+++ b/src/app/(home)/page.tsx
@@ -180,7 +180,7 @@ export default function HomePage() {
</div>
{/* CTA Buttons */}
- <div className="mx-auto mt-14 flex max-w-lg flex-col items-center
justify-center gap-5 sm:flex-row">
+ <div className="mx-auto mt-14 flex max-w-3xl flex-col flex-wrap
items-center justify-center gap-5 sm:flex-row">
<Link
href="/docs/introduction/getting-started"
className="inline-flex items-center rounded-lg bg-[#ff9103] px-8
py-3.5 text-lg font-semibold text-[#0e0f11] transition-colors
hover:bg-[#ffa703]"
@@ -201,6 +201,13 @@ export default function HomePage() {
/>
View on GitHub
</Link>
+ <Link
+ href="https://discord.gg/apache-iggy";
+ target="_blank"
+ className="inline-flex items-center rounded-lg border
border-[#ff9103] px-8 py-3.5 text-lg font-light text-[#ff9103] transition-all
hover:shadow-[0_0_20px_-3px_#ffa7038a]"
+ >
+ Join Discord
+ </Link>
</div>
</div>
</section>
