@smbcloud / fatapp-web
Code Commits Issues Pulls Cloud Agent CI/CD
dependabot/npm_and_yarn/astrojs/mdx-7.0.8
dependabot/npm_and_yarn/astro-7.4.0 dependabot/npm_and_yarn/astrojs/mdx-7.0.8 dependabot/npm_and_yarn/astrojs/sitemap-3.7.4 dependabot/npm_and_yarn/katex-0.19.0 dependabot/npm_and_yarn/prettier-3.9.10 dependabot/npm_and_yarn/sharp-0.35.5 dependabot/npm_and_yarn/tsx-4.23.15 dependabot/npm_and_yarn/typescript-eslint-8.71.2 dependabot/npm_and_yarn/typescript-eslint/parser-8.71.2 development main
astro 95 lines 2.05 KB
Raw
1 ---
2 import IndexLayout from '@/layouts/IndexLayout.astro'
3 import { SITE } from '@/config'
4 ---
5
6 <IndexLayout title={`Contact - ${SITE.title}`} description="Get in touch with FatApp">
7 <div class="contact-page prose">
8 <h1>Contact Us</h1>
9
10 <p>
11 Have questions about restaurant listings, want to suggest a 4.5+ star restaurant, or
12 contribute reviews and photos? We'd love to hear from you!
13 </p>
14
15 <div class="contact-info">
16 <h2>Get in Touch</h2>
17 <p>Feel free to reach out to us via email:</p>
18
19 <div class="email-section">
20 <a href="mailto:info@fatapp.5mb.app" class="email-link"> info@fatapp.5mb.app </a>
21 </div>
22
23 <p>We'll do our best to respond to your inquiry as soon as possible.</p>
24 </div>
25
26 <div class="topics">
27 <h2>What can you contact us about?</h2>
28 <ul>
29 <li>Suggesting or correcting a restaurant listing</li>
30 <li>Submitting reviews, photos, or menu information</li>
31 <li>Reporting listing inaccuracies or abuse</li>
32 <li>Partnerships and business inquiries</li>
33 <li>Press, media, or promotional requests</li>
34 <li>Technical issues with the website</li>
35 <li>General feedback about FatApp</li>
36 </ul>
37 </div>
38 </div>
39 </IndexLayout>
40
41 <style>
42 .contact-page {
43 max-width: 100%;
44 margin: 0 auto;
45 padding: 2rem 0;
46 }
47
48 .contact-info {
49 margin: 2rem 0;
50 }
51
52 .email-section {
53 margin: 1.5rem 0;
54 padding: 1rem;
55 background: var(--code-bg);
56 border-radius: 8px;
57 border-left: 4px solid var(--accent);
58 }
59
60 .email-link {
61 font-size: 1.25rem;
62 font-weight: 600;
63 color: var(--accent);
64 text-decoration: none;
65 word-break: break-all;
66 }
67
68 .email-link:hover {
69 text-decoration: underline;
70 }
71
72 .topics {
73 margin: 2rem 0;
74 }
75
76 .topics ul {
77 list-style-type: disc;
78 margin-left: 1.5rem;
79 }
80
81 .topics li {
82 margin: 0.5rem 0;
83 line-height: 1.6;
84 }
85
86 @media (max-width: 768px) {
87 .contact-page {
88 padding: 1rem 0;
89 }
90
91 .email-link {
92 font-size: 1.1rem;
93 }
94 }
95 </style>