Hugging Face's logo

Spaces:
yaostephanekouassi1
/
kyssababougang
Running

App Files Community
yaostephanekouassi1 commited on
Commit
11a588f
·
verified ·
1 Parent(s): 8d5409d

Crea un sito web per consulente di viaggio - Initial Deployment

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +194 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Kyssababougang
3
- emoji: 📚
4
- colorFrom: blue
5
- colorTo: blue
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: kyssababougang
3
+ emoji: 🐳
4
+ colorFrom: gray
5
+ colorTo: red
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,194 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="it">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>TravelDream | Consulente di Viaggio Personalizzato</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ .hero-bg {
11
+ background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://images.unsplash.com/photo-1499678329028-101435549a4e?ixlib=rb-4.0.3');
12
+ background-size: cover;
13
+ background-position: center;
14
+ }
15
+
16
+ .destination-card:hover {
17
+ transform: translateY(-10px);
18
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
19
+ }
20
+
21
+ .testimonial-card {
22
+ transition: all 0.3s ease;
23
+ }
24
+
25
+ .testimonial-card:hover {
26
+ transform: scale(1.05);
27
+ }
28
+
29
+ @keyframes float {
30
+ 0% { transform: translateY(0px); }
31
+ 50% { transform: translateY(-10px); }
32
+ 100% { transform: translateY(0px); }
33
+ }
34
+
35
+ .floating {
36
+ animation: float 3s ease-in-out infinite;
37
+ }
38
+ </style>
39
+ </head>
40
+ <body class="font-sans bg-gray-50">
41
+ <!-- Navbar -->
42
+ <nav class="bg-white shadow-lg sticky top-0 z-50">
43
+ <div class="max-w-7xl mx-auto px-4">
44
+ <div class="flex justify-between items-center h-16">
45
+ <div class="flex items-center">
46
+ <a href="#" class="flex items-center space-x-2">
47
+ <i class="fas fa-plane text-blue-500 text-2xl"></i>
48
+ <span class="text-xl font-bold text-blue-600">TravelDream</span>
49
+ </a>
50
+ </div>
51
+
52
+ <!-- Mobile menu button -->
53
+ <div class="md:hidden flex items-center">
54
+ <button id="mobile-menu-button" class="text-gray-500 hover:text-blue-600 focus:outline-none">
55
+ <i class="fas fa-bars text-2xl"></i>
56
+ </button>
57
+ </div>
58
+
59
+ <!-- Desktop Menu -->
60
+ <div class="hidden md:flex items-center space-x-8">
61
+ <a href="#home" class="text-gray-700 hover:text-blue-600 font-medium">Home</a>
62
+ <a href="#services" class="text-gray-700 hover:text-blue-600 font-medium">Servizi</a>
63
+ <a href="#destinations" class="text-gray-700 hover:text-blue-600 font-medium">Destinazioni</a>
64
+ <a href="#about" class="text-gray-700 hover:text-blue-600 font-medium">Chi Sono</a>
65
+ <a href="#testimonials" class="text-gray-700 hover:text-blue-600 font-medium">Recensioni</a>
66
+ <a href="#contact" class="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition duration-300">Contattami</a>
67
+ </div>
68
+ </div>
69
+ </div>
70
+
71
+ <!-- Mobile Menu -->
72
+ <div id="mobile-menu" class="hidden md:hidden bg-white pb-4 px-4">
73
+ <a href="#home" class="block py-2 text-gray-700 hover:text-blue-600">Home</a>
74
+ <a href="#services" class="block py-2 text-gray-700 hover:text-blue-600">Servizi</a>
75
+ <a href="#destinations" class="block py-2 text-gray-700 hover:text-blue-600">Destinazioni</a>
76
+ <a href="#about" class="block py-2 text-gray-700 hover:text-blue-600">Chi Sono</a>
77
+ <a href="#testimonials" class="block py-2 text-gray-700 hover:text-blue-600">Recensioni</a>
78
+ <a href="#contact" class="block mt-2 bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition duration-300 text-center">Contattami</a>
79
+ </div>
80
+ </nav>
81
+
82
+ <!-- Hero Section -->
83
+ <section id="home" class="hero-bg text-white py-20 md:py-32">
84
+ <div class="max-w-7xl mx-auto px-4">
85
+ <div class="flex flex-col md:flex-row items-center">
86
+ <div class="md:w-1/2 mb-10 md:mb-0">
87
+ <h1 class="text-4xl md:text-5xl font-bold mb-6">Viaggi su misura per te</h1>
88
+ <p class="text-xl mb-8">Pianifico esperienze di viaggio uniche e personalizzate che si adattano perfettamente ai tuoi sogni e al tuo budget.</p>
89
+ <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
90
+ <a href="#contact" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg text-center font-medium transition duration-300">Prenota una consulenza</a>
91
+ <a href="#destinations" class="bg-white hover:bg-gray-100 text-blue-600 px-6 py-3 rounded-lg text-center font-medium transition duration-300">Scopri le destinazioni</a>
92
+ </div>
93
+ </div>
94
+ <div class="md:w-1/2 flex justify-center">
95
+ <img src="https://images.unsplash.com/photo-1503917988258-f87a78e3c995?ixlib=rb-4.0.3" alt="Viaggiatrice felice" class="rounded-lg shadow-xl floating max-w-md w-full">
96
+ </div>
97
+ </div>
98
+ </div>
99
+ </section>
100
+
101
+ <!-- Services Section -->
102
+ <section id="services" class="py-16 bg-white">
103
+ <div class="max-w-7xl mx-auto px-4">
104
+ <div class="text-center mb-16">
105
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">I Miei Servizi</h2>
106
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">Offro una gamma completa di servizi per rendere il tuo viaggio indimenticabile</p>
107
+ </div>
108
+
109
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
110
+ <div class="bg-gray-50 p-8 rounded-xl hover:shadow-xl transition duration-300">
111
+ <div class="text-blue-600 mb-4">
112
+ <i class="fas fa-map-marked-alt text-4xl"></i>
113
+ </div>
114
+ <h3 class="text-xl font-bold text-gray-800 mb-3">Itinerari Personalizzati</h3>
115
+ <p class="text-gray-600">Creo itinerari su misura basati sui tuoi interessi, budget e preferenze, garantendo un'esperienza unica.</p>
116
+ </div>
117
+
118
+ <div class="bg-gray-50 p-8 rounded-xl hover:shadow-xl transition duration-300">
119
+ <div class="text-blue-600 mb-4">
120
+ <i class="fas fa-hotel text-4xl"></i>
121
+ </div>
122
+ <h3 class="text-xl font-bold text-gray-800 mb-3">Prenotazioni Esclusive</h3>
123
+ <p class="text-gray-600">Accesso a sistemazioni esclusive e vantaggi speciali non disponibili al pubblico generale.</p>
124
+ </div>
125
+
126
+ <div class="bg-gray-50 p-8 rounded-xl hover:shadow-xl transition duration-300">
127
+ <div class="text-blue-600 mb-4">
128
+ <i class="fas fa-headset text-4xl"></i>
129
+ </div>
130
+ <h3 class="text-xl font-bold text-gray-800 mb-3">Assistenza 24/7</h3>
131
+ <p class="text-gray-600">Supporto continuo prima, durante e dopo il viaggio per qualsiasi necessità o imprevisto.</p>
132
+ </div>
133
+ </div>
134
+ </div>
135
+ </section>
136
+
137
+ <!-- Destinations Section -->
138
+ <section id="destinations" class="py-16 bg-gray-50">
139
+ <div class="max-w-7xl mx-auto px-4">
140
+ <div class="text-center mb-16">
141
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">Destinazioni Popolari</h2>
142
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">Scopri alcune delle destinazioni più richieste dai miei clienti</p>
143
+ </div>
144
+
145
+ <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
146
+ <!-- Destination 1 -->
147
+ <div class="destination-card bg-white rounded-xl overflow-hidden shadow-md transition duration-300">
148
+ <div class="h-48 overflow-hidden">
149
+ <img src="https://images.unsplash.com/photo-1538970272646-f61fabb3bfdf?ixlib=rb-4.0.3" alt="Santorini" class="w-full h-full object-cover">
150
+ </div>
151
+ <div class="p-6">
152
+ <h3 class="text-xl font-bold text-gray-800 mb-2">Santorini, Grecia</h3>
153
+ <p class="text-gray-600 mb-4">Tramonti mozzafiato e architettura cicladica in questo paradiso delle isole greche.</p>
154
+ <div class="flex justify-between items-center">
155
+ <span class="text-blue-600 font-bold">Da €1.200</span>
156
+ <button class="text-blue-600 hover:text-blue-800 font-medium">Scopri di più</button>
157
+ </div>
158
+ </div>
159
+ </div>
160
+
161
+ <!-- Destination 2 -->
162
+ <div class="destination-card bg-white rounded-xl overflow-hidden shadow-md transition duration-300">
163
+ <div class="h-48 overflow-hidden">
164
+ <img src="https://images.unsplash.com/photo-1518391846015-55a9cc003b25?ixlib=rb-4.0.3" alt="Kyoto" class="w-full h-full object-cover">
165
+ </div>
166
+ <div class="p-6">
167
+ <h3 class="text-xl font-bold text-gray-800 mb-2">Kyoto, Giappone</h3>
168
+ <p class="text-gray-600 mb-4">Templi antichi, giardini zen e la magia della cultura tradizionale giapponese.</p>
169
+ <div class="flex justify-between items-center">
170
+ <span class="text-blue-600 font-bold">Da €2.500</span>
171
+ <button class="text-blue-600 hover:text-blue-800 font-medium">Scopri di più</button>
172
+ </div>
173
+ </div>
174
+ </div>
175
+
176
+ <!-- Destination 3 -->
177
+ <div class="destination-card bg-white rounded-xl overflow-hidden shadow-md transition duration-300">
178
+ <div class="h-48 overflow-hidden">
179
+ <img src="https://images.unsplash.com/photo-1566073771259-6a8506099945?ixlib=rb-4.0.3" alt="Cappadocia" class="w-full h-full object-cover">
180
+ </div>
181
+ <div class="p-6">
182
+ <h3 class="text-xl font-bold text-gray-800 mb-2">Cappadocia, Turchia</h3>
183
+ <p class="text-gray-600 mb-4">Paesaggi lunari, voli in mongolfiera e hotel scavati nella roccia.</p>
184
+ <div class="flex justify-between items-center">
185
+ <span class="text-blue-600 font-bold">Da €900</span>
186
+ <button class="text-blue-600 hover:text-blue-800 font-medium">Scopri di più</button>
187
+ </div>
188
+ </div>
189
+ </div>
190
+
191
+ <!-- Destination 4 -->
192
+ <div class="destination
193
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://deepsite.hf.co/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://deepsite.hf.co" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://deepsite.hf.co?remix=yaostephanekouassi1/kyssababougang" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
194
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Crea un sito web per consulente di viaggio