File Manager

Editing:about.php

<?php

require_once __DIR__ . '/../includes/config.php';
require_once __DIR__ . '/../includes/db.php';
require_once __DIR__ . '/../includes/functions.php';
$page = 'about';
$page_title = 'About Us';
require_once '../includes/header.php';
require_once '../includes/navbar.php';
$settings = get_settings();
?>

<main>

<section class="about-hero" style="background: var(--gradient-soft); padding: 100px 0; text-align: center;">
    <div class="container">
        <div class="section-subtitle">Our Story</div>
        <h1 style="font-size: 3.5rem; margin-bottom: 20px;">About <span style="color: var(--primary-rose-gold);">VELORA</span></h1>
        <p style="font-size: 1.1rem; color: var(--gray-700); max-width: 700px; margin: 0 auto;">
            Discover the story behind luxury online shopping redefined
        </p>
    </div>
</section>

<section style="padding: 80px 0;">
    <div class="container">
        <div class="row g-5 align-items-center">
            <div class="col-lg-6">
                <div style="background: var(--white); border-radius: 20px; padding: 40px; box-shadow: var(--shadow-md); position: relative; overflow: hidden;">
                    <div style="position: absolute; top: -50px; right: -50px; width: 200px; height: 200px; background: var(--gradient-rose); border-radius: 50%; opacity: 0.1;"></div>
                    <h2 style="font-size: 2.2rem; margin-bottom: 20px; font-style: italic; font-family: var(--font-luxury);">
                        "Where Luxury Meets Convenience"
                    </h2>
                    <p style="line-height: 1.8; color: var(--gray-700); margin-bottom: 20px;">
                        <?= $settings['about_us'] ?? 'VELORA is a premium online shopping platform dedicated to bringing you the finest products across multiple categories. We curate luxury items that combine elegance, quality, and functionality.' ?>
                    </p>
                    <p style="line-height: 1.8; color: var(--gray-700); margin: 0;">
                        Our mission is to provide an exceptional shopping experience that celebrates the art of premium living. From home decor to cutting-edge electronics, we bring the world's finest products to your fingertips.
                    </p>
                </div>
            </div>
            
            <div class="col-lg-6">
                <div class="row g-3">
                    <div class="col-6">
                        <div style="background: var(--white); border-radius: 16px; padding: 30px; box-shadow: var(--shadow-sm); text-align: center;">
                            <i class="fas fa-gem" style="font-size: 2.5rem; color: var(--primary-rose-gold); margin-bottom: 15px;"></i>
                            <h3 style="font-size: 2rem; margin-bottom: 5px;">100%</h3>
                            <p class="text-muted" style="margin: 0;">Premium Quality</p>
                        </div>
                    </div>
                    <div class="col-6">
                        <div style="background: var(--white); border-radius: 16px; padding: 30px; box-shadow: var(--shadow-sm); text-align: center;">
                            <i class="fas fa-users" style="font-size: 2.5rem; color: var(--primary-rose-gold); margin-bottom: 15px;"></i>
                            <h3 style="font-size: 2rem; margin-bottom: 5px;">50K+</h3>
                            <p class="text-muted" style="margin: 0;">Happy Customers</p>
                        </div>
                    </div>
                    <div class="col-6">
                        <div style="background: var(--white); border-radius: 16px; padding: 30px; box-shadow: var(--shadow-sm); text-align: center;">
                            <i class="fas fa-box" style="font-size: 2.5rem; color: var(--primary-rose-gold); margin-bottom: 15px;"></i>
                            <h3 style="font-size: 2rem; margin-bottom: 5px;">10K+</h3>
                            <p class="text-muted" style="margin: 0;">Products</p>
                        </div>
                    </div>
                    <div class="col-6">
                        <div style="background: var(--white); border-radius: 16px; padding: 30px; box-shadow: var(--shadow-sm); text-align: center;">
                            <i class="fas fa-award" style="font-size: 2.5rem; color: var(--primary-rose-gold); margin-bottom: 15px;"></i>
                            <h3 style="font-size: 2rem; margin-bottom: 5px;">15+</h3>
                            <p class="text-muted" style="margin: 0;">Awards Won</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section style="background: var(--white); padding: 80px 0;">
    <div class="container">
        <div class="text-center mb-5">
            <div class="section-subtitle">Our Values</div>
            <h2 style="font-size: 2.5rem;">What We <span style="color: var(--primary-rose-gold);">Stand For</span></h2>
        </div>
        
        <div class="row g-4">
            <div class="col-md-4">
                <div class="value-card" style="text-align: center; padding: 30px;">
                    <div style="width: 80px; height: 80px; background: var(--gradient-rose); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 1.8rem;">
                        <i class="fas fa-star"></i>
                    </div>
                    <h4>Excellence</h4>
                    <p style="color: var(--gray-600);">We strive for perfection in everything we do, from product selection to customer service.</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="value-card" style="text-align: center; padding: 30px;">
                    <div style="width: 80px; height: 80px; background: var(--gradient-rose); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 1.8rem;">
                        <i class="fas fa-handshake"></i>
                    </div>
                    <h4>Trust</h4>
                    <p style="color: var(--gray-600);">Building lasting relationships with our customers through transparency and reliability.</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="value-card" style="text-align: center; padding: 30px;">
                    <div style="width: 80px; height: 80px; background: var(--gradient-rose); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 1.8rem;">
                        <i class="fas fa-leaf"></i>
                    </div>
                    <h4>Sustainability</h4>
                    <p style="color: var(--gray-600);">Committed to ethical sourcing and sustainable practices for a better tomorrow.</p>
                </div>
            </div>
        </div>
    </div>
</section>

</main>

<?php require_once '../includes/footer.php'; ?>

Cancel

🤩 File Manager - Mr.X

Editing:about.php