<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Asset Construct - Office Building Construction Specialist</title>
    <meta name="description" content="Asset Construct, your trusted partner for the construction and renovation of office buildings in Belgium. 25 years of expertise in creating exceptional workspaces.">
    
    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
    
    <!-- CSS -->
    <link rel="stylesheet" href="css/style_modern.css">
    
    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🏗️</text></svg>">
    
    <!-- Meta Tags for SEO -->
    <meta property="og:title" content="Asset Construct - Office Building Construction Specialist">
    <meta property="og:description" content="Specialists in construction and renovation of office buildings in Belgium. We create exceptional workspaces with 25 years of expertise.">
    <meta property="og:type" content="website">
    <meta name="twitter:card" content="summary_large_image">
    
    <!-- Preload critical resources -->
    <link rel="preload" href="css/style_modern.css" as="style">
    <link rel="preload" href="js/script_modern.js" as="script">
</head>
<body>
    <!-- Navigation -->
    <nav class="navbar" id="navbar">
        <div class="nav-container">
            <div class="nav-logo">
                <h2>Asset Construct</h2>
            </div>
            <ul class="nav-menu" id="nav-menu">
                <li><a href="#home" class="nav-link">Home</a></li>
                <li><a href="#services" class="nav-link">Services</a></li>
                <li><a href="#projects" class="nav-link">Projects</a></li>
                <li><a href="#contact" class="nav-link">Contact</a></li>
            </ul>
            <div class="nav-cta">
                <a href="#contact" class="btn-primary">Contact Us</a>
            </div>
            <div class="hamburger" id="hamburger">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </nav>

    <!-- Hero Section -->
    <section id="home" class="hero">
        <div class="hero-background">
            <div class="hero-overlay"></div>
            <img src="images/hero-construction.jpg" alt="Modern office building construction site with crane and steel framework" class="hero-image">
        </div>
        <div class="hero-content">
            <div class="container">
                <div class="hero-text">
                    <h1 class="hero-title">
                        <span class="title-line">We Build Your</span>
                        <span class="title-line">Exceptional</span>
                        <span class="title-line">Workspaces</span>
                    </h1>
                    <p class="hero-subtitle">
                        Specialists in the construction and renovation of office buildings in Belgium. 
                        We transform your projects into remarkable architectural realities with cutting-edge design and sustainable solutions.
                    </p>
                    <div class="hero-stats">
                        <div class="stat-item">
                            <span class="stat-number" data-target="20">0</span>
                            <span class="stat-label">+ Projects Completed</span>
                        </div>
                        <div class="stat-item">
                            <span class="stat-number" data-target="25">0</span>
                            <span class="stat-label">Years of Combined Expertise</span>
                        </div>
                        <div class="stat-item">
                            <span class="stat-number" data-target="98">0</span>
                            <span class="stat-label">% Customer Satisfaction</span>
                        </div>
                    </div>
                    <div class="hero-buttons">
                        <a href="#services" class="btn-primary">
                            <i class="fas fa-arrow-right"></i>
                            Discover Our Services
                        </a>
                        <a href="#projects" class="btn-secondary">
                            <i class="fas fa-eye"></i>
                            View Our Projects
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="scroll-indicator">
            <div class="scroll-arrow">
                <i class="fas fa-chevron-down"></i>
            </div>
        </div>
    </section>

    <!-- Services Section -->
    <section id="services" class="services">
        <div class="container">
            <div class="section-header">
                <span class="section-subtitle">Our Expertise</span>
                <h2 class="section-title">Complete Services for Your Office Buildings</h2>
                <p class="section-description">
                    From initial design to final delivery, we provide comprehensive support for all your construction 
                    and renovation projects, creating professional workspaces that inspire productivity and innovation.
                </p>
            </div>
            
            <div class="services-grid">
                            
                <div class="service-card" data-aos="fade-up" data-aos-delay="200">
                    <div class="service-icon">
                        <i class="fas fa-tools"></i>
                    </div>
                    <h3>Complete Renovation</h3>
                    <p>Comprehensive transformation and modernization of existing buildings. Energy efficiency upgrades, compliance updates and intelligent space optimization for modern work environments.</p>
                    <ul class="service-features">
                        <li>Energy Efficiency Renovation</li>
                        <li>Building Code Compliance</li>
                        <li>Smart Space Optimization</li>
                        <li>Technology Integration</li>
                    </ul>
                </div>
                
                <div class="service-card" data-aos="fade-up" data-aos-delay="300">
                    <div class="service-icon">
                        <i class="fas fa-drafting-compass"></i>
                    </div>
                    <h3>Interior Design</h3>
                    <p>Innovative design and layout of modern office spaces. Open collaborative areas, private offices, meeting rooms and flexible workspaces that adapt to evolving business needs.</p>
                    <ul class="service-features">
                        <li>Contemporary Interior Design</li>
                        <li>Collaborative Work Environments</li>
                        <li>Custom Furniture Solutions</li>
                        <li>Flexible Space Planning</li>
                    </ul>
                </div>
                
                <div class="service-card" data-aos="fade-up" data-aos-delay="400">
                    <div class="service-icon">
                        <i class="fas fa-cogs"></i>
                    </div>
                    <h3>Technical Maintenance</h3>
                    <p>Comprehensive preventive and corrective maintenance services. Centralized technical management, energy optimization and smart building systems for optimal performance.</p>
                    <ul class="service-features">
                        <li>Preventive Maintenance Programs</li>
                        <li>Centralized Technical Management</li>
                        <li>Energy Optimization Systems</li>
                        <li>Smart Building Integration</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- Process Section -->
    <section class="process">
        <div class="container">
            <div class="section-header">
                <span class="section-subtitle">Our Methodology</span>
                <h2 class="section-title">A Proven 4-Step Process</h2>
                <p class="section-description">
                    Our systematic approach ensures project success from conception to completion, 
                    delivering exceptional results on time and within budget.
                </p>
            </div>
            
            <div class="process-timeline">
                <div class="process-step" data-aos="fade-right" data-aos-delay="100">
                    <div class="step-number">01</div>
                    <div class="step-content">
                        <h3>Analysis & Design</h3>
                        <p>Comprehensive analysis of your requirements, detailed feasibility studies and innovative architectural design perfectly aligned with your business objectives and vision.</p>
                    </div>
                </div>
                
                <div class="process-step" data-aos="fade-left" data-aos-delay="200">
                    <div class="step-number">02</div>
                    <div class="step-content">
                        <h3>Planning & Permits</h3>
                        <p>Detailed project planning, timeline development and efficient acquisition of all necessary permits, licenses and regulatory approvals for seamless project execution.</p>
                    </div>
                </div>
                
                <div class="process-step" data-aos="fade-right" data-aos-delay="300">
                    <div class="step-number">03</div>
                    <div class="step-content">
                        <h3>Construction</h3>
                        <p>Professional execution of construction work with continuous quality monitoring, safety compliance and strict adherence to agreed timelines and specifications.</p>
                    </div>
                </div>
                
                <div class="process-step" data-aos="fade-left" data-aos-delay="400">
                    <div class="step-number">04</div>
                    <div class="step-content">
                        <h3>Delivery & Support</h3>
                        <p>Final inspection, project handover, comprehensive documentation delivery and ongoing post-completion support to ensure your complete satisfaction.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Projects Section -->
    <section id="projects" class="projects">
        <div class="container">
            <div class="section-header">
                <span class="section-subtitle">Our Portfolio</span>
                <h2 class="section-title">Projects That Define Excellence</h2>
                <p class="section-description">
                    Explore our most prestigious achievements in office real estate construction, 
                    showcasing innovation, quality and architectural excellence across Belgium.
                </p>
            </div>
            
            <div class="projects-grid">
                <div class="project-card" data-aos="zoom-in" data-aos-delay="100">
                    <div class="project-image">
                        <img src="images/office-construction-1.jpg" alt="European Defence Agency - Multiple construction projects">
                        <div class="project-overlay">
                            <div class="project-info">
                                <h3>European Defence Agency</h3>
                                <p>Brussels</p>
                                <span class="project-type">Multiple Projects</span>
                            </div>
                        </div>
                    </div>
                    <div class="project-details">
                        <h3>European Defence Agency</h3>
                        <p>Multiple construction and renovation projects for the European Defence Agency, including office spaces, meeting facilities and specialized technical areas with high security requirements.</p>
                        <div class="project-stats">
                            <span><i class="fas fa-building"></i> Multiple Projects</span>
                            <span><i class="fas fa-shield-alt"></i> High Security</span>
                            <span><i class="fas fa-calendar"></i> 2023-2024</span>
                            <span><i class="fas fa-award"></i> Government Contract</span>
                        </div>
                    </div>
                </div>
                
                <div class="project-card" data-aos="zoom-in" data-aos-delay="200">
                    <div class="project-image">
                        <img src="images/office-construction-2.jpg" alt="Greensquare - Modern office complex in Zaventem">
                        <div class="project-overlay">
                            <div class="project-info">
                                <h3>Greensquare</h3>
                                <p>Zaventem</p>
                                <span class="project-type">Office Complex</span>
                            </div>
                        </div>
                    </div>
                    <div class="project-details">
                        <h3>Greensquare Office Complex</h3>
                        <p>Modern office complex development in Zaventem featuring sustainable design, energy-efficient systems and contemporary workspace solutions for multiple tenants.</p>
                        <div class="project-stats">
                            <span><i class="fas fa-leaf"></i> Sustainable Design</span>
                            <span><i class="fas fa-building"></i> Multi-tenant</span>
                            <span><i class="fas fa-calendar"></i> 2023</span>
                            <span><i class="fas fa-star"></i> Premium Location</span>
                        </div>
                    </div>
                </div>
                
                <div class="project-card" data-aos="zoom-in" data-aos-delay="300">
                    <div class="project-image">
                        <img src="images/office-construction-3.jpg" alt="Allianz Belgium - 3000m² painting project">
                        <div class="project-overlay">
                            <div class="project-info">
                                <h3>Allianz Belgium</h3>
                                <p>Brussels</p>
                                <span class="project-type">Renovation</span>
                            </div>
                        </div>
                    </div>
                    <div class="project-details">
                        <h3>Allianz Belgium </h3>
                        <p>Comprehensive 3,000 m² painting and renovation project for Allianz Belgium premises, including interior and exterior work with premium finishes and corporate branding integration.</p>
                        <div class="project-stats">
                            <span><i class="fas fa-paint-roller"></i> 3,000 m² Painting</span>
                            <span><i class="fas fa-building"></i> Corporate</span>
                            <span><i class="fas fa-calendar"></i> 2024</span>
                            <span><i class="fas fa-award"></i> Premium Finishes</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>



    <!-- Contact Section -->
    <section id="contact" class="contact">
        <div class="container">
            <div class="section-header">
                <span class="section-subtitle">Get In Touch</span>
                <h2 class="section-title">Let's Start Your Project Together</h2>
                <p class="section-description">
                    Ready to transform your workspace? Contact us for a free consultation and discover 
                    how we can bring your vision to life with our expertise and innovative solutions.
                </p>
            </div>
            
            <div class="contact-content">
                <div class="contact-form-container" data-aos="fade-right">
                    <form class="contact-form">
                        <div class="form-group">
                            <input type="text" placeholder="Full Name" required aria-label="Full Name">
                            <input type="email" placeholder="Email Address" required aria-label="Email Address">
                        </div>
                        <div class="form-group">
                            <input type="text" placeholder="Subject" required aria-label="Subject">
                        </div>
                        <div class="form-group">
                            <textarea placeholder="Tell us about your project..." required aria-label="Project Description"></textarea>
                        </div>
                        <button type="submit" class="btn-primary">
                            <i class="fas fa-paper-plane"></i>
                            Send Message
                        </button>
                    </form>
                </div>
                
                <div class="contact-info-container" data-aos="fade-left">
                    <div class="contact-info-item">
                        <div class="info-icon"><i class="fas fa-map-marker-alt"></i></div>
                        <div class="info-text">
                            <h4>Our Location</h4>
                            <p>Asset Construct Belgium BV<br>Leuvensesteenweg 392<br>1932 Zaventem, Belgium</p>
                        </div>
                    </div>
                    <div class="contact-info-item">
                        <div class="info-icon"><i class="fas fa-phone"></i></div>
                        <div class="info-text">
                            <h4>Phone Number</h4>
                            <p>+32 472 89 84 54</p>
                        </div>
                    </div>
                    <div class="contact-info-item">
                        <div class="info-icon"><i class="fas fa-envelope"></i></div>
                        <div class="info-text">
                            <h4>Email Address</h4>
                            <p>Frederic.m@assetconstruct.com</p>
                        </div>
                    </div>
                    <div class="contact-info-item">
                        <div class="info-icon"><i class="fas fa-clock"></i></div>
                        <div class="info-text">
                            <h4>Business Hours</h4>
                            <p>Monday - Friday: 8:00 AM - 6:00 PM<br>Saturday: 9:00 AM - 12:00 PM</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h4>Asset Construct</h4>
                    <p>Your trusted partner for office building construction and renovation. Creating exceptional workspaces that inspire productivity and innovation.</p>
                    <div class="footer-social">
                        <a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin"></i></a>
                        <a href="#" aria-label="Facebook"><i class="fab fa-facebook"></i></a>
                        <a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
                        <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    </div>
                </div>
                
                <div class="footer-section">
                    <h4>Quick Links</h4>
                    <ul>
                        <li><a href="#home">Home</a></li>
                        <li><a href="#services">Services</a></li>
                        <li><a href="#projects">Projects</a></li>
                        <li><a href="#contact">Contact</a></li>
                    </ul>
                </div>
                
                <div class="footer-section">
                    <h4>Services</h4>
                    <ul>
                        <li><a href="#services">New Construction</a></li>
                        <li><a href="#services">Complete Renovation</a></li>
                        <li><a href="#services">Interior Design</a></li>
                        <li><a href="#services">Technical Maintenance</a></li>
                    </ul>
                </div>
                
                <div class="footer-section">
                    <h4>Contact Info</h4>
                    <div class="footer-contact">
                        <p><i class="fas fa-map-marker-alt"></i> Leuvensesteenweg 392, Zaventem</p>
                        <p><i class="fas fa-phone"></i> +32 472 89 84 54</p>
                        <p><i class="fas fa-envelope"></i> Frederic.m@assetconstruct.com</p>
                    </div>
                </div>
            </div>
            
            <div class="footer-bottom">
                <p>&copy; 2024 Asset Construct. All rights reserved. | Privacy Policy | Terms of Service</p>
            </div>
        </div>
    </footer>

    <!-- JavaScript -->
    <script src="js/script_modern.js"></script>
    
    <!-- Schema.org structured data -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "Asset Construct",
        "description": "Specialists in construction and renovation of office buildings in Belgium",
        "url": "https://asset-construct.be",
        "logo": "https://asset-construct.be/logo.png",
        "contactPoint": {
            "@type": "ContactPoint",
            "telephone": "+32-2-123-45-67",
            "contactType": "customer service",
            "areaServed": "BE",
            "availableLanguage": ["English", "French", "Dutch"]
        },
        "address": {
            "@type": "PostalAddress",
            "streetAddress": "Innovation Street, 123",
            "addressLocality": "Brussels",
            "postalCode": "1000",
            "addressCountry": "BE"
        },
        "sameAs": [
            "https://linkedin.com/company/asset-construct",
            "https://facebook.com/asset-construct"
        ]
    }
    </script>
</body>
</html>
