-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontact.html
More file actions
126 lines (117 loc) · 7.2 KB
/
contact.html
File metadata and controls
126 lines (117 loc) · 7.2 KB
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
---
layout: default
lang: de
title: "Kontakt"
description: "Treten Sie mit dem Trailmarks.io Team in Kontakt."
permalink: /contact/
---
<section class="section-padding bg-gradient-to-br from-gray-50 to-blue-50">
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h1 class="text-4xl md:text-5xl font-display font-bold text-gray-900 mb-6">
Kontakt
</h1>
<p class="text-xl text-gray-600">
Werden Sie Teil der Trailmarks.io Community
</p>
</div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12">
<div>
<h2 class="text-2xl font-semibold text-gray-900 mb-6">
Projekt in Entwicklung
</h2>
<p class="text-lg text-gray-600 mb-8">
Trailmarks.io befindet sich derzeit in der aktiven Entwicklungsphase.
Wir bauen eine Plattform auf, die die traditionelle Welt der Wandersteine
mit modernen digitalen Möglichkeiten verbindet.
</p>
<div class="space-y-6">
<div class="flex items-start space-x-4">
<div class="bg-trailmark-blue w-12 h-12 rounded-lg flex items-center justify-center flex-shrink-0">
<svg class="w-6 h-6 text-white" fill="currentColor" viewBox="0 0 24 24">
<path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.30.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
</svg>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-900 mb-2">GitHub Repository</h3>
<p class="text-gray-600 mb-3">
Verfolgen Sie unseren Entwicklungsfortschritt und werden Sie Teil
der Open-Source-Community.
</p>
<a href="https://github.com/trailmarks-io"
class="text-trailmark-blue hover:text-blue-600 font-medium">
github.com/trailmarks-io →
</a>
</div>
</div>
<div class="flex items-start space-x-4">
<div class="bg-trailmark-green w-12 h-12 rounded-lg flex items-center justify-center flex-shrink-0">
<svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"/>
</svg>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-900 mb-2">Community</h3>
<p class="text-gray-600">
Schließen Sie sich unserer wachsenden Gemeinschaft von
Wanderern und Technologie-Enthusiasten an.
</p>
</div>
</div>
<div class="flex items-start space-x-4">
<div class="bg-trailmark-orange w-12 h-12 rounded-lg flex items-center justify-center flex-shrink-0">
<svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
</svg>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-900 mb-2">Updates</h3>
<p class="text-gray-600">
Bleiben Sie über die neuesten Entwicklungen und Release-Termine
auf dem Laufenden.
</p>
</div>
</div>
</div>
</div>
<div class="bg-white rounded-2xl p-8 shadow-lg">
<h3 class="text-2xl font-semibold text-gray-900 mb-6">
Interesse bekundet?
</h3>
<p class="text-gray-600 mb-8">
Wenn Sie an unserem Projekt interessiert sind, folgen Sie uns auf GitHub.
Dort veröffentlichen wir regelmäßig Updates und suchen aktiv nach
Feedback aus der Community.
</p>
<div class="space-y-4">
<a href="https://github.com/trailmarks-io"
class="btn-primary w-full justify-center">
GitHub Repository besuchen
</a>
<div class="text-center">
<p class="text-sm text-gray-500">
Weitere Kontaktmöglichkeiten werden mit dem Projektfortschritt verfügbar.
</p>
</div>
</div>
<div class="mt-8 p-4 bg-gray-50 rounded-lg">
<h4 class="font-semibold text-gray-900 mb-2">Entwicklungsstand</h4>
<div class="space-y-2 text-sm text-gray-600">
<div class="flex items-center space-x-2">
<div class="w-2 h-2 bg-green-500 rounded-full"></div>
<span>Konzeptphase abgeschlossen</span>
</div>
<div class="flex items-center space-x-2">
<div class="w-2 h-2 bg-trailmark-blue rounded-full animate-pulse"></div>
<span>Aktive Entwicklung</span>
</div>
<div class="flex items-center space-x-2">
<div class="w-2 h-2 bg-gray-300 rounded-full"></div>
<span>Beta-Phase (geplant)</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>