214 lines
9.2 KiB
PHP
214 lines
9.2 KiB
PHP
<?php
|
||
// ++++++++++++++++++++++++++++++
|
||
// Prevent direct access to file
|
||
// ++++++++++++++++++++++++++++++
|
||
|
||
defined(security_key) or exit;
|
||
|
||
// ++++++++++++++++++++++++++++++
|
||
// Include header
|
||
// ++++++++++++++++++++++++++++++
|
||
$view = template_header($home_text, '');
|
||
|
||
$view .= '
|
||
<!-- Hero Section -->
|
||
<section class="hero">
|
||
<div class="hero-content">
|
||
<h1>'.$h2_brand_name_1.'<br>'.$h2_brand_name_2.'</h1>
|
||
<a href="'.url(link_to_collection).'" class="hero-btn">'.$h2_brand_visit.'</a>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Store Description -->
|
||
<div class="store-description">
|
||
<p>'.$h2_brand_wow.'</p>
|
||
</div>';
|
||
|
||
// ++++++++++++++++++++++++++++++
|
||
// Include highlighted Products
|
||
// ++++++++++++++++++++++++++++++
|
||
$view .= highlightedProducts2($clientsecret,category_id_highlighted_products_1, ($highlight_2 ?? 'highlight 2'),'');
|
||
|
||
$view .= highlightedProducts($clientsecret,category_id_highlighted_products_2, ($highlight_2 ?? 'highlight 2'),'');
|
||
|
||
|
||
$view .= '
|
||
<section class="watch-ad-section">
|
||
<div class="top-section">
|
||
<div class="watch-image">
|
||
</div>
|
||
<div class="top-content">
|
||
<h2>'.($ad_watch_1 ?? 'Dutch design and Swiss craftsmanship').'</h2>
|
||
<a href="'.url('index.php?page=about').'" class="btn">'.($btn_readmore ?? 'Read more').'</a>
|
||
</div>
|
||
</div>
|
||
<div class="bottom-section">
|
||
<div class="bottom-content">
|
||
<h2>'.($ad_watch_2 ?? 'Timeless timepieces that will last for generations!').'</h2>
|
||
<a href="'.url(link_to_collection).'" class="btn">'.$h2_brand_visit.'</a>
|
||
</div>
|
||
</div>
|
||
</section>';
|
||
|
||
|
||
$view .= '
|
||
<section class="features">
|
||
<div class="container features-container">
|
||
<div class="feature-item">
|
||
<h2>'.($home_timeless ?? 'Timeless').'</h2>
|
||
<p>'.($home_timeless_text ?? 'Morval Watches are unique, robust, stylish and timeless timepieces that will last for generations!').'</p>
|
||
</div>
|
||
<div class="feature-item">
|
||
<h2>'.($home_quality ?? 'Quality').'</h2>
|
||
<p>'.($home_quality_text ?? ' Morval watches meet the highest quality requirements and can compete with the well-known Swiss brands. The parts are supplied by renowned manufacturers from Europe and beyond. A Morval contains a Swiss-made caliber (STP) that is known for its reliable quality.').'</p>
|
||
</div>
|
||
<div class="feature-item">
|
||
<h2>'.($home_price ?? 'Price').'</h2>
|
||
<p>'.($home_price_text ?? 'Morval stands for an excellent price-quality ratio').'</p>
|
||
</div>
|
||
</div>
|
||
</section>';
|
||
|
||
|
||
// ++++++++++++++++++++++++++++++
|
||
// Include customer reviews
|
||
// ++++++++++++++++++++++++++++++
|
||
$view .= '
|
||
<section class="reviews">
|
||
<div class="container">
|
||
<h2>'.($customer_reviews ?? 'Reviews').'</h2>
|
||
<div class="reviews-container">
|
||
<div class="review-item">
|
||
<div class="stars">★★★★★</div>
|
||
<p>Zeker een aanrader! Aangeschaft als cadeau voor mijn partner en we zijn er beiden erg blij mee! Het horloge heeft een prachtig design dat zowel stijlvol als tijdloos is, door de leren en stalen band. Het grootste pluspunt is dat we nooit meer een batterij hoeven te verwisselen – super handig! Bovendien loopt het horloge stipt op tijd, wat je natuurlijk van een goed horloge mag verwachten. Ralph heeft mij vriendelijk en professioneel geholpen.</p>
|
||
<div class="reviewer">- Helma</div>
|
||
</div>
|
||
<div class="review-item">
|
||
<div class="stars">★★★★★</div>
|
||
<p>Morval is niet zomaar een horloge, Morval is een sieraad. Prachtig en uniek ontwerp en ook nog eens kwalitatief hoogstaand!</p>
|
||
<div class="reviewer">- Paul K</div>
|
||
</div>
|
||
<div class="review-item">
|
||
<div class="stars">★★★★★</div>
|
||
<p>Eind Januari heb ik een Morval Watch gekocht. Ik heb gekozen voor het model Thomas II in de kleur navy blue met stalen band. Tevens heb ik er een extra lederen band bij gekozen. Behalve het stijlvolle ontwerp en de Zwitserse kwaliteit, sprak het kleinschalige en het verhaal achter deze horloge me enorm aan! Uniek, stijlvol en kwaliteit voor een eerlijke prijs! Wat mij betreft zeker 5 sterren waard!</p>
|
||
<div class="reviewer">- W. Habraken</div>
|
||
</div>
|
||
<div class="review-item">
|
||
<div class="stars">★★★★</div>
|
||
<p>Een prachtig horloge van nederlandse grond, de Thomas-II Ice Blue heeft een schitterende uitstraling met zicht op het binnenwerk, welk ook via de achterkant te bewonderen is. De kwaliteit is goed, en de presentatie is boven verwachting!!</p>
|
||
<div class="reviewer">- Matthijs S.</div>
|
||
</div>
|
||
<div class="review-item">
|
||
<div class="stars">★★★★★</div>
|
||
<p>Ik ken Ralph vanuit onze werkachtergrond en raakte met hem aan de praat over horloges en al gauw bleek dat we een gezamelijke passie hebben voor dit onderwerp.
|
||
Al een hele tijd was ik op zoek naar een automatisch horloge dat naast kwaliteit en eenvoud ook elegantie, stijl en vakmanschap uitstraalt en daarnaast ook nog betaalbaar moet zijn.
|
||
Zijn indrukwekkende horlogeontwerp was het antwoord op mijn zoektocht: het Zwitserse automatische uurwerk, de roestvaststalen kast met opengewerkte achterkant, de chique wijzerplaat en oranje secondewijzer, een knipoog naar zijn Nederlandse herkomst, een heel uniek horloge! Zelfs de naam van horlogeserie (Thomas) klopte voor mij, aangezien mijn zoon ook zo heet. Ik koos de versie met de blauwe wijzerplaat en de stalen band en heb nr 007 van 100 en ben er elke dag nog enorm blij mee!!</p>
|
||
<div class="reviewer">- Dennis</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>';
|
||
|
||
// ++++++++++++++++++++++++++++++
|
||
// Include footer
|
||
// ++++++++++++++++++++++++++++++
|
||
$view .= template_footer();
|
||
|
||
// ++++++++++++++++++++++++++++++
|
||
// Additional JS scripts for page
|
||
// ++++++++++++++++++++++++++++++
|
||
$view .='
|
||
<script>
|
||
// Enhanced slider functionality for multiple carousels
|
||
function initializeCarousels() {
|
||
// Handle product sliders (highlightedProducts2)
|
||
const productSliders = document.querySelectorAll(\'.product-slider\');
|
||
|
||
productSliders.forEach((slider) => {
|
||
const carouselId = slider.getAttribute(\'data-carousel\');
|
||
const prevBtn = slider.querySelector(\'.prev-btn\');
|
||
const nextBtn = slider.querySelector(\'.next-btn\');
|
||
const productContainer = slider.querySelector(\'.product-container-slider\');
|
||
const products = slider.querySelectorAll(\'.product-card-slider\');
|
||
|
||
if (!products.length) return;
|
||
|
||
let currentIndex = 0;
|
||
const productsPerView = window.innerWidth < 480 ? 1 :
|
||
window.innerWidth < 768 ? 2 :
|
||
window.innerWidth < 992 ? 3 : 4;
|
||
|
||
function updateSliderPosition() {
|
||
const productWidth = products[0].offsetWidth;
|
||
productContainer.style.transform = `translateX(-${currentIndex * productWidth}px)`;
|
||
}
|
||
|
||
prevBtn.addEventListener(\'click\', () => {
|
||
if (currentIndex > 0) {
|
||
currentIndex--;
|
||
updateSliderPosition();
|
||
}
|
||
});
|
||
|
||
nextBtn.addEventListener(\'click\', () => {
|
||
if (currentIndex < products.length - productsPerView) {
|
||
currentIndex++;
|
||
updateSliderPosition();
|
||
}
|
||
});
|
||
|
||
// Update slider on window resize
|
||
window.addEventListener(\'resize\', () => {
|
||
// Reset position when screen size changes
|
||
currentIndex = 0;
|
||
updateSliderPosition();
|
||
});
|
||
});
|
||
|
||
// Handle sample sliders (getSamples)
|
||
const sampleButtons = document.querySelectorAll(\'.scrollButton\');
|
||
|
||
sampleButtons.forEach((button) => {
|
||
const samplesId = button.getAttribute(\'data-samples\');
|
||
if (!samplesId) return;
|
||
|
||
const samplesContainer = document.getElementById(\'add_samples_container_\' + samplesId);
|
||
if (!samplesContainer) return;
|
||
|
||
const isLeftButton = button.id.includes(\'slideLeft\');
|
||
|
||
button.addEventListener(\'click\', () => {
|
||
const scrollAmount = 200; // Adjust as needed
|
||
const currentScroll = samplesContainer.scrollLeft;
|
||
|
||
if (isLeftButton) {
|
||
samplesContainer.scrollTo({
|
||
left: currentScroll - scrollAmount,
|
||
behavior: \'smooth\'
|
||
});
|
||
} else {
|
||
samplesContainer.scrollTo({
|
||
left: currentScroll + scrollAmount,
|
||
behavior: \'smooth\'
|
||
});
|
||
}
|
||
});
|
||
});
|
||
}
|
||
|
||
// Initialize carousels when DOM is loaded
|
||
document.addEventListener(\'DOMContentLoaded\', initializeCarousels);
|
||
|
||
// Also initialize if DOM is already loaded
|
||
if (document.readyState === \'loading\') {
|
||
document.addEventListener(\'DOMContentLoaded\', initializeCarousels);
|
||
} else {
|
||
initializeCarousels();
|
||
}
|
||
</script>
|
||
|
||
</html>
|
||
';
|
||
|
||
echo $view;
|
||
?>
|