|
| 1 | +--- |
| 2 | +import BaseLayout from '../../layouts/BaseLayout.astro'; |
| 3 | +import Navbar from '../../components/Navbar.astro'; |
| 4 | +import Footer from '../../components/Footer.astro'; |
| 5 | +--- |
| 6 | + |
| 7 | +<BaseLayout |
| 8 | + title="Support — Commit 451" |
| 9 | + description="Need help with a Commit 451 product? Contact support and we'll help you out." |
| 10 | + robots="index, follow" |
| 11 | + author="Commit 451 LLC" |
| 12 | + keywords="Commit 451 support, Commit 451 help, support" |
| 13 | + canonical="https://commit451.com/support/" |
| 14 | + ogType="website" |
| 15 | + ogTitle="Support — Commit 451" |
| 16 | + ogDescription="Running into issues or have questions? We're here to help!" |
| 17 | + ogUrl="https://commit451.com/support/" |
| 18 | + ogImage="https://commit451.com/images/logo-v2.svg" |
| 19 | + ogSiteName="Commit 451" |
| 20 | + twitterCard="summary" |
| 21 | + twitterSite="@Commit451" |
| 22 | + twitterTitle="Support — Commit 451" |
| 23 | + twitterDescription="Running into issues or have questions? We're here to help!" |
| 24 | + twitterImage="https://commit451.com/images/logo-v2.svg" |
| 25 | +> |
| 26 | + <Navbar variant="default" /> |
| 27 | + |
| 28 | + <div class="fixed inset-0 -z-10"> |
| 29 | + <img src="/images/bg.png" alt="" class="h-full w-full object-cover opacity-[0.07]" aria-hidden="true"> |
| 30 | + <div class="absolute inset-0 bg-gradient-to-b from-dark-950/40 via-dark-950/90 to-dark-950"></div> |
| 31 | + </div> |
| 32 | + |
| 33 | + <main> |
| 34 | + <section class="min-h-screen flex items-center justify-center px-6 pt-20"> |
| 35 | + <div class="max-w-2xl text-center reveal"> |
| 36 | + <p class="text-sm font-fira font-bold text-brand-accent uppercase tracking-widest">Support</p> |
| 37 | + <h1 class="mt-4 text-4xl sm:text-5xl font-bold tracking-tight text-white"> |
| 38 | + Running into issues or have questions? We're here to help! |
| 39 | + </h1> |
| 40 | + <div class="mt-10"> |
| 41 | + <a |
| 42 | + href="mailto:support@commit451.com" |
| 43 | + class="inline-flex items-center justify-center rounded-lg bg-brand-accent px-10 py-5 text-lg font-semibold text-dark-950 hover:bg-brand-accent/90 transition-all hover:scale-105 shadow-lg shadow-brand-accent/20" |
| 44 | + > |
| 45 | + Email us |
| 46 | + </a> |
| 47 | + </div> |
| 48 | + </div> |
| 49 | + </section> |
| 50 | + </main> |
| 51 | + |
| 52 | + <Footer /> |
| 53 | +</BaseLayout> |
0 commit comments