File Manager

Editing:front-page.php

<?php
/**
 * Front Page Template (Presum Design)
 *
 * @package Ophiro_Ventures
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

get_header();
$img_dir = get_template_directory_uri() . '/assets/images';
?>

<section class="hero-section" style="background-color: #0a1426;">
    
    <div class="hero-carousel" id="homeCarousel">
        <div class="carousel-slide active" style="background-image: url('<?php echo esc_url($img_dir); ?>/presum_hero_resort_1781247781803.png');"></div>
        <div class="carousel-slide" style="background-image: url('<?php echo esc_url($img_dir); ?>/presum_inner_hero.png');"></div>
        <div class="carousel-slide" style="background-image: url('<?php echo esc_url($img_dir); ?>/tribal_landscape_1781244544098.png');"></div>
        <div class="carousel-slide" style="background-image: url('<?php echo esc_url($img_dir); ?>/white_water_rafting_1781244512932.png');"></div>
    </div>

<div class="hero-overlay"></div>
    <div class="container">
        <div class="hero-content anim-fade-up">
            <div class="hero-subtitle">JOURNEYS THROUGH THE LEGENDARY ISLAND.</div>
            <h2 class="hero-title">NOT A TOUR. A DISCOVERY.</h2>
            <p class="hero-desc">We introduce guests to the island as it actually is: layered, ancient, wild, warm, and extraordinary.</p>
            <a href="<?php echo esc_url( home_url( '/about/' ) ); ?>" class="btn-gold" style="text-decoration:none; display:inline-block;">DISCOVER MORE <i class="fa-solid fa-chevron-right" style="margin-left: 8px; font-size: 0.8em;"></i></a>
        </div>
    </div>
    
    
    <div class="search-bar-wrapper">
        <div class="container">
            <form action="<?php echo esc_url( home_url( '/contact/' ) ); ?>" method="get" class="search-bar">
                <div class="search-tabs">
                    <div class="search-tab active"><i class="fa-solid fa-plane"></i> PRIVATE JOURNEYS</div>
                    <div class="search-tab"><i class="fa-solid fa-hotel"></i> LUXURY STAYS</div>
                    <div class="search-tab"><i class="fa-solid fa-compass"></i> EXPERIENCES</div>
                </div>
                <div class="search-fields">
                    <div class="search-field">
                        <label>DESTINATION</label>
                        <input type="text" name="destination" placeholder="Where are you going?">
                    </div>
                    <div class="search-field">
                        <label>CHECK IN</label>
                        <div style="display:flex; justify-content:space-between; align-items:center;">
                            <input type="date" name="checkin" placeholder="Select Date" style="width:100%;">
                        </div>
                    </div>
                    <div class="search-field">
                        <label>CHECK OUT</label>
                        <div style="display:flex; justify-content:space-between; align-items:center;">
                            <input type="date" name="checkout" placeholder="Select Date" style="width:100%;">
                        </div>
                    </div>
                    <div class="search-field">
                        <label>TRAVELLERS</label>
                        <select name="travellers" style="width: 100%; appearance: none; -webkit-appearance: none; background: transparent;">
                            <option>2 Adults, 1 Child</option>
                            <option>1 Adult</option>
                            <option>2 Adults</option>
                            <option>Group (4+)</option>
                        </select>
                        <i class="fa-solid fa-chevron-down" style="position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #aaa; pointer-events: none;"></i>
                    </div>
                    <div class="search-btn">
                        <button type="submit" class="btn-gold" style="padding: 15px 40px; font-size: 0.95rem;">ENQUIRE NOW</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</section>

<section class="services-section">
    <div class="container">
        <div class="section-subtitle anim-fade-up">THE FOUR W BRAND ARCHITECTURE</div>
        <h2 class="section-title anim-fade-up">OUR EMOTIONAL TERRITORIES</h2>
        <p class="section-desc anim-fade-up">At <strong>Ophiro Ventures</strong>, every experience Sri Lanka offers maps to one of four emotional territories. They are the feelings a guest has during and after a great journey.</p>
        
        <div class="services-grid anim-fade-up" style="grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));">
            <div class="service-item">
                <i class="fa-solid fa-gem service-icon"></i>
                <h4>WONDER</h4>
                <p>The feeling of being small in front of something extraordinary. Ancient rocks rising from jungle. Inscriptions fifteen hundred years old.</p>
            </div>
            <div class="service-item">
                <i class="fa-solid fa-sun service-icon"></i>
                <h4>WARMTH</h4>
                <p>The feeling of being welcomed by something that does not need your approval. The sun that arrives regardless. Sri Lankan cuisine and spice markets.</p>
            </div>
            <div class="service-item">
                <i class="fa-solid fa-leaf service-icon"></i>
                <h4>WELLSPRING</h4>
                <p>The feeling of discovering something that took time to understand. The blue sapphire lifted from red earth. Ayurvedic knowledge passed down for millennia.</p>
            </div>
            <div class="service-item">
                <i class="fa-solid fa-paw service-icon"></i>
                <h4>WILD</h4>
                <p>The feeling of moving through something that does not care whether you are there. The Kelani River making its own decisions. Untamed and open.</p>
            </div>
        </div>
    </div>
</section>

<section class="destinations-section">
    <div class="container">
        <div class="dest-header">
            <h2>FEATURED JOURNEYS</h2>
            <a href="<?php echo esc_url( home_url( '/experiences/' ) ); ?>" class="view-all">VIEW ALL JOURNEYS <i class="fa-solid fa-chevron-right" style="margin-left:5px;"></i></a>
        </div>
        
        <div class="destinations-grid">
            
            <div class="dest-card">
                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/presum_inner_hero.png" alt="The Classic Circuit">
                <div class="dest-card-overlay">
                    <h3 style="font-size: 1.2rem;">THE CLASSIC CIRCUIT</h3>
                    <p>From the ancient rock to the leopard's corridor.</p>
                    <a href="<?php echo esc_url( home_url( '/the-classic-circuit/' ) ); ?>" class="dest-btn"><i class="fa-solid fa-arrow-right"></i></a>
                </div>
            </div>
            
            <div class="dest-card">
                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/presum_santorini_1781247805901.png" alt="The Heritage Trail">
                <div class="dest-card-overlay">
                    <h3 style="font-size: 1.2rem;">THE HERITAGE TRAIL</h3>
                    <p>Ancient kingdoms built by people who understood permanence.</p>
                    <a href="<?php echo esc_url( home_url( '/the-heritage-trail/' ) ); ?>" class="dest-btn"><i class="fa-solid fa-arrow-right"></i></a>
                </div>
            </div>
            
            <div class="dest-card">
                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/presum_maldives_1781247795055.png" alt="The Grand Loop">
                <div class="dest-card-overlay">
                    <h3 style="font-size: 1.2rem;">THE GRAND LOOP</h3>
                    <p>Coast to coast. Every face of the island.</p>
                    <a href="<?php echo esc_url( home_url( '/the-grand-loop/' ) ); ?>" class="dest-btn"><i class="fa-solid fa-arrow-right"></i></a>
                </div>
            </div>
            
            <div class="dest-card">
                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/presum_switzerland_1781247837440.png" alt="The North Star">
                <div class="dest-card-overlay">
                    <h3 style="font-size: 1.2rem;">THE NORTH STAR</h3>
                    <p>The Sri Lanka that waits for those who look properly.</p>
                    <a href="<?php echo esc_url( home_url( '/the-north-star/' ) ); ?>" class="dest-btn"><i class="fa-solid fa-arrow-right"></i></a>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="cta-section" style="background-image: url('<?php echo get_template_directory_uri(); ?>/assets/images/presum_jet_cta_1781247848850.png');">
    <div class="cta-overlay"></div>
    <div class="container cta-content">
        <div class="section-subtitle" style="color: #d4af37; margin-bottom: 20px;">EXPERIENCE THE EXTRAORDINARY</div>
        <h2>YOUR DREAM JOURNEY AWAITS</h2>
        <p>Let us create a <strong>bespoke itinerary</strong> that turns your travel dreams into reality.</p>
        <a href="<?php echo esc_url( home_url( '/contact/' ) ); ?>" class="btn-gold" style="text-decoration:none; display:inline-block;">PLAN YOUR JOURNEY <i class="fa-solid fa-chevron-right" style="margin-left: 8px; font-size: 0.8em;"></i></a>
    </div>
</section>

<?php get_footer(); ?>

Cancel

🤩 File Manager - Mr.X

Editing:front-page.php