73 lines
3.5 KiB
Handlebars
73 lines
3.5 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>
|
|
</div>
|
|
</section>
|
|
|
|
</div>
|
|
</section>
|