-
Notifications
You must be signed in to change notification settings - Fork 0
/
private-dining.php
139 lines (76 loc) · 4.73 KB
/
private-dining.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<?php
/*Template Name: Private Dining Page*/
get_header();
?>
<?php
$menus_top_section_copy = get_field('private_dining_top_section_copy');
$menus_top_section_image = get_field('private_dining_top_section_image');
$private_dining_rect_image = get_field('private_dining_rect_image');
$private_dining_capacity_copy = get_field('private_dining_capacity_copy');
$private_dining_capacity_spec1 = get_field('private_dining_capacity_spec1');
$private_dining_capacity_spec2 = get_field('private_dining_capacity_spec2');
$private_dining_capacity_spec3 = get_field('private_dining_capacity_spec3');
$private_dining_bot_square_link = get_field('private_dining_bot_square_link');
$private_dining_bot_square_img = get_field('private_dining_bot_square_img');
$private_dining_bot_square_title = get_field('private_dining_bot_square_title');
?>
<section class="u-displayTable [ top-section-wrapper ]">
<div class="top-section top-section--skin top-section--bkg [ amberBorder ]">
<h2 class="u-margin-t-flush [ page-title ]"><?php echo get_the_title(); ?></h2>
<?php echo $menus_top_section_copy; ?>
<a href="mailto:reservations@48newmanstreet.co.uk?subject=48 Newman Street Private Dining Enquiry" class="btn btn--topSection borderDouble button-dark">Email us</a>
</div>
<div class="cover [ img-top-section ]" style="background-image: url('<?php echo $menus_top_section_image['sizes']['386x397']; ?>')"></div>
</section>
<div class="[ grid-element ] magicBox" id="eventEnquiry-Open">
<div class="magicBox--dark1 center-parent aboutBox-bkg" style="background-image: url('<?php echo get_bloginfo('template_directory');?>/images/private-dining/private-dining-illustration.png');">
<div class="lotOfCopy center-child u-textCenter">
<h3 class="magicBox__title magicBox__title--no-shadow">SEND US AN ENQUIRY</h3>
</div>
</div>
</div>
<div class="[ grid-element ] magicBox magicBox--fancy-zoom desktop-hidden">
<div class="cover <?php if( $private_dining_bot_square_title && $private_dining_bot_square_link ): ?>fancy-zoom<?php endif; ?>" style="background-image: url('<?php echo $private_dining_bot_square_img['sizes']['386x340']; ?>')"></div>
<?php if( $private_dining_bot_square_title && $private_dining_bot_square_link ): ?>
<div class="magicBox-overlay magicBox-overlay__black center-parent u-textCenter">
<div class="lotOfCopy center-child">
<h3 class="magicBox__title"><?php echo $private_dining_bot_square_title; ?></h3>
</div>
</div>
<?php endif; ?>
<?php if( $private_dining_bot_square_title && $private_dining_bot_square_link ): ?>
<a href="<?php echo $private_dining_bot_square_link; ?>" class="desktop-hidden"></a>
<?php endif; ?>
</div>
<div class="[ grid-element--rect ] magicBox lap-mob-hidden">
<div class="cover" style="background-image: url('<?php echo $private_dining_rect_image['sizes']['785x340']; ?>')"></div>
</div>
<!-- Rect1 -->
<div class="[ grid-element--rect magicBox--rectCopy1 ] magicBox magicBox--light [ amberBorder ]">
<div class="rect-copy-wrapper u-cf">
<h3 class="u-margin-t-flush [ page-title ]">CAPACITY & ROOM SPECS</h3>
<p class="column column-left"><?php echo $private_dining_capacity_copy; ?></p>
<p class="column column-right">
<strong>Semi-private dining room:</strong> <?php echo $private_dining_capacity_spec1; ?> <br>
<strong>Upstairs dining room:</strong> <?php echo $private_dining_capacity_spec2; ?> <br>
<strong>Entire venue:</strong> <?php echo $private_dining_capacity_spec3; ?>
</p>
</div>
</div>
<div class="[ grid-element ] magicBox magicBox--fancy-zoom lap-mob-hidden">
<div class="cover <?php if( $private_dining_bot_square_title && $private_dining_bot_square_link ): ?>fancy-zoom<?php endif; ?>" style="background-image: url('<?php echo $private_dining_bot_square_img['sizes']['386x340']; ?>')"></div>
<?php if( $private_dining_bot_square_title && $private_dining_bot_square_link ): ?>
<div class="magicBox-overlay magicBox-overlay__black center-parent u-textCenter">
<div class="lotOfCopy center-child">
<h3 class="magicBox__title"><?php echo $private_dining_bot_square_title; ?></h3>
</div>
</div>
<?php endif; ?>
<?php if( $private_dining_bot_square_title && $private_dining_bot_square_link ): ?>
<a href="<?php echo $private_dining_bot_square_link; ?>" class="lap-mob-hidden"></a>
<?php endif; ?>
</div>
<!-- Modal with Event Enquiry Form -->
<?php include 'partials/event-enquiry-form.php'; ?>
<!-- End Modal with Event Enquiry Form -->
<?php get_footer(); ?>