77 lines
3.6 KiB
Handlebars
77 lines
3.6 KiB
Handlebars
<link rel="stylesheet" href="{{asset "css/hero.css"}}">
|
||
|
||
<section class="hero">
|
||
<div class="hero-first">
|
||
<!-- Left content with logo and text -->
|
||
<div class="hero-content">
|
||
<img src="assets/images/anyway_logo_black.png" alt="Logo" class="hero-logo">
|
||
<h1 class="hero-title">Our new app is available for download</h1>
|
||
<a href="https://anydev.info/early-access/" class="hero-button">Start now</a>
|
||
</div>
|
||
|
||
<!-- Right content with app screenshots -->
|
||
<div class="hero-screenshots">
|
||
<div class="screenshot">
|
||
<img src="assets/screenshots/screenshot_1.png" alt="Screenshot 1">
|
||
</div>
|
||
<div class="screenshot">
|
||
<img src="assets/screenshots/screenshot_2.png" alt="Screenshot 2">
|
||
</div>
|
||
<div class="screenshot">
|
||
<img src="assets/screenshots/screenshot_3.png" alt="Screenshot 3">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="hero-second">
|
||
<!-- How It Works Section -->
|
||
<section id="how-it-works">
|
||
<div class="container">
|
||
<h2>How It Works</h2>
|
||
<div class="steps">
|
||
<div class="step">
|
||
<h3>1. Set Your Preferences</h3>
|
||
<p>Choose the experiences that matter to you – whether it's history, nature, or shopping, your preferences guide the trip. Choose the length of your trip as well, be it an hour or the whole day.</p>
|
||
<!-- Add a screenshot of the preference selection screen -->
|
||
</div>
|
||
<div class="step">
|
||
<h3>2. Generate an Optimized Trip</h3>
|
||
<p>Our app uses an internally-developed algorithm to find the best route, balancing popular landmarks and hidden gems to create a personalized experience.</p>
|
||
<!-- Add a screenshot of a generated trip route -->
|
||
</div>
|
||
<div class="step">
|
||
<h3>3. Explore at Your Own Pace</h3>
|
||
<p>Follow the plan or make changes on the go – our flexible trip design allows you to explore freely while ensuring you never miss anything important.</p>
|
||
<!-- Add a screenshot of an itinerary view -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Features Section -->
|
||
<section id="features">
|
||
<div class="container">
|
||
<h2>Why Choose AnyWay?</h2>
|
||
<div class="features-list">
|
||
<div class="feature">
|
||
<h3>Personalized Itineraries</h3>
|
||
<p>Custom-tailored trips based on your unique interests, ensuring every stop is something you'll love.</p>
|
||
</div>
|
||
<div class="feature">
|
||
<h3>Smart Optimization</h3>
|
||
<p>Our advanced algorithm combines both well-known landmarks and local hidden gems for the perfect balance.</p>
|
||
</div>
|
||
<div class="feature">
|
||
<h3>Real-time Flexibility</h3>
|
||
<p>Change your itinerary anytime, and the app will instantly recalculate to ensure you still see all the best spots.</p>
|
||
</div>
|
||
<div class="feature">
|
||
<h3>Discover Hidden Gems</h3>
|
||
<p>Explore lesser-known spots that regular travel guides miss, giving you a truly unique adventure.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
</div>
|
||
</section>
|