Files
UbuntuandClaude Opus 5 de38aae8d5 Apply client design feedback on the parking copy, icons and barber layout
Four items from the salon, all three languages where applicable.

Massage section icon
- The icon above Om oss (and above Behandlinger, Priser and Åpningstider -
  it is the same image in all four) was beauty's makeup icon, copied in as
  a placeholder before massage had any assets of its own. Replaced with the
  herbal-compress icon tinted to the massage sage, mirroring how beauty's
  is tinted to its rose. beauty/ollo_rose.png is untouched; the copy under
  assets/img/massage/ is removed, and the one dead template rule that still
  pointed at it (.box-heading:before, which renders on no page) repointed.

Parking copy, barber + beauty + massage, no/en/hu
- Dropped the "park free of charge during the treatments" clause from the
  owner bio and replaced it with the new two-space wording.
- Replaced the note under Åpningstider. The Norwegian original was
  misspelled differently in each vertical ("kundeprarking" on barber,
  "kunderparking" on beauty); both are gone.
- massage picks both up automatically: its owner block is extracted from
  beauty-form-<lang>.php at generation time, and the hours note comes from
  the generator.

Barber treatments grid: level the six icons
- .service-text reserves padding-bottom for the 80px floated icon but has
  no height, so every block sizes to its own text. Measured on the live
  page the left column ran 155/155px against the right column's 185/206px,
  because its titles wrap to two lines - so the icons drifted further apart
  with each row (0, 30, 81px).
- Trimmed the reserved padding and gave every block the same floor, so all
  six are identical and the rows line up. 195px clears the tallest block
  and leaves room for a three-line title at the narrow end of the desktop
  range. Desktop only: below 981px the columns stack full width, where a
  floor would only add dead space.
- beauty drifts 20px and massage 0px, so both are left alone.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-08-15 09:00:25 +00:00

294 lines
16 KiB
PHP
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<?php
/* -----------------------------------------------------------------------
* Massage vertical landing content - English.
*
* Bio, treatment names and descriptions supplied by the salon.
* Generated from one template so massage-form-no / -en / -hu stay
* structurally identical.
*
* DURATIONS: the price list shows the treatment time from the service NAME
* (50 / 80 / 110 min). services.service_time holds the longer BOOKED slot
* (60 / 90 / 120 min) which covers changing and payment, and is never
* rendered to the guest. See prices_note below.
*
* Still a placeholder: assets/img/massage/masseur.png (therapist portrait),
* assets/img/massage/banner.jpg and map.jpg.
* -------------------------------------------------------------------- */
?>
<!-- Banner -->
<section id="banner">
<img src="<?php echo base_url();?>assets/img/massage/banner.jpg" style="width: 100%;" />
</section>
<section id="mobil-menu">
<div class="mobil-menucont">
<ul>
<li class="mobil-menu-book"><a href="<?php echo SITEURL;?>en/booking/massage">BOOK TIME</a></li>
<li class=""><a href="<?php echo $vertical['facebook'];?>" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li class=""><a href="<?php echo $vertical['instagram'];?>" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
</ul>
</div>
</section>
<!-- About Us -->
<section id="aboutus" class="wrapper style1">
<div class="container">
<div class="inner">
<header class="major">
<img src="<?php echo base_url();?>assets/img/massage/section-icon.png">
<h2>About us</h2>
</header>
<?php /* Owner block, lifted verbatim from beauty-form-<lang>.php at
generation time so all three verticals introduce Evelin
identically. Do not edit here - edit the beauty file and
regenerate, or the two will drift. */ ?>
<div class="bemutatkozas">
<div class="bem-bal">
<p>
My name is Evelin Bence, leader and creator of Studio Beve. I consider it
important that our guests during their stay – resting a little from the noise of the
world – recharge their batteries and return to everyday life beautified inside as
well as outside.
</p>
<p>
Quality time, maximum attention, the most professional tools, together with
professionalism and expertise, stand for the basis of our philosophy and
services.
</p>
<p>
I believe that beauty, fashion, and trend are not gender-specific, so we have the
opportunity for everyone to become beautiful in one place, regardless of gender.
And among our Barber, Beauty and Massage departments, you can find the right services
for you.
</p>
<p>
With nearly 10 years of experience in the beauty industry, including many years
of international experience, I thought it was time to open my own studio here in
Trondheim at Innheredsveien 92. We have two private parking spaces that our
guests can use free of charge during their treatment, subject to availability.
</p>
<p>
It is an extra pleasure for me that I managed to find a traditional place where
there was already a beauty salon in the 50s. Therefore, I now have the
opportunity to carry on this tradition in a modern environment.
Become beautiful with us. We look forward to seeing you.
</p>
</div>
<div class="bem-jobb">
<img src="<?php echo base_url();?>assets/img/evelin_beauty.JPG">
<h4>Evelin Bence <br> <span>Owner, Studio Beve</span></h4>
</div>
</div>
<?php /* Therapist sub-section, following the per-worker pattern
barber/beauty use: circular portrait + name, then the bio
with a photo strip alongside. */ ?>
<div class="dolgozo-nev">
<hr>
<img src="<?php echo base_url();?>assets/img/massage/vincent/vincent.jpg" class="dolgozo-kep">
<h4>VINCENT Pusch <span>- Massage Therapist</span></h4>
</div>
<div class="bemutatkozas-dolgozo">
<div class="bem-dolgozo-bal">
<p>My interest in massage, manual treatment techniques, and the way the human body functions has been with me since 2011 and has, over the years, become a central part of my professional career.</p>
<p>I completed my physiotherapy education in Germany. I began my professional career at a military hospital, where I worked as a physiotherapist and manual therapist. I later continued my work at a multidisciplinary clinic before establishing and running my own private practice in Germany until I moved to Norway.</p>
<p>Over the years, I have continuously expanded my professional knowledge and experience. In addition to physiotherapy and manual therapy, I have worked with sports physiotherapy and, since 2019, also with craniosacral therapy and osteopathy. Continuous professional development and learning new methods are important to me.</p>
<p>I believe that every person and every body is different, which is why I always base my treatments on each client&rsquo;s individual needs and goals. I select and combine different massage and manual techniques accordingly, whether the goal is relaxation, relieving muscle tension caused by everyday or physical strain, recovery after exercise, or simply giving the body time to recharge.</p>
<p>I have been living in Trondheim since May 2026. The process of obtaining Norwegian recognition of my foreign physiotherapy qualification is currently ongoing. At Studio Beve, I currently work as a massage therapist and offer massage and other manual treatments that do not require Norwegian authorization as healthcare personnel. Once Norwegian authorization has been obtained, my professional activities and the range of treatments I can offer may be expanded further.</p>
<p>I look forward to getting to know Studio Beve&rsquo;s clients and using my professional experience to provide attentive, individually tailored treatments.</p>
</div>
<div class="bem-dolgozo-jobb">
<img src="<?php echo base_url();?>assets/img/massage/vincent/1.jpg">
<img src="<?php echo base_url();?>assets/img/massage/vincent/2.jpg">
<img src="<?php echo base_url();?>assets/img/massage/vincent/3.jpg">
<img src="<?php echo base_url();?>assets/img/massage/vincent/4.jpg">
</div>
</div>
</div>
</div>
</section>
<!-- Treatments -->
<section id="treatments" class="wrapper style2">
<div class="container">
<div class="inner">
<header class="major">
<img src="<?php echo base_url();?>assets/img/massage/section-icon.png">
<h2 class="nyitva">Treatments</h2>
</header>
</div>
<div class="service-block">
<div class="service-area">
<div class="one-third service-part1">
<div class="service-inner">
<div class="service service1">
<div class="service-text service-text1">
<div class="service-icon icon1"></div>
<div class="service-content">
<div class="main-title">Classic Swedish Massage</div>
<div class="sub-title-serv">full body, relaxation and well-being</div>
</div>
</div>
<div class="service-text service-text2">
<div class="service-icon icon2"></div>
<div class="service-content">
<div class="main-title">Sports Massage</div>
<div class="sub-title-serv">for active individuals and athletes</div>
</div>
</div>
<div class="service-text service-text3">
<div class="service-icon icon3"></div>
<div class="service-content">
<div class="main-title">Deep Tissue Massage</div>
<div class="sub-title-serv">deeper muscles and connective tissue</div>
</div>
</div>
</div>
</div>
</div>
<div class="one-third service-part2">
<div class="service-inner">
<div class="service service2">
<a href="<?php echo SITEURL;?>en/booking/massage" class="banner-anchor"><img src="<?php echo base_url();?>assets/img/service-banner-massage.png" alt="massage" class="banner-image1"></a>
</div>
</div>
</div>
<div class="one-third service-part3">
<div class="service-inner">
<div class="service service3">
<div class="service-text service-text1">
<div class="service-icon icon1"></div>
<div class="service-content">
<div class="main-title">Work Recovery Massage</div>
<div class="sub-title-serv">office and physical work</div>
</div>
</div>
<div class="service-text service-text2">
<div class="service-icon icon2"></div>
<div class="service-content">
<div class="main-title">Studio Beve Signature</div>
<div class="sub-title-serv">individually tailored treatment</div>
</div>
</div>
<div class="service-text service-text3">
<div class="service-icon icon3"></div>
<div class="service-content">
<div class="main-title">Craniosacral Treatment</div>
<div class="sub-title-serv">gentle, holistic manual treatment</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Prices -->
<section id="one" class="wrapper style1">
<div class="container">
<div class="inner">
<header class="major">
<img src="<?php echo SITEURL;?>assets/img/massage/section-icon.png">
<h2>Prices</h2>
<h4 class="prices-note">The stated treatment time is hands-on treatment time. The appointment reserved for you is slightly longer, allowing time to change and to pay.</h4>
</header>
<?php
/**
* Grouped by treatment type. Two deliberate differences from the
* barber/beauty price lists, both because massage sells the SAME
* treatment at two or three lengths:
*
* 1. The description is printed ONCE per group rather than once
* per duration, so a three-length treatment does not repeat
* its blurb three times.
* 2. The row label is the duration alone. services.service_name
* has to stay self-describing ("Klassisk svensk massasje -
* 50 min") because the booking form and the confirmation
* email render it with no category around it - but here the
* category heading is directly above, so repeating it just
* makes every row wrap.
*
* $services arrives ordered by service_id and the catalogue is
* inserted grouped, so a simple change-detect is enough.
*/
$prevousCategory = '';
if(is_array($services)){
foreach($services as $serviceItem){
if($serviceItem->service_category != $prevousCategory){
if($prevousCategory !== ''){
echo '<div style="clear:both;"></div>';
}
?>
<div class="prices-category" style="width: 100%">
<h4><?php echo $serviceItem->service_category;?></h4>
<p class="category-intro"><?php echo $serviceItem->service_description;?></p>
</div>
<?php
}
// Same rule as the booking form: the category heading is
// directly above, so the row need not repeat it.
$rowLabel = vertical_service_label($vertical, $serviceItem);
?>
<div class="one-half">
<div class="category-content">
<div class="category-text-left">
<div class="main-title"><a><?php echo $rowLabel;?></a></div>
</div>
<div class="category-text-right">
<div class="price">kr <?php echo $serviceItem->service_price;?></div>
</div>
</div>
</div>
<?php
$prevousCategory = $serviceItem->service_category;
}
echo '<div style="clear:both;"></div>';
}
?>
</div>
</div>
</section>
<!-- Opening hours -->
<section id="two" class="wrapper style2">
<div class="container">
<div class="inner">
<header class="major">
<img src="<?php echo SITEURL;?>assets/img/massage/section-icon.png">
<h2 class="nyitva">Opening Hours</h2>
<h4>2 free customer parking spaces – subject to availability</h4>
</header>
</div>
<div class="nyitvatartas">
<div class="about-content">
<div class="about-text-left">
<div class="title">Weekdays</div>
</div>
<div class="about-text-right">
<div class="time">10:00 - 18:00</div>
</div>
</div>
<div class="about-content">
<div class="about-text-left">
<div class="title">Saturday</div>
</div>
<div class="about-text-right">
<div class="time">10:00 - 16:00</div>
</div>
</div>
<div class="about-content">
<div class="about-text-left">
<div class="title">Sunday</div>
</div>
<div class="about-text-right">
<div class="closed">Closed</div>
</div>
</div>
</div>
</div>
</section>