BLACKSITE


	: 216.73.216.140
	: 199.188.200.160 / jeddahhousingltd.com
	: Linux server383.web-hosting.com 4.18.0-553.83.1.lve.el8.x86_64 #1 SMP Wed Nov 12 10:04:12 UTC 2025 x86_64
: /home/jeddveug/www/
files >> /home/jeddveug/www/about.php
 <?php
$page_title = 'About Us';
$meta_description = 'Learn about Jeddah Housing Ltd. — a visionary property developer dedicated to building thriving communities through quality, transparency, and sustainable urban planning.';
require_once 'includes/header.php';
?>

<!-- Page Header -->
<div class="hero-gradient pt-24 pb-16 relative overflow-hidden">
    <div class="absolute inset-0 opacity-10">
        <div class="absolute top-10 right-20 w-72 h-72 bg-gold-400 rounded-full filter blur-3xl animate-pulse"></div>
        <div class="absolute bottom-10 left-20 w-96 h-96 bg-primary-300 rounded-full filter blur-3xl animate-pulse" style="animation-delay: 1s;"></div>
    </div>
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10">
        <p class="text-gold-400 font-semibold text-sm tracking-widest uppercase mb-3 animate-on-scroll">Your Trust, Our Responsibility</p>
        <h1 class="text-3xl md:text-5xl font-bold text-white mb-4 animate-on-scroll" data-delay="0.1s">About Us</h1>
        <p class="text-primary-200 max-w-2xl mx-auto text-lg animate-on-scroll" data-delay="0.2s">At Jeddah Housing Ltd. we go beyond real estate development—we build communities, trust, and lasting legacies.</p>
    </div>
</div>

<!-- About Us Intro -->
<section class="py-20 bg-white">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="max-w-4xl mx-auto text-center animate-on-scroll">
            <p class="text-gold-400 font-semibold text-sm tracking-widest uppercase mb-3">About Us</p>
            <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-6">About Jeddah Housing Ltd.</h2>
            <p class="text-gray-500 leading-relaxed text-lg text-justify" style="text-align-last: center;">At Jeddah Housing Ltd. we go beyond real estate development—we build communities, trust, and lasting legacies. With a deep commitment to quality, transparency and sustainable urban planning, we create spaces where families thrive, businesses grow, and investments secure the future.</p>
        </div>
    </div>
</section>

<!-- Who We Are -->
<section class="py-20 bg-gray-50">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
            <div class="animate-on-scroll">
                <p class="text-gold-400 font-semibold text-sm tracking-widest uppercase mb-3">Discover</p>
                <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-6">Who We Are?</h2>
                <p class="text-gray-500 leading-relaxed text-lg">Jeddah Housing Ltd. is a visionary property developer dedicated to shaping well-planned residential and commercial communities. We understand that buying land isn't just a financial decision—it's a life-changing investment. That's why we ensure every project is legally secure, strategically located, and enriched with modern amenities to provide long-term value.</p>
            </div>
            <div class="animate-on-scroll" data-delay="0.2s">
                <div class="bg-gradient-to-br from-primary-600 to-primary-800 rounded-3xl p-10 text-white relative overflow-hidden">
                    <div class="absolute top-0 right-0 w-40 h-40 bg-gold-400/10 rounded-full filter blur-2xl"></div>
                    <div class="relative z-10">
                        <div class="w-16 h-16 bg-gold-400/20 rounded-2xl flex items-center justify-center mb-6">
                            <i class="fas fa-building text-gold-400 text-3xl"></i>
                        </div>
                        <div class="space-y-4">
                            <div class="flex items-center space-x-3">
                                <i class="fas fa-check-circle text-gold-400"></i>
                                <span class="text-primary-100">Legally Secure Properties</span>
                            </div>
                            <div class="flex items-center space-x-3">
                                <i class="fas fa-check-circle text-gold-400"></i>
                                <span class="text-primary-100">Strategic Locations</span>
                            </div>
                            <div class="flex items-center space-x-3">
                                <i class="fas fa-check-circle text-gold-400"></i>
                                <span class="text-primary-100">Modern Amenities</span>
                            </div>
                            <div class="flex items-center space-x-3">
                                <i class="fas fa-check-circle text-gold-400"></i>
                                <span class="text-primary-100">Long-term Value</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Mission & Vision -->
<section class="py-20 bg-white">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
            <!-- Mission -->
            <div class="bg-gradient-to-br from-primary-50 to-primary-100 rounded-3xl p-8 md:p-10 card-hover animate-on-scroll">
                <div class="w-16 h-16 bg-primary-600 rounded-2xl flex items-center justify-center mb-6">
                    <i class="fas fa-bullseye text-white text-2xl"></i>
                </div>
                <h3 class="text-2xl font-bold text-gray-800 mb-4">Our Mission</h3>
                <p class="text-gray-600 leading-relaxed">At Jeddah Housing Ltd., our mission is to build thriving communities by delivering high-quality, transparent, and sustainable urban developments. We are dedicated to creating spaces where families flourish, businesses prosper, and investments secure a better future.</p>
            </div>
            <!-- Vision -->
            <div class="bg-gradient-to-br from-gold-50 to-gold-100 rounded-3xl p-8 md:p-10 card-hover animate-on-scroll" data-delay="0.1s">
                <div class="w-16 h-16 bg-gold-400 rounded-2xl flex items-center justify-center mb-6">
                    <i class="fas fa-eye text-primary-900 text-2xl"></i>
                </div>
                <h3 class="text-2xl font-bold text-gray-800 mb-4">Our Vision</h3>
                <p class="text-gray-600 leading-relaxed">Our vision is to be the leading force in real estate development, renowned for our commitment to excellence, trust, and innovation. We aim to establish lasting legacies that enhance the quality of life and foster sustainable urban growth for generations to come.</p>
            </div>
        </div>
    </div>
</section>

<!-- Why Choose Us -->
<section class="py-20 hero-gradient text-white relative overflow-hidden">
    <div class="absolute inset-0 opacity-10">
        <div class="absolute top-0 right-0 w-96 h-96 bg-gold-400 rounded-full filter blur-3xl"></div>
        <div class="absolute bottom-0 left-0 w-72 h-72 bg-primary-300 rounded-full filter blur-3xl"></div>
    </div>
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
        <div class="text-center mb-14 animate-on-scroll">
            <p class="text-gold-400 font-semibold text-sm tracking-widest uppercase mb-3">Our Strengths</p>
            <h2 class="text-3xl md:text-4xl font-bold">Why Choose Us?</h2>
        </div>
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
            <div class="glass rounded-2xl p-8 card-hover animate-on-scroll">
                <div class="w-14 h-14 bg-gold-400/20 rounded-xl flex items-center justify-center mb-5">
                    <i class="fas fa-award text-gold-400 text-2xl"></i>
                </div>
                <h3 class="text-xl font-bold mb-3">Commitment to Quality</h3>
                <p class="text-primary-100 text-sm leading-relaxed">We ensure high standards in infrastructure, planning and community development.</p>
            </div>
            <div class="glass rounded-2xl p-8 card-hover animate-on-scroll" data-delay="0.1s">
                <div class="w-14 h-14 bg-gold-400/20 rounded-xl flex items-center justify-center mb-5">
                    <i class="fas fa-shield-alt text-gold-400 text-2xl"></i>
                </div>
                <h3 class="text-xl font-bold mb-3">Legally Secure Land</h3>
                <p class="text-primary-100 text-sm leading-relaxed">Plot is fully owned, registered and approved by the necessary authorities.</p>
            </div>
            <div class="glass rounded-2xl p-8 card-hover animate-on-scroll" data-delay="0.2s">
                <div class="w-14 h-14 bg-gold-400/20 rounded-xl flex items-center justify-center mb-5">
                    <i class="fas fa-map-marker-alt text-gold-400 text-2xl"></i>
                </div>
                <h3 class="text-xl font-bold mb-3">Prime Locations</h3>
                <p class="text-primary-100 text-sm leading-relaxed">We choose locations with strong growth potential and excellent connectivity.</p>
            </div>
            <div class="glass rounded-2xl p-8 card-hover animate-on-scroll" data-delay="0.3s">
                <div class="w-14 h-14 bg-gold-400/20 rounded-xl flex items-center justify-center mb-5">
                    <i class="fas fa-leaf text-gold-400 text-2xl"></i>
                </div>
                <h3 class="text-xl font-bold mb-3">Sustainable Development</h3>
                <p class="text-primary-100 text-sm leading-relaxed">Our projects integrate green spaces, wide roads and essential amenities.</p>
            </div>
            <div class="glass rounded-2xl p-8 card-hover animate-on-scroll" data-delay="0.4s">
                <div class="w-14 h-14 bg-gold-400/20 rounded-xl flex items-center justify-center mb-5">
                    <i class="fas fa-heart text-gold-400 text-2xl"></i>
                </div>
                <h3 class="text-xl font-bold mb-3">Customer Centric Approach</h3>
                <p class="text-primary-100 text-sm leading-relaxed">Your satisfaction and trust are at the heart of everything we do.</p>
            </div>
        </div>
    </div>
</section>
 

<!-- CTA Section -->
<section class="py-20 hero-gradient text-white relative overflow-hidden">
    <div class="absolute inset-0 opacity-10">
        <div class="absolute bottom-0 left-1/4 w-96 h-96 bg-gold-400 rounded-full filter blur-3xl"></div>
    </div>
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
        <div class="text-center max-w-3xl mx-auto animate-on-scroll">
            <h2 class="text-3xl md:text-4xl font-bold mb-6">Ready to Grow With Us?</h2>
            <p class="text-primary-100 text-lg mb-8">Join the growing community of homeowners and investors who trust Jeddah Housing Ltd. to secure their future.</p>
            <div class="flex flex-wrap justify-center gap-4">
                <a href="<?= baseUrl('contact.php') ?>" class="bg-gold-400 hover:bg-gold-500 text-primary-900 px-8 py-3.5 rounded-full font-semibold transition-all hover:shadow-lg hover:shadow-gold-400/25 text-sm inline-flex items-center">
                    <i class="fas fa-phone mr-2"></i> Contact Us
                </a>
                <a href="<?= baseUrl('/') ?>#offers" class="border-2 border-white/30 hover:border-gold-400 text-white hover:text-gold-400 px-8 py-3.5 rounded-full font-semibold transition-all text-sm inline-flex items-center">
                    <i class="fas fa-gift mr-2"></i> View Offers
                </a>
            </div>
        </div>
    </div>
</section>

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