Inicio Travel Travel Agency Homepage

Travel Agency Homepage

A stunning travel agency homepage with destination showcases, trip search, deals, and booking CTAs

Homepage Travel Agency Booking Destinations
Copia este prompt y pégalo en ChatGPT o Claude
Create an immersive, inspiring homepage for a travel agency called "Wanderly" that specializes in curated vacation packages, adventure travel, and luxury getaways. The design should evoke wanderlust, feel premium yet approachable, and drive trip inquiries.

1. NAVIGATION BAR
- Logo: "Wanderly" with a compass rose icon
- Links: Destinations, Trip Styles, Deals, About Us, Blog
- Right side: phone number "(555) 290-8700", heart/wishlist icon, "Plan My Trip" CTA button (solid #0D9488 teal)
- Transparent over hero image, transitions to white with shadow on scroll
- Hamburger menu on mobile

2. HERO SECTION (full-viewport height)
- Full-bleed background: stunning aerial photo of turquoise ocean water meeting white sand beach
- Centered overlay content:
  - Tagline: "Your Next Adventure Starts Here"
  - Headline: "Curated Travel Experiences Around the World"
- TRIP SEARCH BAR (floating card centered on hero, white background, rounded, prominent shadow):
  - 4 fields in a row: Destination (dropdown: "Where to?"), Travel Dates (date range picker), Travelers (number stepper "2 Adults"), Trip Style (dropdown: Beach, Adventure, Cultural, Luxury, Family)
  - Large "Search Trips" button (solid teal #0D9488)
  - Below search bar: quick links — "🔥 Trending: Bali · Amalfi Coast · Kyoto · Patagonia · Iceland"
- Subtle parallax scroll on background image

3. FEATURED DESTINATIONS (horizontal card scroll on mobile, 4-column grid on desktop)
- Section headline: "Popular Destinations" with "View All →" link
- Card 1: "Santorini, Greece"
  - Stunning photo of blue-domed churches
  - "From $2,499/person · 7 days"
  - Rating: 4.9★ (128 reviews)
  - Tag: "Most Popular"

- Card 2: "Kyoto, Japan"
  - Photo of bamboo forest path
  - "From $3,199/person · 10 days"
  - Rating: 4.8★ (94 reviews)
  - Tag: "Cultural"

- Card 3: "Costa Rica"
  - Photo of rainforest canopy with hanging bridge
  - "From $1,899/person · 8 days"
  - Rating: 4.9★ (156 reviews)
  - Tag: "Adventure"

- Card 4: "Amalfi Coast, Italy"
  - Photo of colorful coastal village
  - "From $3,499/person · 9 days"
  - Rating: 4.9★ (112 reviews)
  - Tag: "Luxury"

- Cards: 16px border-radius, photo top half, info bottom half, hover zoom on image with shadow lift
- Heart/save icon on each card (top right corner of image)

4. TRIP STYLES SECTION (icon-driven category grid)
- Headline: "How Do You Travel?"
- 6 category cards (3x2 grid):
  - 🏖️ "Beach & Island" — "Turquoise waters and white sand bliss"
  - 🏔️ "Adventure" — "Trekking, diving, and adrenaline rushes"
  - 🏛️ "Cultural" — "Ancient ruins, local cuisine, and living history"
  - ✨ "Luxury" — "Five-star stays and exclusive experiences"
  - 👨‍👩‍👧‍👦 "Family" — "Kid-friendly adventures everyone will love"
  - 🍷 "Food & Wine" — "Culinary tours and vineyard discoveries"
- Each card: large icon, title, one-line description, background photo with dark overlay
- Hover: overlay lightens, slight scale-up
- Click navigates to filtered destination results

5. HOW IT WORKS (3 steps, full-width section)
- Light gray background (#F9FAFB)
- Headline: "Planning Your Trip Is Easy"
- Step 1: "Tell Us Your Dream" — "Share your destination, dates, budget, and travel style with our team." — chat icon
- Step 2: "Get a Custom Itinerary" — "Our travel experts craft a day-by-day plan tailored to you." — map icon
- Step 3: "Book & Go" — "Confirm your trip and we handle every detail — flights, hotels, experiences." — airplane icon
- Connected by a horizontal dotted line with teal numbered circles
- Below: "Start Planning" CTA button

6. DEAL OF THE WEEK (promotional banner)
- Full-width section with background image of Bali rice terraces
- Overlay content:
  - Badge: "🔥 Deal of the Week"
  - Headline: "Bali Explorer — 10 Days"
  - Original price crossed out: ~~$3,200~~ → Sale price: "$2,399/person"
  - Includes: "Flights + 4-star hotels + guided tours + surf lesson"
  - Countdown timer: "Offer ends in 2d 14h 32m"
  - CTA: "Claim This Deal" button (white text on teal)
- Urgency text: "Only 6 spots left at this price"

7. TRAVELER REVIEWS (3-column testimonial grid)
- Headline: "What Our Travelers Say"
- Review 1: Photo, "Wanderly planned our honeymoon to Santorini and it was absolutely magical. Every detail was perfect." — Rachel & David K. — Santorini, Greece — ★★★★★
- Review 2: Photo, "I'm a solo traveler and felt completely taken care of. The Kyoto itinerary was a dream." — Marcus J. — Kyoto, Japan — ★★★★★
- Review 3: Photo, "We've used Wanderly for 3 family vacations now. The kids always have a blast." — The Chen Family — Costa Rica — ★★★★★
- Each card: traveler photo, quote, name, destination traveled, star rating, trip date
- Background: light teal tint (#F0FDFA)

8. STATS & TRUST BAR (full-width dark background #134E4A)
- 4 animated count-up stats:
  - 15,000+ Trips Planned
  - 98% Satisfaction Rate
  - 120+ Destinations
  - 24/7 Travel Support
- Below: partner logos row — "Trusted partners:" Marriott, Airbnb, Delta, Expedia, Viator
- Logos in white/light color on dark background

9. TRAVEL INSPIRATION BLOG (3 featured articles)
- Headline: "Travel Stories & Guides"
- Article 1: Photo, "Top 10 Hidden Beaches in Southeast Asia" — 5 min read — Travel Guides
- Article 2: Photo, "How to Pack for a 2-Week Europe Trip in a Carry-On" — 4 min read — Travel Tips
- Article 3: Photo, "A Foodie's Guide to Mexico City" — 6 min read — Food & Culture
- Each card: full-width photo, category badge, title, reading time, author avatar
- "Read More Stories →" link

10. NEWSLETTER SECTION (full-width teal gradient)
- Headline: "Get Exclusive Deals in Your Inbox"
- Subheadline: "Join 50,000+ travelers. We send one email a week with secret deals you won't find anywhere else."
- Email input + "Subscribe" button (dark teal on white)
- Trust text: "No spam, unsubscribe anytime. 🌍"

11. FOOTER
- 4 columns: Destinations, Trip Styles, Company, Support
- Destinations: Greece, Japan, Costa Rica, Italy, Bali, Iceland, "All Destinations"
- Trip Styles: Beach, Adventure, Cultural, Luxury, Family, Food & Wine
- Company: About Us, Careers, Press, Affiliate Program, Blog
- Support: Contact Us, FAQ, Travel Insurance, Cancellation Policy, COVID-19 Info
- Social icons: Instagram, Facebook, Pinterest, YouTube, TikTok
- Payment & trust badges: ASTA member, SSL secure, Visa, Mastercard, PayPal
- Bottom: "© 2026 Wanderly Travel Co. All rights reserved." · Privacy · Terms · Sitemap

Design: Immersive, aspirational, premium. Primary: #0D9488 (teal), secondary: #134E4A (dark teal), accent: #F59E0B (amber for deals/badges). Backgrounds: white with #F0FDFA teal-tinted sections and #F9FAFB neutral sections. Typography: DM Serif Display for headings (elegant serif), Inter for body. Cards with 16px border-radius, generous image areas, soft shadows. Lots of high-quality destination photography.

Responsive: On mobile, search bar fields stack vertically inside a collapsible panel. Destination cards become horizontally scrollable carousel. Trip style grid goes 2-column. Stats bar becomes 2x2 grid. Blog cards stack vertically. Navigation collapses to hamburger with drawer. Sticky bottom bar: "Plan My Trip" CTA.

Cómo usar este prompt

  1. 1 Copia el prompt de arriba
  2. 2 Pégalo en tu herramienta de IA favorita (ChatGPT, Claude, v0, etc.)
  3. 3 La IA generará el código del sitio web por ti
  4. 4 Personaliza e itera según tus necesidades

Acerca de este Prompt de Travel

Este prompt Travel Agency Homepage está diseñado para ayudarte a crear rápidamente sitios web profesionales de travel usando herramientas de IA como ChatGPT, Claude, v0 de Vercel, Cursor y Bolt.new.

Ya seas desarrollador, diseñador o emprendedor, este prompt de IA gratuito te da una ventaja al crear travel agency homepage. Simplemente copia el prompt, pégalo en tu asistente de código IA favorito y personalízalo para tu marca.

Herramientas de IA Compatibles

  • ChatGPT (GPT-4) - Excelente para generación detallada de código y explicaciones
  • Claude 3 - Excelente para diseños web complejos y matizados
  • v0 de Vercel - Perfecto para componentes React y Next.js
  • Cursor - Ideal para codificación potenciada por IA en tu IDE
  • Bolt.new - Prototipado rápido y apps full-stack
  • Lovable - Constructor de sitios web IA fácil de usar

Etiquetas

Homepage Travel Agency Booking Destinations Travel Prompt de IA Plantilla Gratis Constructor Web Diseño Web Prompt Copiar Pegar