0% found this document useful (0 votes)
1 views12 pages

HTML File

Yaara Trips offers private, small-group expeditions to remote destinations, emphasizing personalized itineraries and local expertise. Founded by Ishaan Kapoor, the company focuses on fewer places with longer stays, ensuring immersive experiences led by regional specialists. Current expeditions include routes in Himachal Pradesh, Patagonia, the Namib Desert, Hokkaido, the Faroe Islands, and the Atacama Desert.

Uploaded by

Ishaan Kapoor
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
1 views12 pages

HTML File

Yaara Trips offers private, small-group expeditions to remote destinations, emphasizing personalized itineraries and local expertise. Founded by Ishaan Kapoor, the company focuses on fewer places with longer stays, ensuring immersive experiences led by regional specialists. Current expeditions include routes in Himachal Pradesh, Patagonia, the Namib Desert, Hokkaido, the Faroe Islands, and the Atacama Desert.

Uploaded by

Ishaan Kapoor
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Yaara Trips — Expedition Travel, Curated Beyond the Map</title>
<meta name="description" content="Yaara Trips designs private, small-group
expeditions to the world's most remote and extraordinary places.">
<link rel="stylesheet" href="[Link]">
</head>
<body>

<!-- ============ NAVIGATION ============ -->


<nav class="nav" id="mainNav">
<a href="#top" class="nav-logo">Yaara Trips <span>Est. 2011</span></a>
<ul class="nav-links" id="navLinks">
<li><a href="#about">About</a></li>
<li><a href="#destinations">Destinations</a></li>
<li><a href="#journal">Journal</a></li>
<li><a href="#process">The Process</a></li>
<li><a href="#voices">Voices</a></li>
<li><a href="#contact" class="nav-cta">Begin a Journey</a></li>
</ul>
<button class="nav-toggle" id="navToggle" aria-label="Toggle navigation"
aria-expanded="false">
<span></span><span></span><span></span>
</button>
</nav>

<!-- ============ HERO ============ -->


<header class="hero" id="top">
<div class="hero-media">
<img src="[Link]
21bda4d32df4?auto=format&fit=crop&w=2000&q=80" alt="Aerial view of a
misty, remote mountain range at sunrise">
</div>
<div class="hero-content">
<p class="hero-mast">51.5N · Field Dispatch № 214</p>
<h1>Journeys drawn for the <em>far side</em> of the map.</h1>
<p class="hero-sub">Yaara Trips designs private, small-group
expeditions to places most itineraries never reach — led by the guides,
naturalists, and cartographers who know them best.</p>
<div class="hero-actions">
<a href="#destinations" class="btn btn-primary">Explore
Destinations</a>
<a href="#process" class="btn btn-ghost">How We Plan</a>
</div>
</div>
<div class="hero-scroll"><span>Scroll</span><span
class="line"></span></div>
</header>

<!-- ============ COORDINATE MARQUEE ============ -->


<div class="coord-strip" aria-hidden="true">
<div class="coord-track">
<span>HIMACHAL PRADESH · 32.1°N, 77.2°E</span>
<span>PATAGONIA · 50.9°S, 73.1°W</span>
<span>NAMIB DESERT · 24.7°S, 15.3°E</span>
<span>HOKKAIDO · 43.0°N, 141.3°E</span>
<span>FAROE ISLANDS · 62.0°N, 6.8°W</span>
<span>ATACAMA · 23.9°S, 68.2°W</span>
<span>HIMACHAL PRADESH · 32.1°N, 77.2°E</span>
<span>PATAGONIA · 50.9°S, 73.1°W</span>
<span>NAMIB DESERT · 24.7°S, 15.3°E</span>
<span>HOKKAIDO · 43.0°N, 141.3°E</span>
<span>FAROE ISLANDS · 62.0°N, 6.8°W</span>
<span>ATACAMA · 23.9°S, 68.2°W</span>
</div>
</div>

<!-- ============ ABOUT — What is Yaara Trips ============ -->


<section class="section" id="about">
<p class="eyebrow reveal">What Is Yaara Trips</p>
<h2 class="reveal" style="margin-top:14px; font-
size:clamp(2rem,3.6vw,3rem); max-width:20ch;">A trip planned like a letter
to a friend, not a brochure.</h2>

<div class="journal-entry reveal" style="margin-top:70px;">


<div class="journal-media">
<img src="[Link]
bbf3d9990a23?auto=format&fit=crop&w=900&q=80" alt="Snow-capped Himalayan
peaks over green valleys in Himachal Pradesh">
<span class="journal-tag">Where It Began</span>
</div>
<div class="journal-text">
<p class="eyebrow">The Idea</p>
<h3>Started in a hostel room, not a boardroom</h3>
<p>Yaara Trips began as one traveler's answer to a simple problem:
every trip he planned for friends turned out better than the "packages"
everyone else was booking. So he started building itineraries properly —
real routes, real homestays, real seasons — instead of copy-pasted
templates.</p>
<p>It's built and run by <strong>Ishaan Kapoor</strong>, a developer
with a dream, currently turning this — his first real project — into a
startup, one trip and one line of code at a time.</p>
<div class="journal-facts">
<div><span>Founded By</span><b>Ishaan Kapoor</b></div>
<div><span>Home Base</span><b>Chandigarh, India</b></div>
<div><span>Started As</span><b>A first project, now a
startup</b></div>
</div>
</div>
</div>
</section>

<!-- ============ INTRO / PHILOSOPHY ============ -->


<section class="section intro reveal">
<div>
<p class="eyebrow">Our Philosophy</p>
<h2>Fewer places.<br>Held far longer.</h2>
</div>
<div class="intro-body">
<p>Most travel is optimized for coverage — more stops, shorter stays,
wider nets. We do the opposite. Every Yaara Trips itinerary is built
around a handful of places we have spent years earning access to: a single
valley, a single coastline, a single season.</p>
<p>Our trips are capped at twelve travelers, planned twelve to
eighteen months in advance, and led by specialists who live in the region
they guide — not fly-in contractors reading from a script.</p>
<div class="intro-stats">
<div class="intro-stat"><b>14</b><span>Regions Covered</span></div>
<div class="intro-stat"><b>12</b><span>Max Group Size</span></div>
<div class="intro-stat"><b>230+</b><span>Expeditions
Led</span></div>
</div>
</div>
</section>

<!-- ============ LEDGER — signature horizontal scroll ============ -->


<section class="ledger" id="destinations">
<div class="ledger-head reveal">
<div>
<p class="eyebrow" style="color:var(--sage)">The Ledger</p>
<h2>Current expeditions</h2>
</div>
<p>Six routes open for booking across the next two departure
seasons.</p>
</div>
<div class="ledger-scroll">

<article class="stamp">
<div class="stamp-img"><img src="[Link]
1626621341517-bbf3d9990a23?auto=format&fit=crop&w=800&q=80" alt="Terraced
green valleys and snow-capped peaks in Himachal Pradesh"></div>
<div class="stamp-body">
<p class="stamp-coord">32.1°N · HIMACHAL PRADESH</p>
<h3>The Kullu-Spiti Ridgeline</h3>
<p>From pine-forested valleys to the high cold desert of Spiti,
staying in village homestays the whole way through.</p>
<div class="stamp-meta"><span>8 Days</span><span>May &amp;
Sep</span></div>
</div>
</article>

<article class="stamp">
<div class="stamp-img"><img src="[Link]
1439853949127-fa647821eba0?auto=format&fit=crop&w=800&q=80" alt="Jagged
granite peaks of Torres del Paine, Patagonia"></div>
<div class="stamp-body">
<p class="stamp-coord">50.9°S · CHILEAN PATAGONIA</p>
<h3>The Paine Circuit</h3>
<p>Nine days tracing the granite towers on foot, sleeping in
refugios and a single mountainside camp.</p>
<div class="stamp-meta"><span>9 Days</span><span>Mar &amp;
Nov</span></div>
</div>
</article>

<article class="stamp">
<div class="stamp-img"><img src="[Link]
1509316785289-025f5b846b35?auto=format&fit=crop&w=800&q=80" alt="Towering
red sand dunes of the Namib Desert at golden hour"></div>
<div class="stamp-body">
<p class="stamp-coord">24.7°S · NAMIB DESERT</p>
<h3>Dunes of Sossusvlei</h3>
<p>A slow crossing of the oldest desert on Earth, timed to two
full moons for the cold, silent nights.</p>
<div class="stamp-meta"><span>7 Days</span><span>May &amp;
Sep</span></div>
</div>
</article>

<article class="stamp">
<div class="stamp-img"><img src="[Link]
1493976040374-85c8e12f0c0e?auto=format&fit=crop&w=800&q=80" alt="Snow-
covered forest and volcanic landscape in Hokkaido, Japan"></div>
<div class="stamp-body">
<p class="stamp-coord">43.0°N · HOKKAIDO</p>
<h3>Snow Country Onsen Route</h3>
<p>Volcanic valleys, wild cranes, and ten nights across three
family-run ryokan in the deep north.</p>
<div class="stamp-meta"><span>10 Days</span><span>Jan &amp;
Feb</span></div>
</div>
</article>

<article class="stamp">
<div class="stamp-img"><img src="[Link]
1531168556467-80aace0d0144?auto=format&fit=crop&w=800&q=80" alt="Dramatic
green cliffs and grass-roofed village in the Faroe Islands"></div>
<div class="stamp-body">
<p class="stamp-coord">62.0°N · FAROE ISLANDS</p>
<h3>North Atlantic Crossing</h3>
<p>Island-hopping by small boat between eighteen villages, most
home to fewer than eighty people.</p>
<div class="stamp-meta"><span>8 Days</span><span>Jun &amp;
Jul</span></div>
</div>
</article>

<article class="stamp">
<div class="stamp-img"><img src="[Link]
1518623489648-a173ef7824f3?auto=format&fit=crop&w=800&q=80" alt="Star-
filled night sky over the Atacama Desert salt flats"></div>
<div class="stamp-body">
<p class="stamp-coord">23.9°S · ATACAMA</p>
<h3>Highlands &amp; Salt Flats</h3>
<p>Altitude-adjusted travel through the driest place on Earth,
ending under some of its clearest skies.</p>
<div class="stamp-meta"><span>11 Days</span><span>Apr &amp;
Oct</span></div>
</div>
</article>

</div>
</section>

<!-- ============ JOURNAL — editorial features ============ -->


<section class="section" id="journal">
<p class="eyebrow reveal">The Journal</p>
<h2 class="reveal" style="margin-top:14px; font-
size:clamp(2rem,3.6vw,3rem); max-width:16ch;">Three places worth the long
way round.</h2>

<div class="journal-entry reveal" style="margin-top:80px;">


<div class="journal-media">
<img src="[Link]
auto=format&fit=crop&w=900&q=80" alt="Turquoise glacial lake surrounded by
mountains in Patagonia">
<span class="journal-tag">Field Note 01</span>
</div>
<div class="journal-text">
<p class="eyebrow">Chilean Patagonia</p>
<h3>Where the wind writes the itinerary</h3>
<p>In Torres del Paine, the guides plan two routes for every day —
the one on paper, and the one the wind allows. We've learned to build in
slack: an extra night at a refugio, a reversed trail, a delayed
crossing.</p>
<p>What you get in return is a version of Patagonia that rushed
travelers never see — the towers lit gold at 5am, with no one else on the
trail to share it.</p>
<div class="journal-facts">
<div><span>Best Season</span><b>Mar – Apr, Oct – Nov</b></div>
<div><span>Group Size</span><b>8 travelers</b></div>
<div><span>Terrain</span><b>Alpine trail, moderate</b></div>
</div>
</div>
</div>

<div class="journal-entry reverse reveal">


<div class="journal-media">
<img src="[Link]
f609979314bd?auto=format&fit=crop&w=900&q=80" alt="Traditional wooden
ryokan building surrounded by autumn maple trees">
<span class="journal-tag">Field Note 02</span>
</div>
<div class="journal-text">
<p class="eyebrow">Hokkaido, Japan</p>
<h3>A season measured in steam and snowfall</h3>
<p>Our Hokkaido route was built around three ryokan whose owners
we've known for over a decade. Each evening ends the same way — an outdoor
onsen, snow falling, the valley completely silent.</p>
<p>By day, we track red-crowned cranes across frozen marshland with
a local ornithologist who has spent thirty years learning their calls.</p>
<div class="journal-facts">
<div><span>Best Season</span><b>January – February</b></div>
<div><span>Group Size</span><b>10 travelers</b></div>
<div><span>Terrain</span><b>Easy walking, cold climate</b></div>
</div>
</div>
</div>

<div class="journal-entry reveal">


<div class="journal-media">
<img src="[Link]
18d996393ca8?auto=format&fit=crop&w=900&q=80" alt="Vast salt flat
reflecting the sky in the Atacama Desert">
<span class="journal-tag">Field Note 03</span>
</div>
<div class="journal-text">
<p class="eyebrow">Atacama, Chile</p>
<h3>The clearest sky left on Earth</h3>
<p>At 2,400 metres and almost zero light pollution, the Atacama
holds some of the darkest, clearest night skies anywhere. We build in two
full acclimatization days before the altitude climbs further.</p>
<p>The final three nights are spent at a highland camp with a
resident astronomer and a telescope built specifically for the site.</p>
<div class="journal-facts">
<div><span>Best Season</span><b>Apr – May, Sep – Oct</b></div>
<div><span>Group Size</span><b>8 travelers</b></div>
<div><span>Terrain</span><b>High altitude, easy pace</b></div>
</div>
</div>
</div>
</section>

<!-- ============ PROCESS ============ -->


<section class="process" id="process">
<div class="section" style="padding-bottom:0;">
<p class="eyebrow reveal">How It Works</p>
<h2 class="reveal" style="margin-top:14px; font-
size:clamp(2rem,3.6vw,3rem); max-width:18ch;">A journey, planned the way a
good map is drawn.</h2>
</div>
<div class="process-grid reveal">
<div class="process-step">
<span class="coord">01 · Intake</span>
<h4>A conversation, not a form</h4>
<p>We start with a call to understand pace, curiosity, and what
"far" means to you — then shortlist two or three regions worth the
trip.</p>
</div>
<div class="process-step">
<span class="coord">02 · Design</span>
<h4>Route built around season</h4>
<p>Your specialist drafts an itinerary anchored to the exact weeks
weather, light, and wildlife align — not a fixed calendar template.</p>
</div>
<div class="process-step">
<span class="coord">03 · Refine</span>
<h4>Two rounds, no pressure</h4>
<p>You'll see a full day-by-day draft, adjust freely, and confirm
only once every detail — pace included — feels right.</p>
</div>
<div class="process-step">
<span class="coord">04 · Travel</span>
<h4>One point of contact</h4>
<p>Your specialist stays reachable throughout the trip itself,
alongside your on-the-ground guide, from arrival to the last transfer
home.</p>
</div>
</div>
</section>

<!-- ============ TESTIMONIAL ============ -->


<section class="section" id="voices" style="display:flex; justify-
content:center;">
<div class="testimonial reveal">
<blockquote>We'd traveled to over forty countries before this trip,
and Yaara Trips still found us a version of Patagonia we didn't know
existed — three days without seeing another group.</blockquote>
<cite>— R. Alvarez, Paine Circuit, November 2025</cite>
</div>
</section>

<!-- ============ CTA ============ -->


<section class="cta-band" id="contact">
<p class="eyebrow" style="justify-content:center; color:var(--
sage);">Begin a Journey</p>
<h2>Tell us where "far" means to you.</h2>
<p>A specialist will reply within two working days with a shortlist of
regions and seasons worth considering — no itinerary, no pressure, just a
conversation.</p>
<form class="cta-form" onsubmit="return false;">
<input type="email" placeholder="your@[Link]" aria-label="Email
address" required>
<button type="submit" class="btn btn-primary">Start the
Conversation</button>
</form>
</section>

<!-- ============ FOOTER ============ -->


<footer>
<div class="footer-grid">
<div>
<p class="footer-brand">Yaara Trips</p>
<p class="footer-note">Private, small-group expeditions to the
world's most considered corners. Built from a hostel room, headed for the
road.</p>
</div>
<div class="footer-col">
<h5>Explore</h5>
<ul>
<li><a href="#destinations">Destinations</a></li>
<li><a href="#journal">Journal</a></li>
<li><a href="#process">The Process</a></li>
</ul>
</div>
<div class="footer-col">
<h5>Studio</h5>
<ul>
<li><a href="#voices">Voices</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#top">Our Guides</a></li>
</ul>
</div>
<div class="footer-col">
<h5>Dispatch</h5>
<ul>
<li><a href="#contact">Join the mailing list</a></li>
<li><a
href="[Link]
<li><a href="#contact">+91 94188 33440</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<span>© 2026 Yaara Trips. All rights reserved. Designed by Ishaan
Kapoor.</span>
<span>Boys Hostel 6, Panjab University, Chandigarh</span>
</div>
</footer>

<script>
// Mobile nav toggle
const navToggle = [Link]('navToggle');
const navLinks = [Link]('navLinks');

[Link]('click', () => {
const isOpen = [Link]('open');
[Link]('open');
[Link]('aria-expanded', isOpen);
});

[Link]('a').forEach(link => {
[Link]('click', () => {
[Link]('open');
[Link]('open');
[Link]('aria-expanded', 'false');
});
});

// Nav background on scroll


const nav = [Link]('mainNav');
[Link]('scroll', () => {
[Link]('scrolled', [Link] > 40);
});

// Scroll reveal
const revealEls = [Link]('.reveal');
const observer = new IntersectionObserver((entries) => {
[Link](entry => {
if ([Link]) {
[Link]('in');
[Link]([Link]);
}
});
}, { threshold: 0.15 });

[Link](el => [Link](el));

</script>
</body>
</html>

You might also like