orangekarat_bentopdf/contact.html at main · unknownuserisknown/orangekarat_bentopdf · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- Primary Meta Tags -->
    <title>Contact BentoPDF - Get in Touch | Support</title>
    <meta
      name="description"
      content="Contact BentoPDF for support, questions, or feedback. Reach us at contact@bentopdf.com - we're here to help with your PDF needs."
    />
    <meta name="author" content="BentoPDF" />
    <meta name="robots" content="index, follow" />

    <!-- Canonical URL -->
    <link rel="canonical" href="https://www.bentopdf.com/contact.html" />

    <!-- Open Graph -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://www.bentopdf.com/contact" />
    <meta
      property="og:title"
      content="Contact BentoPDF - Get in Touch | Support"
    />
    <meta
      property="og:description"
      content="Contact BentoPDF for support, questions, or feedback. Reach us at contact@bentopdf.com - we're here to help with your PDF needs."
    />
    <meta
      property="og:image"
      content="https://www.bentopdf.com/images/og-contact.png"
    />
    <meta property="og:site_name" content="BentoPDF" />

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta
      name="twitter:title"
      content="Contact BentoPDF - Get in Touch | Support"
    />
    <meta
      name="twitter:description"
      content="Contact BentoPDF for support, questions, or feedback. Reach us at contact@bentopdf.com - we're here to help with your PDF needs."
    />
    <meta
      name="twitter:image"
      content="https://www.bentopdf.com/images/twitter-contact.png"
    />
    <meta name="twitter:site" content="@BentoPDF" />

    <title>Contact BentoPDF - Get in Touch | Support</title>

    <link href="/src/css/styles.css" rel="stylesheet" />

    <!-- Web App Manifest -->
    <link rel="manifest" href="/site.webmanifest" />

    <!-- Favicons -->
    <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
    <link
      rel="icon"
      type="image/png"
      sizes="192x192"
      href="/images/favicon-192x192.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="512x512"
      href="/images/favicon-512x512.png"
    />
    <link
      rel="apple-touch-icon"
      sizes="180x180"
      href="/images/apple-touch-icon.png"
    />
    <link rel="icon" href="/favicon.ico" sizes="32x32" />
  </head>

  <body class="antialiased bg-gray-900 text-gray-300">
    {{> navbar }}

    <div id="app" class="min-h-screen container mx-auto p-4 md:p-8">
      <section id="contact-hero" class="text-center py-16 md:py-24">
        <h1
          class="text-4xl md:text-5xl font-bold text-white mb-4"
          data-i18n="contact.title"
        >
          Get in Touch
        </h1>
        <p
          class="text-lg md:text-xl text-gray-400 max-w-3xl mx-auto"
          data-i18n="contact.subtitle"
        >
          We'd love to hear from you. Whether you have a question, feedback, or
          a feature request, please don't hesitate to reach out.
        </p>
      </section>

      <div class="max-w-2xl mx-auto text-center py-8">
        <p class="text-lg text-gray-400">
          <span data-i18n="contact.email"
            >You can reach us directly by email at:</span
          >
          <a
            href="mailto:contact@bentopdf.com"
            class="text-indigo-400 underline hover:text-indigo-300"
            >contact@bentopdf.com</a
          >
        </p>
      </div>
    </div>

    {{> footer }}

    <script type="module" src="src/js/utils/lucide-init.ts"></script>
    <script type="module" src="src/version.ts"></script>
    <script type="module" src="src/js/main.ts"></script>
    <script type="module" src="src/js/mobileMenu.ts"></script>
    <!-- JSON-LD Schema -->
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "ContactPage",
        "name": "Contact BentoPDF - Get in Touch | Support",
        "url": "https://www.bentopdf.com/contact"
      }
    </script>
  </body>
</html>