Домашняя страница Tailwind CSS

Showcase

Wander

Hero on the Wander website with a large headline saying ‘Find your happy place.’ and a paragraph of text explaining Wander’s services. Below the text is a call to action to join more than 100,000 Wanderers and download the Wander app. The background is a video of a Wander vacation home.
Technologies
Tailwind CSS, Next.js, React
Date
URL
www.wander.com
Go to website

Wander

Luxury vacation rentals optimized for the perfect workcation.

Wander offers a network of vacation homes purposefully built for luxury "workcations" complete with workstations, high-quality beds, hotel-grade cleaning, 24/7 concierge service, and a Tesla in the garage. The Wander website is a Next.js app and uses Tailwind CSS.

The hero section of an individual Wander listing. The background image is a photo of the listing. A few of the amenities are listed below the property name and description together with a button to download the Wander app.
The hero section of an individual Wander listing.
Hero section on the landing page for Wander Atlas — Wander's vacation rental REIT product. The section is split in two. To the left is some text describing Wander Atlas and a button with a call-to-action to get pre-approved. To the right is a 3-column grid with photos of different Wander properties that scrolls vertically.
Landing page for Wander Atlas — Wander’s vacation rental REIT product.
Testimonial section on the Wander website with three rows of testimonials animated to scroll horizontally. Each testimonial has a different width based on how long it is.
Testimonial section on the Wander website with three rows of testimonials animated to scroll horizontally.
The Wander homepage hero section on a mobile device. The content of the page is a compact version of the desktop version.
Section on the Wander homepage showing a carousel of Wander properties on a mobile device. Only one listing is fully visible at a time.
The footer of the Wander homepage on a mobile device. Above the footer is a message from the Wander team that ends with a handwritten signature saying 'Wander.'
The Wander website experience on mobile devices.
The header section of a blog post on the Wander blog. Above the headline are four pill-shaped tags for the blog post. The blog post has a metadata section with the author's photo, name, publish date and some social sharing icons. On the right side is an ad for the Wander iPhone app.
The header section of a blog post on the Wander blog. On the right side is an ad for the Wander iPhone app.
Footer section on the Wander homepage. The footer is split in two. To the right is a Wander logo with a copyright message and some social network icons. To the right are three columns with links to different areas on the website. Above the footer is a phone number opt-in field with a call to action to become a Wander member.
The Wander website footer with a call to action to become a Wander member.