feat: Add contact page with enhanced form styling and Formspree integ…

[chris-stinemetz]

…ration

• Create comprehensive contact page with glassmorphism theme
• Integrate Formspree contact form with endpoint xojjvnkd
• Add Discord community link and GitHub repository links
• Implement themed icon backgrounds for contact methods
• Enhanced submit button with multi-layered shadows and hover effects
• Add responsive design with mobile-friendly layout
• Update navigation to include Contact page link
• Style enhancements for better visual hierarchy and accessibility

Features:

• Professional contact form with validation and loading states
• Themed icons with gradients (GitHub, Discord, Open Source)
• Enhanced button styling with shimmer effects and depth
• Discord community integration
• Mobile-responsive design
• Glassmorphism visual effects throughout

[augmentcode]

🤖 Augment PR Summary

Summary: Adds a dedicated Contact page and surfaces it from the home page and docs navigation.

Changes:

• Introduced src/routes/contact/+page.svelte with a glassmorphism-themed contact form backed by Formspree (endpoint xojjvnkd)
• Added contact method cards (GitHub, Discord, Open Source) with themed icons/gradients and external links
• Implemented submit states (idle/submitting/success/error), loading indicator, and success/error alerts
• Updated the home page CTA section with a new “Contact Us” button and enhanced GitHub button styling
• Updated docs layout navigation to include a Contact link
• Extended global button styling and added .btn-github/.btn-contact variants in src/app.scss

Technical Notes: Form submission is performed via client-side fetch to Formspree; CTA buttons now stack on mobile and switch to a single-row layout on larger screens.

_{🤖 Was this summary useful? React with 👍 or 👎}

[augmentcode]

Review completed. 3 suggestions posted.

Comment augment review to trigger a new review at any time.

[augmentcode]

Since this link uses target="_blank", it should include rel="noopener noreferrer" to prevent reverse-tabnabbing and avoid giving the new page access to window.opener.

_{🤖 Was this useful? React with 👍 or 👎}

[augmentcode]

onsubmit={handleSubmit} won’t be wired up as a Svelte event listener (Svelte expects on:submit), so handleSubmit may never run and the form won’t submit via the intended logic.

_{🤖 Was this useful? React with 👍 or 👎}

[augmentcode]

Formspree’s AJAX/fetch docs recommend sending Accept: application/json; without it, the endpoint may respond with a redirect/HTML which can make CORS and response.ok/error handling behave unexpectedly.

_{🤖 Was this useful? React with 👍 or 👎}