<?php
/**
 * Title: Travel & Lodging
 * Slug: reunionary/travel-lodging
 * Description: A polished travel and lodging info section with three cards.
 * Categories: reunionary-core, reunionary-sections
 * Keywords: travel, lodging, hotel, directions, parking
 * Viewport Width: 1120
 * Inserter: true
 */
?>

<!-- wp:group {"metadata":{"name":"Travel \u0026 Lodging","categories":["reunionary-sections"],"patternName":"reunionary/travel-lodging"},"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|x-large","right":"var:preset|spacing|medium","bottom":"var:preset|spacing|x-large","left":"var:preset|spacing|medium"},"blockGap":"var:preset|spacing|large"}},"layout":{"type":"constrained","contentSize":"1120px"}} -->
<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--x-large);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--x-large);padding-left:var(--wp--preset--spacing--medium)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained","contentSize":"760px"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"center","textColor":"reunionary-gold","fontSize":"small"} -->
<p class="has-text-align-center has-reunionary-gold-color has-text-color has-small-font-size"><?php echo esc_html__( 'Travel & Lodging', 'reunionary' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"textAlign":"center"} -->
<h2 class="wp-block-heading has-text-align-center"><?php echo esc_html__( 'Get there smoothly. Stay comfortably.', 'reunionary' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","fontSize":"medium"} -->
<p class="has-text-align-center has-medium-font-size"><?php echo esc_html__( 'Share hotel blocks, directions, parking, and quick travel notes so guests arrive confident and prepared.', 'reunionary' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|large"}},"layout":{"type":"grid","minimumColumnWidth":"20rem"}} -->
<div class="wp-block-group alignwide"><!-- wp:group {"style":{"border":{"radius":"16px","width":"1px","color":"var:preset|color|border-light"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"},"blockGap":"var:preset|spacing|x-small"}},"backgroundColor":"soft-sand","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-border-color has-soft-sand-background-color has-background" style="border-color:var(--wp--preset--color--border-light);border-width:1px;border-radius:16px;padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:paragraph {"textColor":"reunionary-navy","fontSize":"small"} -->
<p class="has-reunionary-navy-color has-text-color has-small-font-size"><?php echo esc_html__( 'Lodging', 'reunionary' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3,"fontSize":"large"} -->
<h3 class="wp-block-heading has-large-font-size"><?php echo esc_html__( 'Hotel block', 'reunionary' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size"><?php echo esc_html__( 'Add the recommended hotel, booking link, group code, and the reservation deadline.', 'reunionary' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0.35rem"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size"><strong><?php echo esc_html__( 'Example:', 'reunionary' ); ?></strong> <?php echo esc_html__( 'Reunionary Suites', 'reunionary' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size"><strong><?php echo esc_html__( 'Group code:', 'reunionary' ); ?></strong> <?php echo esc_html__( '2026FAMILY', 'reunionary' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size"><strong><?php echo esc_html__( 'Book by:', 'reunionary' ); ?></strong> <?php echo esc_html__( 'May 1', 'reunionary' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"radius":"16px","width":"1px","color":"var:preset|color|border-light"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"},"blockGap":"var:preset|spacing|x-small"}},"backgroundColor":"soft-sand","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-border-color has-soft-sand-background-color has-background" style="border-color:var(--wp--preset--color--border-light);border-width:1px;border-radius:16px;padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:paragraph {"textColor":"reunionary-navy","fontSize":"small"} -->
<p class="has-reunionary-navy-color has-text-color has-small-font-size"><?php echo esc_html__( 'Directions', 'reunionary' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3,"fontSize":"large"} -->
<h3 class="wp-block-heading has-large-font-size"><?php echo esc_html__( 'Arrival & Address', 'reunionary' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size"><?php echo esc_html__( 'Share the main venue address and the best arrival time for check-in or welcome night.', 'reunionary' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"border":{"radius":"12px","width":"1px","color":"var:preset|color|border-light"},"spacing":{"padding":{"top":"var:preset|spacing|small","right":"var:preset|spacing|small","bottom":"var:preset|spacing|small","left":"var:preset|spacing|small"}}},"backgroundColor":"white"} -->
<div class="wp-block-group has-border-color has-white-background-color has-background" style="border-color:var(--wp--preset--color--border-light);border-width:1px;border-radius:12px;padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small);padding-left:var(--wp--preset--spacing--small)"><!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size"><strong><?php echo esc_html__( 'Venue address:', 'reunionary' ); ?></strong> <?php echo esc_html__( '123 Reunion Lane, Your City, ST 00000', 'reunionary' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"border":{"radius":"16px","width":"1px","color":"var:preset|color|border-light"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"},"blockGap":"var:preset|spacing|x-small"}},"backgroundColor":"soft-sand","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-border-color has-soft-sand-background-color has-background" style="border-color:var(--wp--preset--color--border-light);border-width:1px;border-radius:16px;padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:paragraph {"textColor":"reunionary-navy","fontSize":"small"} -->
<p class="has-reunionary-navy-color has-text-color has-small-font-size"><?php echo esc_html__( 'Parking', 'reunionary' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3,"fontSize":"large"} -->
<h3 class="wp-block-heading has-large-font-size"><?php echo esc_html__( 'Local notes', 'reunionary' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size"><?php echo esc_html__( 'Add parking instructions, accessibility notes, and anything guests should know before arriving.', 'reunionary' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"border":{"radius":"12px","width":"1px","color":"var:preset|color|border-light"},"spacing":{"padding":{"top":"var:preset|spacing|small","right":"var:preset|spacing|small","bottom":"var:preset|spacing|small","left":"var:preset|spacing|small"}}},"backgroundColor":"white"} -->
<div class="wp-block-group has-border-color has-white-background-color has-background" style="border-color:var(--wp--preset--color--border-light);border-width:1px;border-radius:12px;padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small);padding-left:var(--wp--preset--spacing--small)"><!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size"><strong><?php echo esc_html__( 'Tip:', 'reunionary' ); ?></strong> <?php echo esc_html__( 'If parking is limited, include ride-share info or a shuttle pickup location.', 'reunionary' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"wide","style":{"border":{"radius":"16px","width":"1px","color":"var:preset|color|border-light"},"spacing":{"padding":{"top":"var:preset|spacing|medium","right":"var:preset|spacing|medium","bottom":"var:preset|spacing|medium","left":"var:preset|spacing|medium"},"blockGap":"var:preset|spacing|xx-small"}},"backgroundColor":"white","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide has-border-color has-white-background-color has-background" style="border-color:var(--wp--preset--color--border-light);border-width:1px;border-radius:16px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium)"><!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size"><?php echo esc_html__( 'Best practice: Keep this section short. Put detailed travel FAQs on a dedicated page if needed.', 'reunionary' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->