Skip to content

Commit fa3b264

Browse files
vodercall0aivodercall0ai
committed
update
1 parent 1d0c198 commit fa3b264

4 files changed

Lines changed: 279 additions & 27 deletions

File tree

‎faq.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -335,5 +335,5 @@ <h4>Support</h4>
335335

336336
<script src="app.js"></script>
337337
</body>
338-
</html>
338+
https://vodercall.ai/faq.html
339339

‎index.html‎

Lines changed: 82 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,10 @@
7070
<div class="container">
7171
<div class="section-header">
7272
<div class="reservation-title-row">
73-
<h2> AI Powered Overseas Restaurant Reservations APP</h2>
73+
<h2> Unlock Phone-Only Overseas Restaurants
74+
<br>Without Language Barrier</br></h2>
75+
<h3>Can't book that hidden spot in Hong Kong or Bangkok because they only take local phone calls?
76+
<br><h3>Let Vodercall's voice AI call and secure your table instantly. No local SIM card, no local language needed.</br></h3>
7477

7578
</div>
7679
<section class="destination-section">
@@ -106,6 +109,52 @@ <h2> AI Powered Overseas Restaurant Reservations APP</h2>
106109
</section>
107110
<!-- activity html end -->
108111

112+
<div style="background-color: #F9FAFB; padding: 60px 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; text-align: center;">
113+
114+
<h2 style="color: #1E3A8A; font-size: 28px; font-weight: 700; margin: 0 0 10px 0;">Why Travelers Struggle to Book Tables Abroad?</h2>
115+
<p style="color: #6B7280; font-size: 16px; margin: 0 0 40px 0; max-width: 600px; margin-left: auto; margin-right: auto;">Traditional booking platforms miss the best local spots. <br>Here is the reality of overseas dining—and how Vodercall fixes it.</br></p>
116+
117+
<div style="display: flex; justify-content: center; gap: 24px; max-width: 1200px; margin: 0 auto; flex-wrap: wrap;">
118+
119+
<div style="flex: 1; min-width: 280px; max-width: 360px; background-color: #FFFFFF; border-radius: 16px; padding: 32px 24px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03); text-align: left; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #E5E7EB;">
120+
<div>
121+
<div style="font-size: 28px; margin-bottom: 16px;">❌</div>
122+
<h3 style="color: #1F2937; font-size: 18px; font-weight: 600; margin: 0 0 12px 0;">Language Barrier</h3>
123+
<p style="color: #4B5563; font-size: 14px; line-height: 1.6; margin: 0 0 20px 0;">Many hidden gems and local dining venues in Hong Kong or Bangkok only accept phone reservations in their local native language.</p>
124+
</div>
125+
<div style="border-top: 1px dashed #E5E7EB; padding-top: 16px; color: #059669; font-size: 14px; font-weight: 500; display: flex; align-items: flex-start; gap: 8px;">
126+
<span>✅</span>
127+
<span>Vodercall's AI speaks fluent Cantonese and Thai to secure your seats naturally.</span>
128+
</div>
129+
</div>
130+
131+
<div style="flex: 1; min-width: 280px; max-width: 360px; background-color: #FFFFFF; border-radius: 16px; padding: 32px 24px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03); text-align: left; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #E5E7EB;">
132+
<div>
133+
<div style="font-size: 28px; margin-bottom: 16px;">❌</div>
134+
<h3 style="color: #1F2937; font-size: 18px; font-weight: 600; margin: 0 0 12px 0;">Expensive Roaming</h3>
135+
<p style="color: #4B5563; font-size: 14px; line-height: 1.6; margin: 0 0 20px 0;">Making international calls cost, draining your travel budget on long-distance dialing fees before you even arrive.</p>
136+
</div>
137+
<div style="border-top: 1px dashed #E5E7EB; padding-top: 16px; color: #059669; font-size: 14px; font-weight: 500; display: flex; align-items: flex-start; gap: 8px;">
138+
<span>✅</span>
139+
<span>Completely free calling app. Submit requests anywhere using just Vodercall App.</span>
140+
</div>
141+
</div>
142+
143+
<div style="flex: 1; min-width: 280px; max-width: 360px; background-color: #FFFFFF; border-radius: 16px; padding: 32px 24px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03); text-align: left; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #E5E7EB;">
144+
<div>
145+
<div style="font-size: 28px; margin-bottom: 16px;">❌</div>
146+
<h3 style="color: #1F2937; font-size: 18px; font-weight: 600; margin: 0 0 12px 0;">Timezone Clashes</h3>
147+
<p style="color: #4B5563; font-size: 14px; line-height: 1.6; margin: 0 0 20px 0;">Waking up in the middle of the night just to match the opening hours of a popular restaurant overseas is frustrating and exhausting.</p>
148+
</div>
149+
<div style="border-top: 1px dashed #E5E7EB; padding-top: 16px; color: #059669; font-size: 14px; font-weight: 500; display: flex; align-items: flex-start; gap: 8px;">
150+
<span>✅</span>
151+
<span>24/7 smart queuing. Submit anytime, and our AI dials for you once the shop opens.</span>
152+
</div>
153+
</div>
154+
155+
</div>
156+
</div>
157+
109158
<section class="why-choose-section">
110159
<h2 class="section-title">Why Vodercall</h2>
111160

@@ -196,6 +245,8 @@ <h3>24/7 Booking, Anytime</h3>
196245
}
197246

198247
/* 針對手機版排版的額外優化 */
248+
249+
87
199250
@media (max-width: 768px) {
200251
.benefits-grid {
201252
flex-direction: column;
@@ -257,7 +308,7 @@ <h3>Reserve your table</h3>
257308
font-family: 'Inter', sans-serif;
258309
font-size: 16px;
259310
box-shadow: 0 4px 12px rgba(0, 123, 255, 0.2);
260-
">Reserve Your Table NOW</a>
311+
">Get Your First 3 Free Bookings</a>
261312
</div>
262313
</section>
263314

@@ -273,7 +324,7 @@ <h2>Supported Call Countries/Regions</h2>
273324
<img src="assets/hk.jpg" alt="book Hong Kong restaurants with Vodercall">
274325
<div class="coverage-label">
275326
<h3>Hong Kong</h3>
276-
</div>
327+
</div>
277328
</div>
278329
<div class="coverage-card">
279330
<img src="assets/thailand.jpg" alt="book Thailand restaurants with Vodercall">
@@ -282,6 +333,7 @@ <h3>Thailand</h3>
282333
</div>
283334
</div>
284335
</div>
336+
285337
</div>
286338
</section>
287339

@@ -362,33 +414,38 @@ <h3>Q3: How long does the AI take to book a restaurant? When will I know the res
362414
</html>
363415
<!-- END FAQ SECTION -->
364416

365-
<!-- Footer -->
366-
<footer class="footer">
367-
<div class="container">
368-
<div class="footer-content">
369-
<div class="footer-brand">
370-
<p>&copy; Vodercall 2026. All rights reserved.</p>
371-
</div>
372-
<div class="footer-links" style="text-align: left;">
373-
<div class="footer-column">
374-
<h4>About</h4>
375-
<ul>
376-
<li><a href="our-story.html">Company</a></li>
377-
<li><a href="faq.html">FAQ</a></li>
378-
<li><a href="privacy-policy.html">Privacy Policy</a></li>
379-
<li><a href="terms-of-service.html">Terms of Service</a></li>
380-
</ul>
417+
<!-- Footer -->
418+
<footer class="footer">
419+
<div class="container">
420+
<div class="footer-content">
421+
<div class="footer-brand">
422+
<p>&copy; Vodercall 2026. All rights reserved.</p>
381423
</div>
382-
<div class="footer-column">
383-
<h4>Support</h4>
384-
<ul>
385-
<li><a href="mailto:support@vodercall.ai">Contact Us</a></li>
386-
</ul>
424+
<div class="footer-links">
425+
<div class="footer-column">
426+
<h4>About</h4>
427+
<ul>
428+
<li><a href="our-story.html">Company</a></li>
429+
<li><a href="faq.html">FAQ</a></li>
430+
<li><a href="privacy-policy.html">Privacy Policy</a></li>
431+
<li><a href="terms-of-service.html">Terms of Service</a></li>
432+
</ul>
433+
</div>
434+
<div class="footer-column">
435+
<h4>Support</h4>
436+
<ul>
437+
<li><a href="mailto:support@vodercall.ai">Contact Us</a></li>
438+
</ul>
439+
</div>
387440
</div>
388441
</div>
389442
</div>
390-
</footer>
443+
</footer>
444+
445+
446+
<script src="app.js"></script>
391447
</body>
448+
</html>
392449
<!-- END footer SECTION -->
393450

394451

‎point 2.html‎

Lines changed: 119 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,119 @@
1+
<div style="background-color: #F9FAFB; padding: 60px 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; text-align: center;">
2+
3+
<h2 style="color: #1E3A8A; font-size: 28px; font-weight: 700; margin: 0 0 10px 0;">Why Travelers Struggle to Book Tables Abroad?</h2>
4+
<p style="color: #6B7280; font-size: 16px; margin: 0 0 40px 0; max-width: 600px; margin-left: auto; margin-right: auto;">Traditional booking platforms miss the best local spots. Here is the reality of overseas dining—and how Vodercall fixes it.</p>
5+
6+
<div style="display: flex; justify-content: center; gap: 24px; max-width: 1200px; margin: 0 auto; flex-wrap: wrap;">
7+
8+
<div style="flex: 1; min-width: 280px; max-width: 360px; background-color: #FFFFFF; border-radius: 16px; padding: 32px 24px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03); text-align: left; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #E5E7EB;">
9+
<div>
10+
<div style="font-size: 28px; margin-bottom: 16px;">❌</div>
11+
<h3 style="color: #1F2937; font-size: 18px; font-weight: 600; margin: 0 0 12px 0;">Language Barrier</h3>
12+
<p style="color: #4B5563; font-size: 14px; line-height: 1.6; margin: 0 0 20px 0;">Many hidden gems and Michelin-starred venues in Tokyo or Bangkok only accept phone reservations in their local native language.</p>
13+
</div>
14+
<div style="border-top: 1px dashed #E5E7EB; padding-top: 16px; color: #059669; font-size: 14px; font-weight: 500; display: flex; align-items: flex-start; gap: 8px;">
15+
<span>✅</span>
16+
<span>Vodercall's AI speaks fluent Cantonese and Thai to secure your seats naturally.</span>
17+
</div>
18+
</div>
19+
20+
<div style="flex: 1; min-width: 280px; max-width: 360px; background-color: #FFFFFF; border-radius: 16px; padding: 32px 24px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03); text-align: left; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #E5E7EB;">
21+
<div>
22+
<div style="font-size: 28px; margin-bottom: 16px;">❌</div>
23+
<h3 style="color: #1F2937; font-size: 18px; font-weight: 600; margin: 0 0 12px 0;">Expensive Roaming</h3>
24+
<p style="color: #4B5563; font-size: 14px; line-height: 1.6; margin: 0 0 20px 0;">Making international calls puts you on hold for 20+ minutes, draining your travel budget on long-distance roaming fees before you even arrive.</p>
25+
</div>
26+
<div style="border-top: 1px dashed #E5E7EB; padding-top: 16px; color: #059669; font-size: 14px; font-weight: 500; display: flex; align-items: flex-start; gap: 8px;">
27+
<span>✅</span>
28+
<span>Completely free calling app. Submit requests anywhere using just your internet data.</span>
29+
</div>
30+
</div>
31+
32+
<div style="flex: 1; min-width: 280px; max-width: 360px; background-color: #FFFFFF; border-radius: 16px; padding: 32px 24px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03); text-align: left; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #E5E7EB;">
33+
<div>
34+
<div style="font-size: 28px; margin-bottom: 16px;">❌</div>
35+
<h3 style="color: #1F2937; font-size: 18px; font-weight: 600; margin: 0 0 12px 0;">Timezone Clashes</h3>
36+
<p style="color: #4B5563; font-size: 14px; line-height: 1.6; margin: 0 0 20px 0;">Waking up in the middle of the night just to match the opening hours of a popular restaurant overseas is frustrating and exhausting.</p>
37+
</div>
38+
<div style="border-top: 1px dashed #E5E7EB; padding-top: 16px; color: #059669; font-size: 14px; font-weight: 500; display: flex; align-items: flex-start; gap: 8px;">
39+
<span>✅</span>
40+
<span>24/7 smart queuing. Submit anytime, and our AI dials the exact second the shop opens.</span>
41+
</div>
42+
</div>
43+
44+
</div>
45+
</div>
46+
47+
.pain-section {
48+
background-color: #F9FAFB;
49+
padding: 80px 20px;
50+
text-align: center;
51+
}
52+
.pain-title {
53+
color: #1E3A8A;
54+
font-size: 32px;
55+
font-weight: 700;
56+
margin-bottom: 12px;
57+
}
58+
.pain-subtitle {
59+
color: #6B7280;
60+
font-size: 16px;
61+
max-width: 600px;
62+
margin: 0 auto 50px auto;
63+
}
64+
.pain-grid {
65+
display: flex;
66+
justify-content: center;
67+
gap: 24px;
68+
max-width: 1200px;
69+
margin: 0 auto;
70+
flex-wrap: wrap;
71+
}
72+
.pain-card {
73+
flex: 1;
74+
min-width: 280px;
75+
max-width: 360px;
76+
background-color: #FFFFFF;
77+
border-radius: 16px;
78+
padding: 32px 24px;
79+
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
80+
border: 1px solid #E5E7EB;
81+
text-align: left;
82+
display: flex;
83+
flex-direction: column;
84+
justify-content: space-between;
85+
}
86+
.pain-icon-bad {
87+
font-size: 28px;
88+
margin-bottom: 16px;
89+
}
90+
.pain-card h3 {
91+
color: #1F2937;
92+
font-size: 20px;
93+
font-weight: 600;
94+
margin: 0 0 12px 0;
95+
}
96+
.pain-card p {
97+
color: #4B5563;
98+
font-size: 14px;
99+
line-height: 1.6;
100+
margin: 0 0 20px 0;
101+
}
102+
.pain-card-sol {
103+
border-top: 1px dashed #E5E7EB;
104+
padding-top: 16px;
105+
color: #059669;
106+
font-size: 14px;
107+
font-weight: 500;
108+
display: flex;
109+
align-items: flex-start;
110+
gap: 8px;
111+
}
112+
@media (max-width: 768px) {
113+
.pain-section {
114+
padding: 50px 20px;
115+
}
116+
.pain-title {
117+
font-size: 26px;
118+
}
119+
}

‎style.css‎

Lines changed: 77 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1915,6 +1915,81 @@ body {
19151915
--site-padding-inline: 40px;
19161916
}
19171917

1918+
1919+
.pain-section {
1920+
background-color: #F9FAFB;
1921+
padding: 80px 20px;
1922+
text-align: center;
1923+
}
1924+
.pain-title {
1925+
color: #1E3A8A;
1926+
font-size: 32px;
1927+
font-weight: 700;
1928+
margin-bottom: 12px;
1929+
}
1930+
.pain-subtitle {
1931+
color: #6B7280;
1932+
font-size: 16px;
1933+
max-width: 600px;
1934+
margin: 0 auto 50px auto;
1935+
}
1936+
.pain-grid {
1937+
display: flex;
1938+
justify-content: center;
1939+
gap: 24px;
1940+
max-width: 1200px;
1941+
margin: 0 auto;
1942+
flex-wrap: wrap;
1943+
}
1944+
.pain-card {
1945+
flex: 1;
1946+
min-width: 280px;
1947+
max-width: 360px;
1948+
background-color: #FFFFFF;
1949+
border-radius: 16px;
1950+
padding: 32px 24px;
1951+
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
1952+
border: 1px solid #E5E7EB;
1953+
text-align: left;
1954+
display: flex;
1955+
flex-direction: column;
1956+
justify-content: space-between;
1957+
}
1958+
.pain-icon-bad {
1959+
font-size: 28px;
1960+
margin-bottom: 16px;
1961+
}
1962+
.pain-card h3 {
1963+
color: #1F2937;
1964+
font-size: 20px;
1965+
font-weight: 600;
1966+
margin: 0 0 12px 0;
1967+
}
1968+
.pain-card p {
1969+
color: #4B5563;
1970+
font-size: 14px;
1971+
line-height: 1.6;
1972+
margin: 0 0 20px 0;
1973+
}
1974+
.pain-card-sol {
1975+
border-top: 1px dashed #E5E7EB;
1976+
padding-top: 16px;
1977+
color: #059669;
1978+
font-size: 14px;
1979+
font-weight: 500;
1980+
display: flex;
1981+
align-items: flex-start;
1982+
gap: 8px;
1983+
}
1984+
@media (max-width: 768px) {
1985+
.pain-section {
1986+
padding: 50px 20px;
1987+
}
1988+
.pain-title {
1989+
font-size: 26px;
1990+
}
1991+
}
1992+
19181993
.vodercall-faq-section {
19191994
background-color: var(--vc-bg-color);
19201995
padding-block: 100px 120px; /* Ample breathing room before the footer baseline */
@@ -2411,4 +2486,5 @@ body {
24112486
font-size: 26px;
24122487
}
24132488
}
2414-
</style>
2489+
</style>
2490+

0 commit comments

Comments
 (0)