{"id":232,"date":"2026-01-06T17:18:45","date_gmt":"2026-01-06T17:18:45","guid":{"rendered":"https:\/\/alkafaat.com.sa\/?p=232"},"modified":"2026-01-06T17:55:22","modified_gmt":"2026-01-06T17:55:22","slug":"alam-al-kafaat-general-contracting-company","status":"publish","type":"post","link":"https:\/\/alkafaat.com.sa\/index.php\/2026\/01\/06\/alam-al-kafaat-general-contracting-company\/","title":{"rendered":"Alam Al Kafaat General Contracting Company"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Al Kafaat General Contracting Company &#8211; Complete Construction Solutions<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');\n        \n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        :root {\n            --primary: #1e3c72;\n            --secondary: #2a5298;\n            --accent: #3b82f6;\n            --dark: #1a1a2e;\n            --light: #f8f9fa;\n            --white: #ffffff;\n            --gradient: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #3b82f6 100%);\n        }\n        \n        html {\n            scroll-behavior: smooth;\n        }\n        \n        body {\n            font-family: 'Poppins', sans-serif;\n            line-height: 1.6;\n            color: #333;\n            overflow-x: hidden;\n        }\n        \n        \/* Navigation *\/\n        nav {\n            position: fixed;\n            top: 0;\n            width: 100%;\n            background: rgba(30, 60, 114, 0.95);\n            backdrop-filter: blur(10px);\n            padding: 1rem 5%;\n            z-index: 1000;\n            box-shadow: 0 2px 20px rgba(0,0,0,0.1);\n            transition: all 0.3s;\n        }\n        \n        nav.scrolled {\n            padding: 0.5rem 5%;\n            background: rgba(30, 60, 114, 0.98);\n        }\n        \n        .nav-container {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            max-width: 1400px;\n            margin: 0 auto;\n        }\n        \n        .logo {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            color: white;\n            font-size: 1.5rem;\n            font-weight: 700;\n            text-decoration: none;\n        }\n        \n        .logo-text {\n            display: flex;\n            flex-direction: column;\n            line-height: 1.2;\n        }\n        \n        .logo-main {\n            font-size: 1.8rem;\n            letter-spacing: 2px;\n        }\n        \n        .logo-sub {\n            font-size: 0.7rem;\n            font-weight: 400;\n            opacity: 0.9;\n        }\n        \n        .nav-links {\n            display: flex;\n            list-style: none;\n            gap: 2rem;\n        }\n        \n        .nav-links a {\n            color: white;\n            text-decoration: none;\n            font-weight: 500;\n            transition: all 0.3s;\n            position: relative;\n            padding: 0.5rem 0;\n        }\n        \n        .nav-links a::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 0;\n            height: 2px;\n            background: white;\n            transition: width 0.3s;\n        }\n        \n        .nav-links a:hover::after {\n            width: 100%;\n        }\n        \n        .mobile-menu {\n            display: none;\n            color: white;\n            font-size: 1.5rem;\n            cursor: pointer;\n        }\n        \n        \/* Hero Section *\/\n        .hero {\n            height: 100vh;\n            background: var(--gradient);\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n        }\n        \n        .hero::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: url('data:image\/svg+xml,<svg width=\"100\" height=\"100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><defs><pattern id=\"grid\" width=\"50\" height=\"50\" patternUnits=\"userSpaceOnUse\"><path d=\"M 50 0 L 0 0 0 50\" fill=\"none\" stroke=\"white\" stroke-width=\"0.5\" opacity=\"0.1\"\/><\/pattern><\/defs><rect width=\"100\" height=\"100\" fill=\"url(%23grid)\"\/><\/svg>');\n            animation: gridMove 20s linear infinite;\n        }\n        \n        @keyframes gridMove {\n            0% { transform: translate(0, 0); }\n            100% { transform: translate(50px, 50px); }\n        }\n        \n        .hero-content {\n            text-align: center;\n            color: white;\n            z-index: 1;\n            max-width: 1200px;\n            padding: 2rem;\n        }\n        \n        .hero-title {\n            font-size: 4rem;\n            font-weight: 800;\n            margin-bottom: 1rem;\n            animation: fadeInUp 1s ease;\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n        }\n        \n        .hero-subtitle {\n            font-size: 1.5rem;\n            font-weight: 300;\n            margin-bottom: 2rem;\n            animation: fadeInUp 1s ease 0.2s both;\n            opacity: 0.95;\n        }\n        \n        .hero-buttons {\n            display: flex;\n            gap: 1rem;\n            justify-content: center;\n            animation: fadeInUp 1s ease 0.4s both;\n        }\n        \n        .btn {\n            padding: 1rem 2.5rem;\n            border: none;\n            border-radius: 50px;\n            font-size: 1rem;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s;\n            text-decoration: none;\n            display: inline-block;\n        }\n        \n        .btn-primary {\n            background: white;\n            color: var(--primary);\n        }\n        \n        .btn-primary:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 10px 30px rgba(255,255,255,0.3);\n        }\n        \n        .btn-secondary {\n            background: transparent;\n            color: white;\n            border: 2px solid white;\n        }\n        \n        .btn-secondary:hover {\n            background: white;\n            color: var(--primary);\n            transform: translateY(-3px);\n        }\n        \n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        .scroll-indicator {\n            position: absolute;\n            bottom: 30px;\n            left: 50%;\n            transform: translateX(-50%);\n            animation: bounce 2s infinite;\n        }\n        \n        .scroll-indicator i {\n            color: white;\n            font-size: 2rem;\n        }\n        \n        @keyframes bounce {\n            0%, 20%, 50%, 80%, 100% { transform: translateY(0) translateX(-50%); }\n            40% { transform: translateY(-20px) translateX(-50%); }\n            60% { transform: translateY(-10px) translateX(-50%); }\n        }\n        \n        \/* Stats Section *\/\n        .stats {\n            background: var(--dark);\n            padding: 4rem 5%;\n            color: white;\n        }\n        \n        .stats-container {\n            max-width: 1400px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 3rem;\n        }\n        \n        .stat-item {\n            text-align: center;\n            padding: 2rem;\n        }\n        \n        .stat-number {\n            font-size: 3.5rem;\n            font-weight: 800;\n            background: linear-gradient(135deg, #3b82f6, #60a5fa);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            margin-bottom: 0.5rem;\n        }\n        \n        .stat-label {\n            font-size: 1.1rem;\n            opacity: 0.9;\n        }\n        \n        \/* Section Styles *\/\n        section {\n            padding: 5rem 5%;\n        }\n        \n        .section-title {\n            text-align: center;\n            margin-bottom: 3rem;\n        }\n        \n        .section-title h2 {\n            font-size: 2.5rem;\n            color: var(--primary);\n            margin-bottom: 1rem;\n            position: relative;\n            display: inline-block;\n        }\n        \n        .section-title h2::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 4px;\n            background: var(--gradient);\n            border-radius: 2px;\n        }\n        \n        .section-title p {\n            color: #666;\n            font-size: 1.1rem;\n            max-width: 800px;\n            margin: 1.5rem auto 0;\n        }\n        \n        .container {\n            max-width: 1400px;\n            margin: 0 auto;\n        }\n        \n        \/* About Section *\/\n        .about-content {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 4rem;\n            align-items: center;\n        }\n        \n        .about-text h3 {\n            color: var(--primary);\n            font-size: 1.8rem;\n            margin-bottom: 1rem;\n        }\n        \n        .about-text p {\n            color: #555;\n            margin-bottom: 1.5rem;\n            text-align: justify;\n            line-height: 1.8;\n        }\n        \n        .about-features {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 1rem;\n            margin-top: 2rem;\n        }\n        \n        .feature-item {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            color: var(--secondary);\n            font-weight: 500;\n        }\n        \n        .about-image {\n            position: relative;\n        }\n        \n        .about-img-main {\n            width: 100%;\n            height: 500px;\n            background: var(--gradient);\n            border-radius: 20px;\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 20px 60px rgba(0,0,0,0.2);\n        }\n        \n        .about-img-main::before {\n            content: '\ud83c\udfd7\ufe0f';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            font-size: 8rem;\n            opacity: 0.3;\n        }\n        \n        \/* Services Section *\/\n        .services {\n            background: var(--light);\n        }\n        \n        .services-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n            gap: 2rem;\n        }\n        \n        .service-card {\n            background: white;\n            padding: 2.5rem;\n            border-radius: 15px;\n            transition: all 0.3s;\n            position: relative;\n            overflow: hidden;\n            border: 2px solid transparent;\n        }\n        \n        .service-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 5px;\n            background: var(--gradient);\n            transform: scaleX(0);\n            transition: transform 0.3s;\n        }\n        \n        .service-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n            border-color: var(--accent);\n        }\n        \n        .service-card:hover::before {\n            transform: scaleX(1);\n        }\n        \n        .service-icon {\n            font-size: 3rem;\n            margin-bottom: 1.5rem;\n            color: var(--secondary);\n        }\n        \n        .service-card h3 {\n            color: var(--primary);\n            font-size: 1.5rem;\n            margin-bottom: 1rem;\n        }\n        \n        .service-card p {\n            color: #666;\n            margin-bottom: 1rem;\n        }\n        \n        .service-list {\n            list-style: none;\n        }\n        \n        .service-list li {\n            padding: 0.5rem 0;\n            color: #555;\n            position: relative;\n            padding-left: 1.5rem;\n        }\n        \n        .service-list li::before {\n            content: '\u2713';\n            position: absolute;\n            left: 0;\n            color: var(--secondary);\n            font-weight: bold;\n        }\n        \n        \/* Industries Section *\/\n        .industries-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 2rem;\n        }\n        \n        .industry-card {\n            background: white;\n            padding: 2rem;\n            border-radius: 15px;\n            text-align: center;\n            transition: all 0.3s;\n            border: 2px solid #e9ecef;\n        }\n        \n        .industry-card:hover {\n            background: var(--gradient);\n            color: white;\n            transform: scale(1.05);\n            border-color: transparent;\n        }\n        \n        .industry-icon {\n            font-size: 3rem;\n            margin-bottom: 1rem;\n        }\n        \n        .industry-card h3 {\n            font-size: 1.3rem;\n            margin-bottom: 0.5rem;\n        }\n        \n        .industry-card:hover h3,\n        .industry-card:hover p {\n            color: white;\n        }\n        \n        \/* Why Choose Us *\/\n        .why-choose {\n            background: var(--dark);\n            color: white;\n        }\n        \n        .why-choose .section-title h2 {\n            color: white;\n        }\n        \n        .why-choose .section-title h2::after {\n            background: white;\n        }\n        \n        .why-choose .section-title p {\n            color: rgba(255,255,255,0.8);\n        }\n        \n        .features-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 2rem;\n        }\n        \n        .feature-card {\n            background: rgba(255,255,255,0.05);\n            padding: 2rem;\n            border-radius: 15px;\n            border: 1px solid rgba(255,255,255,0.1);\n            transition: all 0.3s;\n        }\n        \n        .feature-card:hover {\n            background: rgba(255,255,255,0.1);\n            transform: translateY(-5px);\n        }\n        \n        .feature-card i {\n            font-size: 2.5rem;\n            color: var(--accent);\n            margin-bottom: 1rem;\n        }\n        \n        .feature-card h3 {\n            font-size: 1.3rem;\n            margin-bottom: 1rem;\n        }\n        \n        \/* Contact Section *\/\n        .contact {\n            background: var(--light);\n        }\n        \n        .contact-container {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 4rem;\n        }\n        \n        .contact-info {\n            display: flex;\n            flex-direction: column;\n            gap: 2rem;\n        }\n        \n        .contact-item {\n            display: flex;\n            gap: 1.5rem;\n            align-items: flex-start;\n        }\n        \n        .contact-icon {\n            width: 60px;\n            height: 60px;\n            background: var(--gradient);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 1.5rem;\n            flex-shrink: 0;\n        }\n        \n        .contact-details h3 {\n            color: var(--primary);\n            margin-bottom: 0.5rem;\n        }\n        \n        .contact-details p {\n            color: #666;\n        }\n        \n        .contact-form {\n            background: white;\n            padding: 3rem;\n            border-radius: 15px;\n            box-shadow: 0 10px 40px rgba(0,0,0,0.1);\n        }\n        \n        .form-group {\n            margin-bottom: 1.5rem;\n        }\n        \n        .form-group label {\n            display: block;\n            margin-bottom: 0.5rem;\n            color: var(--primary);\n            font-weight: 500;\n        }\n        \n        .form-group input,\n        .form-group textarea {\n            width: 100%;\n            padding: 1rem;\n            border: 2px solid #e9ecef;\n            border-radius: 8px;\n            font-family: 'Poppins', sans-serif;\n            transition: all 0.3s;\n        }\n        \n        .form-group input:focus,\n        .form-group textarea:focus {\n            outline: none;\n            border-color: var(--accent);\n        }\n        \n        .form-group textarea {\n            resize: vertical;\n            min-height: 120px;\n        }\n        \n        .submit-btn {\n            width: 100%;\n            padding: 1rem;\n            background: var(--gradient);\n            color: white;\n            border: none;\n            border-radius: 8px;\n            font-size: 1.1rem;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s;\n        }\n        \n        .submit-btn:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 10px 30px rgba(59, 130, 246, 0.4);\n        }\n        \n        \/* Footer *\/\n        footer {\n            background: var(--dark);\n            color: white;\n            padding: 3rem 5%;\n        }\n        \n        .footer-container {\n            max-width: 1400px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 3rem;\n        }\n        \n        .footer-section h3 {\n            margin-bottom: 1.5rem;\n            font-size: 1.3rem;\n        }\n        \n        .footer-section p {\n            opacity: 0.8;\n            line-height: 1.8;\n        }\n        \n        .footer-links {\n            list-style: none;\n        }\n        \n        .footer-links li {\n            margin-bottom: 0.8rem;\n        }\n        \n        .footer-links a {\n            color: white;\n            text-decoration: none;\n            opacity: 0.8;\n            transition: all 0.3s;\n        }\n        \n        .footer-links a:hover {\n            opacity: 1;\n            padding-left: 5px;\n        }\n        \n        .social-links {\n            display: flex;\n            gap: 1rem;\n            margin-top: 1rem;\n        }\n        \n        .social-links a {\n            width: 40px;\n            height: 40px;\n            background: rgba(255,255,255,0.1);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            transition: all 0.3s;\n        }\n        \n        .social-links a:hover {\n            background: var(--accent);\n            transform: translateY(-3px);\n        }\n        \n        .footer-bottom {\n            text-align: center;\n            margin-top: 3rem;\n            padding-top: 2rem;\n            border-top: 1px solid rgba(255,255,255,0.1);\n            opacity: 0.8;\n        }\n        \n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            .nav-links {\n                display: none;\n            }\n            \n            .mobile-menu {\n                display: block;\n            }\n            \n            .hero-title {\n                font-size: 2.5rem;\n            }\n            \n            .hero-subtitle {\n                font-size: 1.2rem;\n            }\n            \n            .hero-buttons {\n                flex-direction: column;\n                align-items: center;\n            }\n            \n            .about-content,\n            .contact-container {\n                grid-template-columns: 1fr;\n            }\n            \n            .services-grid,\n            .industries-grid,\n            .features-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .stats-container {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- Navigation -->\n    <nav id=\"navbar\">\n        <div class=\"nav-container\">\n            <a href=\"#\" class=\"logo\">\n                <div class=\"logo-text\">\n                    <span class=\"logo-main\">AKG<\/span>\n                    <span class=\"logo-sub\">Al Kafaat General Contracting<\/span>\n                <\/div>\n            <\/a>\n            <ul class=\"nav-links\">\n                <li><a href=\"#home\">Home<\/a><\/li>\n                <li><a href=\"#about\">About<\/a><\/li>\n                <li><a href=\"#services\">Services<\/a><\/li>\n                <li><a href=\"#industries\">Industries<\/a><\/li>\n                <li><a href=\"#contact\">Contact<\/a><\/li>\n            <\/ul>\n            <div class=\"mobile-menu\">\n                <i class=\"fas fa-bars\"><\/i>\n            <\/div>\n        <\/div>\n    <\/nav>\n\n    <!-- Hero Section -->\n    <section class=\"hero\" id=\"home\">\n        <div class=\"hero-content\">\n            <h1 class=\"hero-title\">Building Saudi Arabia&#8217;s Future<\/h1>\n            <p class=\"hero-subtitle\">Complete Construction Solutions | Trading &#038; Contracting Excellence<\/p>\n            <div class=\"hero-buttons\">\n                <a href=\"#services\" class=\"btn btn-primary\">Our Services<\/a>\n                <a href=\"#contact\" class=\"btn btn-secondary\">Get in Touch<\/a>\n            <\/div>\n        <\/div>\n        <div class=\"scroll-indicator\">\n            <i class=\"fas fa-chevron-down\"><\/i>\n        <\/div>\n    <\/section>\n\n    <!-- Stats Section -->\n    <section class=\"stats\">\n        <div class=\"stats-container\">\n            <div class=\"stat-item\">\n                <div class=\"stat-number\">5+<\/div>\n                <div class=\"stat-label\">Years of Experience<\/div>\n            <\/div>\n            <div class=\"stat-item\">\n                <div class=\"stat-number\">10+<\/div>\n                <div class=\"stat-label\">Projects Completed<\/div>\n            <\/div>\n            <div class=\"stat-item\">\n                <div class=\"stat-number\">100%<\/div>\n                <div class=\"stat-label\">Saudi Owned<\/div>\n            <\/div>\n            <div class=\"stat-item\">\n                <div class=\"stat-number\">24\/7<\/div>\n                <div class=\"stat-label\">Support Available<\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- About Section -->\n    <section class=\"about\" id=\"about\">\n        <div class=\"container\">\n            <div class=\"section-title\">\n                <h2>About Al Kafaat<\/h2>\n                <p>Your Trusted Partner in Construction &#038; Industrial Solutions<\/p>\n            <\/div>\n            <div class=\"about-content\">\n                <div class=\"about-text\">\n                    <h3>Who We Are<\/h3>\n                    <p>\n                        Al Kafaat General Contracting Company is one of Saudi Arabia&#8217;s prestigious leading industrial trading and general contracting companies. We provide comprehensive industrial services across multiple sectors, delivering excellence in every project we undertake.\n                    <\/p>\n                    <p>\n                        As a fully Saudi-owned company, we are committed to contributing significantly to the infrastructure and economic advancement of Saudi Arabia. Our focus remains on delivering customer satisfaction while fostering long-term business relationships.\n                    <\/p>\n                    <div class=\"about-features\">\n                        <div class=\"feature-item\">\n                            <i class=\"fas fa-check-circle\"><\/i>\n                            <span>100% Saudi Owned<\/span>\n                        <\/div>\n                        <div class=\"feature-item\">\n                            <i class=\"fas fa-check-circle\"><\/i>\n                            <span>Aramco Certified<\/span>\n                        <\/div>\n                        <div class=\"feature-item\">\n                            <i class=\"fas fa-check-circle\"><\/i>\n                            <span>Quality First Approach<\/span>\n                        <\/div>\n                        <div class=\"feature-item\">\n                            <i class=\"fas fa-check-circle\"><\/i>\n                            <span>Multi-Sector Expertise<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"about-image\">\n                    <div class=\"about-img-main\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Services Section -->\n    <section class=\"services\" id=\"services\">\n        <div class=\"container\">\n            <div class=\"section-title\">\n                <h2>Our Core Services<\/h2>\n                <p>Comprehensive solutions for all your construction and industrial needs<\/p>\n            <\/div>\n            <div class=\"services-grid\">\n                <div class=\"service-card\">\n                    <div class=\"service-icon\"><i class=\"fas fa-building\"><\/i><\/div>\n                    <h3>Civil &#038; Construction<\/h3>\n                    <p>Complete construction and civil engineering services<\/p>\n                    <ul class=\"service-list\">\n                        <li>Industrial Building Construction<\/li>\n                        <li>Structural Works<\/li>\n                        <li>Site Development &#038; Earthworks<\/li>\n                        <li>Asphalt &#038; Concrete Paving<\/li>\n                        <li>Plastering &#038; Finishing<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"service-card\">\n                    <div class=\"service-icon\"><i class=\"fas fa-bolt\"><\/i><\/div>\n                    <h3>MEP Services<\/h3>\n                    <p>Advanced mechanical, electrical &#038; plumbing solutions<\/p>\n                    <ul class=\"service-list\">\n                        <li>Complete MEP Systems<\/li>\n                        <li>HVAC Installation<\/li>\n                        <li>Electrical Distribution<\/li>\n                        <li>Plumbing Systems<\/li>\n                        <li>Fire Fighting Systems<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"service-card\">\n                    <div class=\"service-icon\"><i class=\"fas fa-industry\"><\/i><\/div>\n                    <h3>Industrial Materials<\/h3>\n                    <p>High-quality materials from global manufacturers<\/p>\n                    <ul class=\"service-list\">\n                        <li>Structural Steel &#038; Materials<\/li>\n                        <li>Pipes, Fittings &#038; Valves<\/li>\n                        <li>Electrical Components<\/li>\n                        <li>Construction Materials<\/li>\n                        <li>Industrial Equipment<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"service-card\">\n                    <div class=\"service-icon\"><i class=\"fas fa-users\"><\/i><\/div>\n                    <h3>Manpower Supply<\/h3>\n                    <p>Qualified and certified workforce<\/p>\n                    <ul class=\"service-list\">\n                        <li>Engineers &#038; Supervisors<\/li>\n                        <li>Skilled Technicians<\/li>\n                        <li>Safety Officers<\/li>\n                        <li>QA\/QC Inspectors<\/li>\n                        <li>Project Management Teams<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"service-card\">\n                    <div class=\"service-icon\"><i class=\"fas fa-truck\"><\/i><\/div>\n                    <h3>Transportation &#038; Logistics<\/h3>\n                    <p>Complete supply chain solutions<\/p>\n                    <ul class=\"service-list\">\n                        <li>Heavy Equipment Transport<\/li>\n                        <li>Material Delivery<\/li>\n                        <li>Project Cargo Handling<\/li>\n                        <li>Warehousing Services<\/li>\n                        <li>Site Logistics<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div class=\"service-card\">\n                    <div class=\"service-icon\"><i class=\"fas fa-tools\"><\/i><\/div>\n                    <h3>Maintenance Services<\/h3>\n                    <p>Comprehensive technical support<\/p>\n                    <ul class=\"service-list\">\n                        <li>Preventive Maintenance<\/li>\n                        <li>Emergency Services<\/li>\n                        <li>Equipment Overhaul<\/li>\n                        <li>Spare Parts Supply<\/li>\n                        <li>24\/7 Technical Support<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Industries Section -->\n    <section class=\"industries\" id=\"industries\">\n        <div class=\"container\">\n            <div class=\"section-title\">\n                <h2>Industries We Serve<\/h2>\n                <p>Multi-sector expertise across Saudi Arabia<\/p>\n            <\/div>\n            <div class=\"industries-grid\">\n                <div class=\"industry-card\">\n                    <div class=\"industry-icon\">\u26a1<\/div>\n                    <h3>Power &#038; Utilities<\/h3>\n                    <p>Power Plants, Substations &#038; Water Treatment<\/p>\n                <\/div>\n                <div class=\"industry-card\">\n                    <div class=\"industry-icon\">\ud83c\udfd7\ufe0f<\/div>\n                    <h3>Construction<\/h3>\n                    <p>Commercial, Residential &#038; Infrastructure<\/p>\n                <\/div>\n                <div class=\"industry-card\">\n                    <div class=\"industry-icon\">\ud83c\udfed<\/div>\n                    <h3>Manufacturing<\/h3>\n                    <p>Steel Mills, Cement Plants &#038; Processing<\/p>\n                <\/div>\n                <div class=\"industry-card\">\n                    <div class=\"industry-icon\">\u2693<\/div>\n                    <h3>Marine &#038; Ports<\/h3>\n                    <p>Shipyards &#038; Port Facilities<\/p>\n                <\/div>\n                <div class=\"industry-card\">\n                    <div class=\"industry-icon\">\u26cf\ufe0f<\/div>\n                    <h3>Mining &#038; Metals<\/h3>\n                    <p>Mining Operations &#038; Metal Processing<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Why Choose Us Section -->\n    <section class=\"why-choose\">\n        <div class=\"container\">\n            <div class=\"section-title\">\n                <h2>Why Choose Al Kafaat?<\/h2>\n                <p>Your success is our mission &#8211; delivering excellence in every project<\/p>\n            <\/div>\n            <div class=\"features-grid\">\n                <div class=\"feature-card\">\n                    <i class=\"fas fa-award\"><\/i>\n                    <h3>Saudi Aramco Certified<\/h3>\n                    <p>Aramco-approved personnel and rigorous quality standards ensure world-class project execution.<\/p>\n                <\/div>\n                <div class=\"feature-card\">\n                    <i class=\"fas fa-shield-alt\"><\/i>\n                    <h3>Quality Assurance<\/h3>\n                    <p>Strict quality control with QA\/QC managers and inspectors on every project for guaranteed excellence.<\/p>\n                <\/div>\n                <div class=\"feature-card\">\n                    <i class=\"fas fa-clock\"><\/i>\n                    <h3>24\/7 Support<\/h3>\n                    <p>Round-the-clock technical support and emergency services to keep your projects running smoothly.<\/p>\n                <\/div>\n                <div class=\"feature-card\">\n                    <i class=\"fas fa-handshake\"><\/i>\n                    <h3>Trusted Partnership<\/h3>\n                    <p>Building long-term relationships through reliability, integrity, and customer satisfaction.<\/p>\n                <\/div>\n                <div class=\"feature-card\">\n                    <i class=\"fas fa-home\"><\/i>\n                    <h3>100% Saudi Owned<\/h3>\n                    <p>Proudly Saudi-owned company committed to contributing to the Kingdom&#8217;s growth and development.<\/p>\n                <\/div>\n                <div class=\"feature-card\">\n                    <i class=\"fas fa-cogs\"><\/i>\n                    <h3>Complete Solutions<\/h3>\n                    <p>All your construction, trading, and industrial needs under one roof for seamless project delivery.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Contact Section -->\n    <section class=\"contact\" id=\"contact\">\n        <div class=\"container\">\n            <div class=\"section-title\">\n                <h2>Get In Touch<\/h2>\n                <p>Ready to start your next project? Contact us today<\/p>\n            <\/div>\n            <div class=\"contact-container\">\n                <div class=\"contact-info\">\n                    <div class=\"contact-item\">\n                        <div class=\"contact-icon\">\n                            <i class=\"fas fa-map-marker-alt\"><\/i>\n                        <\/div>\n                        <div class=\"contact-details\">\n                            <h3>Our Location<\/h3>\n                            <p>Abqayq, Dammam<br>Kingdom of Saudi Arabia &#8211; 33414<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"contact-item\">\n                        <div class=\"contact-icon\">\n                            <i class=\"fas fa-phone\"><\/i>\n                        <\/div>\n                        <div class=\"contact-details\">\n                            <h3>Phone Number<\/h3>\n                            <p>+966 53 004 9143<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"contact-item\">\n                        <div class=\"contact-icon\">\n                            <i class=\"fas fa-envelope\"><\/i>\n                        <\/div>\n                        <div class=\"contact-details\">\n                            <h3>Email Address<\/h3>\n                            <p>info@alkafaat.com.sa<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"contact-item\">\n                        <div class=\"contact-icon\">\n                            <i class=\"fas fa-globe\"><\/i>\n                        <\/div>\n                        <div class=\"contact-details\">\n                            <h3>Website<\/h3>\n                            <p><blockquote class=\"wp-embedded-content\" data-secret=\"jEWRi9HVuP\"><a href=\"https:\/\/alkafaat.com.sa\/\">Home<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; visibility: hidden;\" title=\"&#8220;Home&#8221; &#8212; Alam Al Kafaat General Contracting Company\" src=\"https:\/\/alkafaat.com.sa\/embed\/#?secret=rMIl2sumh6#?secret=jEWRi9HVuP\" data-secret=\"jEWRi9HVuP\" width=\"500\" height=\"282\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"contact-item\">\n                        <div class=\"contact-icon\">\n                            <i class=\"fas fa-file-alt\"><\/i>\n                        <\/div>\n                        <div class=\"contact-details\">\n                            <h3>CR Number<\/h3>\n                            <p>2059104231<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"contact-form\">\n                    <h3 style=\"color: var(--primary); margin-bottom: 1.5rem;\">Send Us a Message<\/h3>\n                    <form>\n                        <div class=\"form-group\">\n                            <label for=\"name\">Full Name<\/label>\n                            <input type=\"text\" id=\"name\" placeholder=\"Your Name\" required>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label for=\"email\">Email Address<\/label>\n                            <input type=\"email\" id=\"email\" placeholder=\"your@email.com\" required>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label for=\"phone\">Phone Number<\/label>\n                            <input type=\"tel\" id=\"phone\" placeholder=\"+966 XX XXX XXXX\">\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label for=\"subject\">Subject<\/label>\n                            <input type=\"text\" id=\"subject\" placeholder=\"How can we help you?\" required>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label for=\"message\">Message<\/label>\n                            <textarea id=\"message\" placeholder=\"Tell us about your project...\" required><\/textarea>\n                        <\/div>\n                        <button type=\"submit\" class=\"submit-btn\">Send Message<\/button>\n                    <\/form>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Footer -->\n    <footer>\n        <div class=\"footer-container\">\n            <div class=\"footer-section\">\n                <h3>About AKG<\/h3>\n                <p>Al Kafaat General Contracting Company &#8211; Your trusted partner for complete construction solutions, industrial trading, and contracting excellence across Saudi Arabia.<\/p>\n                <div class=\"social-links\">\n                    <a href=\"#\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n                    <a href=\"#\"><i class=\"fab fa-twitter\"><\/i><\/a>\n                    <a href=\"#\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n                    <a href=\"#\"><i class=\"fab fa-instagram\"><\/i><\/a>\n                <\/div>\n            <\/div>\n            <div class=\"footer-section\">\n                <h3>Quick Links<\/h3>\n                <ul class=\"footer-links\">\n                    <li><a href=\"#home\">Home<\/a><\/li>\n                    <li><a href=\"#about\">About Us<\/a><\/li>\n                    <li><a href=\"#services\">Our Services<\/a><\/li>\n                    <li><a href=\"#industries\">Industries<\/a><\/li>\n                    <li><a href=\"#contact\">Contact Us<\/a><\/li>\n                <\/ul>\n            <\/div>\n            <div class=\"footer-section\">\n                <h3>Our Services<\/h3>\n                <ul class=\"footer-links\">\n                    <li><a href=\"#services\">Civil &#038; Construction<\/a><\/li>\n                    <li><a href=\"#services\">MEP Services<\/a><\/li>\n                    <li><a href=\"#services\">Industrial Materials<\/a><\/li>\n                    <li><a href=\"#services\">Manpower Supply<\/a><\/li>\n                    <li><a href=\"#services\">Transportation &#038; Logistics<\/a><\/li>\n                <\/ul>\n            <\/div>\n            <div class=\"footer-section\">\n                <h3>Contact Info<\/h3>\n                <ul class=\"footer-links\">\n                    <li><i class=\"fas fa-map-marker-alt\"><\/i> Abqayq, Dammam, KSA<\/li>\n                    <li><i class=\"fas fa-phone\"><\/i> +966 53 004 9143<\/li>\n                    <li><i class=\"fas fa-envelope\"><\/i> info@alkafaat.com.sa<\/li>\n                    <li><i class=\"fas fa-globe\"><\/i> alkafaat.com.sa<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n        <div class=\"footer-bottom\">\n            <p>&copy; 2025 Al Kafaat General Contracting Company. All Rights Reserved. | CR: 2059104231<\/p>\n        <\/div>\n    <\/footer>\n\n    <script>\n        \/\/ Navbar scroll effect\n        window.addEventListener('scroll', function() {\n            const navbar = document.getElementById('navbar');\n            if (window.scrollY > 50) {\n                navbar.classList.add('scrolled');\n            } else {\n                navbar.classList.remove('scrolled');\n            }\n        });\n\n        \/\/ Smooth scroll for navigation links\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    target.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }\n            });\n        });\n\n        \/\/ Form submission handler\n        document.querySelector('.contact-form form').addEventListener('submit', function(e) {\n            e.preventDefault();\n            alert('Thank you for your message! We will get back to you soon.');\n            this.reset();\n        });\n\n        \/\/ Animate elements on scroll\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        };\n\n        const observer = new IntersectionObserver(function(entries) {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.style.opacity = '1';\n                    entry.target.style.transform = 'translateY(0)';\n                }\n            });\n        }, observerOptions);\n\n        \/\/ Observe all cards and sections\n        document.querySelectorAll('.service-card, .industry-card, .feature-card').forEach(el => {\n            el.style.opacity = '0';\n            el.style.transform = 'translateY(30px)';\n            el.style.transition = 'all 0.6s ease';\n            observer.observe(el);\n        });\n    <\/script>\n\n<\/body>\n<\/html> class=&#8221;industry-icon&#8221;>\ud83d\udee2\ufe0f<\/div>\n                    <h3>Oil &#038; Gas<\/h3>\n                    <p>Refineries, Petrochemicals &#038; Pipeline Projects<\/p>\n                <\/div>\n                <div class=\"industry-card\">\n                    <div\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Al Kafaat General Contracting Company &#8211; Complete Construction Solutions AKG Al Kafaat General Contracting Home About Services Industries Contact Building Saudi Arabia&#8217;s Future Complete Construction Solutions | Trading &#038; Contracting<\/p>\n<p><a href=\"https:\/\/alkafaat.com.sa\/index.php\/2026\/01\/06\/alam-al-kafaat-general-contracting-company\/\" class=\"more-link\">Continue Reading<span class=\"screen-reader-text\">Alam Al Kafaat General Contracting Company<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-232","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/alkafaat.com.sa\/index.php\/wp-json\/wp\/v2\/posts\/232","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alkafaat.com.sa\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alkafaat.com.sa\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alkafaat.com.sa\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alkafaat.com.sa\/index.php\/wp-json\/wp\/v2\/comments?post=232"}],"version-history":[{"count":2,"href":"https:\/\/alkafaat.com.sa\/index.php\/wp-json\/wp\/v2\/posts\/232\/revisions"}],"predecessor-version":[{"id":236,"href":"https:\/\/alkafaat.com.sa\/index.php\/wp-json\/wp\/v2\/posts\/232\/revisions\/236"}],"wp:attachment":[{"href":"https:\/\/alkafaat.com.sa\/index.php\/wp-json\/wp\/v2\/media?parent=232"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alkafaat.com.sa\/index.php\/wp-json\/wp\/v2\/categories?post=232"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alkafaat.com.sa\/index.php\/wp-json\/wp\/v2\/tags?post=232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}