110 lines
4.6 KiB
PHP
110 lines
4.6 KiB
PHP
<?php
|
|
declare(strict_types=1);
|
|
require_once __DIR__ . '/includes/data.php';
|
|
|
|
$lang = 'en';
|
|
$site = site_config($lang);
|
|
$products = get_products($lang);
|
|
?>
|
|
<?php require __DIR__ . '/includes/header.php'; ?>
|
|
|
|
<main class="skincare-landing">
|
|
<!-- 1. Hero Section -->
|
|
<section class="hero-section py-5 d-flex align-items-center" style="background: #FFF5F7; min-height: 80vh;">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-6">
|
|
<h1 class="display-2 fw-bold" style="color: #D4AF37;">Lumière Whitening</h1>
|
|
<p class="lead mb-4 text-secondary">Revolutionizing skincare through advanced bio-luminescence science. Reveal your inner radiance with our luxury whitening solutions.</p>
|
|
<a class="btn btn-lg" style="background: #D4AF37; color: white;" href="/products.php">Discover Collection</a>
|
|
</div>
|
|
<div class="col-lg-6 text-center">
|
|
<img src="/assets/images/product-street.svg" class="img-fluid rounded-circle shadow-lg" alt="Whitening Skincare">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 2. Core Advantages -->
|
|
<section class="py-5 bg-white">
|
|
<div class="container text-center">
|
|
<h2 class="mb-5">Our Luxury Advantages</h2>
|
|
<div class="row g-4">
|
|
<div class="col-md-3"><div class="p-4 border rounded"><i class="bi bi-gem fs-1 text-pink"></i><h4>Purity</h4></div></div>
|
|
<div class="col-md-3"><div class="p-4 border rounded"><i class="bi bi-shield-check fs-1 text-pink"></i><h4>Science-Backed</h4></div></div>
|
|
<div class="col-md-3"><div class="p-4 border rounded"><i class="bi bi-flower1 fs-1 text-pink"></i><h4>Organic</h4></div></div>
|
|
<div class="col-md-3"><div class="p-4 border rounded"><i class="bi bi-star fs-1 text-pink"></i><h4>Premium Quality</h4></div></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 3. Product Showcase -->
|
|
<section class="py-5" style="background: #F9FAFB;">
|
|
<div class="container">
|
|
<h2 class="text-center mb-5">Signature Collection</h2>
|
|
<div class="row g-4">
|
|
<?php foreach (array_slice($products, 0, 3) as $product): ?>
|
|
<div class="col-md-4">
|
|
<div class="card border-0 shadow-sm h-100">
|
|
<img src="<?= $product['image'] ?>" class="card-img-top" alt="<?= $product['name'] ?>">
|
|
<div class="card-body text-center"><h5><?= $product['name'] ?></h5><p class="text-secondary"><?= $product['description'] ?></p></div>
|
|
</div>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 4. Technology -->
|
|
<section class="py-5 bg-white">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-6"><img src="/assets/images/factory-floor.svg" class="img-fluid" alt="Tech"></div>
|
|
<div class="col-lg-6"><h2>Advanced Whitening Tech</h2><p>Our proprietary enzyme-activation technology targets melanin at the source, ensuring visible brightness with zero irritation.</p></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 5. Before/After -->
|
|
<section class="py-5 text-center" style="background: #FFF5F7;">
|
|
<div class="container">
|
|
<h2 class="mb-5">The Visible Transformation</h2>
|
|
<div class="row">
|
|
<div class="col-md-6"><img src="/assets/images/product-highbay.svg" class="img-fluid" alt="Before"><p>Before</p></div>
|
|
<div class="col-md-6"><img src="/assets/images/product-tri.svg" class="img-fluid" alt="After"><p>After 28 Days</p></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 6. Reviews -->
|
|
<section class="py-5 bg-white">
|
|
<div class="container">
|
|
<h2 class="text-center mb-5">Client Praise</h2>
|
|
<div class="row g-4">
|
|
<?php for($i=0; $i<3; $i++): ?>
|
|
<div class="col-md-4"><div class="p-4 border rounded shadow-sm">"Absolutely stunning results. My skin has never felt this luminous." <br><b>- Sarah L.</b></div></div>
|
|
<?php endfor; ?>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 7. Knowledge & 8. About -->
|
|
<section class="py-5 bg-light">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-6"><h3>Expert Skincare Knowledge</h3><p>Understanding the science behind whitening...</p></div>
|
|
<div class="col-md-6"><h3>Our Heritage</h3><p>Founded by cosmetic scientists in 2010...</p></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 9. Contact -->
|
|
<section class="py-5 text-center">
|
|
<div class="container">
|
|
<h2>Connect With Beauty</h2>
|
|
<a href="/contact.php" class="btn btn-outline-dark">Schedule Consultation</a>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<?php require __DIR__ . '/includes/footer.php'; ?>
|