{"id":304,"date":"2025-10-28T12:00:52","date_gmt":"2025-10-28T12:00:52","guid":{"rendered":"https:\/\/spirits.themirrorful.com\/?page_id=304"},"modified":"2026-01-11T08:50:05","modified_gmt":"2026-01-11T08:50:05","slug":"about-us","status":"publish","type":"page","link":"https:\/\/spirits.themirrorful.com\/en\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\n<section\n    class=\"breadcrumb-section position-relative bg-img\"\n            style=\"background-image: url('https:\/\/spirits.themirrorful.com\/app\/uploads\/2025\/10\/breadcrumb-scaled.jpg');\"\n    >\n    <div class=\"overlay gradient\"><\/div>\n    <div class=\"spacer-100\"><\/div>\n    <div class=\"spacer-40 d-none d-md-block\"><\/div>\n    <div class=\"container position-relative z-index-9\">\n                    <h1 class=\"text-white h3 mb-0\">About Us<\/h1>\n        \n                    <div class=\"spacer-15\"><\/div>\n            <div class=\"breadcrumb\">\n                <div class=\"links\">\n                                                                                                <a\n                                class=\"font-16 text-white normal\"\n                                href=\"\/en\"\n                            >\n                                Home                            <\/a>\n                                                            <span class=\"mx-1 mx-md-2\">\n                                    <svg class=\"svg-arrow\" width=\"6\" height=\"13\" viewBox=\"0 0 6 13\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                        <path d=\"M5.46852 9.53674e-06C5.39898 -0.000403404 5.33004 0.013257 5.26566 0.0402079C5.20128 0.0671597 5.14272 0.106872 5.09335 0.157065L0.776207 4.58173C0.53016 4.83326 0.334949 5.13208 0.201755 5.46106C0.0685607 5.79004 0 6.14272 0 6.4989C0 6.85507 0.0685607 7.20775 0.201755 7.53673C0.334949 7.86571 0.53016 8.16453 0.776207 8.41607L5.09335 12.8407C5.14262 12.8912 5.20111 12.9313 5.26548 12.9586C5.32985 12.9859 5.39885 13 5.46852 13C5.5382 13 5.60719 12.9859 5.67156 12.9586C5.73594 12.9313 5.79443 12.8912 5.8437 12.8407C5.89296 12.7902 5.93205 12.7303 5.95871 12.6643C5.98537 12.5983 5.9991 12.5276 5.9991 12.4562C5.9991 12.3848 5.98537 12.3141 5.95871 12.2481C5.93205 12.1821 5.89296 12.1222 5.8437 12.0717L1.52655 7.64703C1.22969 7.3424 1.06295 6.92945 1.06295 6.4989C1.06295 6.06834 1.22969 5.6554 1.52655 5.35076L5.8437 0.9261C5.89322 0.875753 5.93253 0.815856 5.95936 0.74986C5.98619 0.683865 6 0.613077 6 0.541583C6 0.470089 5.98619 0.399302 5.95936 0.333306C5.93253 0.26731 5.89322 0.207412 5.8437 0.157065C5.79432 0.106872 5.73576 0.0671597 5.67138 0.0402079C5.607 0.013257 5.53806 -0.000403404 5.46852 9.53674e-06Z\" fill=\"white\"\/>\n                                    <\/svg>\n                                <\/span>\n                                                                                                                                                    <a\n                                class=\"font-16 text-white active d-link\"\n                                href=\"#\"\n                            >\n                                About Us                            <\/a>\n                                                                                        <\/div>\n            <\/div>\n            <\/div>\n    <div class=\"spacer-50\"><\/div>\n<\/section>\n\n\n\n<div class=\"spacer-100 d-none d-md-block\"><\/div>\n<div class=\"spacer-50 d-md-none\"><\/div>\n<section class=\"about-us-content-and-images \" style=\"background-image: url('https:\/\/spirits.themirrorful.com\/app\/uploads\/2025\/10\/Group.png')\">\n    <div class=\"spacer-30\"><\/div>\n    <div class=\"container\">\n        <div class=\"row align-items-center \">\n            <div class=\"col-12 col-md-6 text-container\">\n                <div class=\"text\">\n                    <h2 class=\".h3 fw-400\"><span style=\"color: #750a0a;\">About<\/span> Ruh Al-Emaar<\/h2>\n<h6>We Build with Vision and Create with Detail<\/h6>\n<p>At Ruh Al-Emaar, we don\u2019t just construct buildings \u2014 we create living architectural experiences that reflect each client\u2019s unique identity. We are a Saudi company specializing in architectural design and execution, driven by a passion for transforming spaces into landmarks that blend functional beauty with creative vision.<\/p>\n<p>We accompany our clients every step of the way \u2014 from the first idea to final delivery \u2014 ensuring that each project reflects a clear vision, meets the highest standards of quality, and leaves a lasting impact.<\/p>\n<h6>We operate according to the highest standards of craftsmanship and precision, offering integrated solutions across various types of projects:<\/h6>\n<ol>\n<li style=\"text-align: left;\">Commercial Projects<\/li>\n<li style=\"text-align: left;\">Medical Facilities<\/li>\n<li style=\"text-align: left;\">Religious Buildings<\/li>\n<li style=\"text-align: left;\">Villas and Private Residential Projects<\/li>\n<li style=\"text-align: left;\">Interior and Exterior Design<\/li>\n<\/ol>\n                <\/div>\n                <h3 class=\"mb-0 text-primary\"><\/h3>\n                <div class=\"spacer-25\"><\/div>\n                            <\/div>\n            <div class=\"col-12 col-md-6 images-container\">\n                <div class=\"first-image mb-3\">\n                                            <img decoding=\"async\" class=\"img-fluid\" src=\"https:\/\/spirits.themirrorful.com\/app\/uploads\/2025\/10\/about-us.png\" alt=\"\" \/>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"spacer-70 d-none d-md-block\"><\/div>\n    <div class=\"spacer-40\"><\/div>\n<\/section>\n\n\n\n\n<div class=\"spacer-100 d-none d-md-block\"><\/div>\n<div class=\"spacer-50 d-md-none\"><\/div>\n<section class=\"about-us-content-and-images reverse\" style=\"background-image: url('https:\/\/spirits.themirrorful.com\/app\/uploads\/2026\/01\/small.png')\">\n    <div class=\"spacer-30\"><\/div>\n    <div class=\"container\">\n        <div class=\"row align-items-center flex-row-reverse g-md-5\">\n            <div class=\"col-12 col-md-6 text-container\">\n                <div class=\"text\">\n                    <h3><span style=\"color: #750a0a;\">Our Vision<\/span><\/h3>\n<p>At Ruh Al-Emaar, we don\u2019t see design as mere lines and drawings \u2014 we see it as a language that expresses life and a tool through which we build a world that is more inspiring and human.<br data-start=\"186\" data-end=\"189\" \/>Our vision is to be at the forefront of architectural firms redefining the concept of space by offering integrated design solutions that blend local identity with global standards.<br data-start=\"369\" data-end=\"372\" \/>We aspire to be the first choice for individuals and organizations on their journey to create projects that reflect their character, serve their goals, and leave an enduring impact for generations to come.<\/p>\n                <\/div>\n                <h3 class=\"mb-0 text-primary\">Our Mission<\/h3>\n                <div class=\"spacer-25\"><\/div>\n                                    <div class=\"goals-list row gx-md-5 w-100\">\n                                            <div class=\"item col-md-6 mb-2\">\n                                <h6 class=\"font-18 mb-1\">Excellence :<\/h6>\n                                <p class=\"font-14 text-justify\">We pay great attention to every detail and strive for perfection at every stage of design and execution.<\/p>\n                            <\/div>\n                                                    <div class=\"item col-md-6 mb-2\">\n                                <h6 class=\"font-18 mb-1\">Respect :<\/h6>\n                                <p class=\"font-14 text-justify\">\u201cWe respect our clients\u2019 aspirations and work passionately to bring their visions to life in the best possible way.<\/p>\n                            <\/div>\n                                                    <div class=\"item col-md-6 mb-2\">\n                                <h6 class=\"font-18 mb-1\">Innovation :<\/h6>\n                                <p class=\"font-14 text-justify\">We believe that creativity is what makes the difference, and we constantly seek new solutions that create impact and inspire.<\/p>\n                            <\/div>\n                                                    <div class=\"item col-md-6 mb-2\">\n                                <h6 class=\"font-18 mb-1\">Sustainability :<\/h6>\n                                <p class=\"font-14 text-justify\">We are committed to the principles of sustainable construction and conscious design that serve people and respect the environment.<\/p>\n                            <\/div>\n                                                    <div class=\"item col-md-6 mb-2\">\n                                <h6 class=\"font-18 mb-1\">Transparency :<\/h6>\n                                <p class=\"font-14 text-justify\">We build our relationships with our clients on a foundation of trust, clarity, and integrity at every step.<\/p>\n                            <\/div>\n                                            <\/div>\n                            <\/div>\n            <div class=\"col-12 col-md-6 images-container\">\n                <div class=\"first-image mb-3\">\n                                            <img decoding=\"async\" class=\"img-fluid\" src=\"https:\/\/spirits.themirrorful.com\/app\/uploads\/2025\/10\/vision.png\" alt=\"\" \/>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"spacer-70 d-none d-md-block\"><\/div>\n    <div class=\"spacer-40\"><\/div>\n<\/section>\n\n\n\n\n<section class=\"goals-and-values\">\n    <div class=\"spacer-90\"><\/div>\n    <div class=\"container\">\n        <div class=\"row align-items-center justify-content-center\">\n            <!-- Right Side: Text Content -->\n            <div class=\"rightsection col-md-6\">\n                <div class=\"mb-5\">\n                    <h2 class=\"h3\">Our Values<\/h2>\n<h5>At Ruh Al-Emaar, we are committed to transforming architectural visions into realities that are vibrant with beauty and precision.<\/h5>\n<p>Our mission is to provide comprehensive design and execution solutions that elevate quality standards, reflect the client\u2019s identity, and add real value to every space we work on.<\/p>\n<div id=\"gtx-trans\" style=\"position: absolute; left: 192px; top: 161.887px;\">\n<div class=\"gtx-trans-icon\"><\/div>\n<\/div>\n                <\/div>\n                <h2 class=\"mb-0 h3\">Our Goals<\/h2>\n                <div class=\"spacer-25\"><\/div>\n                                    <div class=\"goals-list row gx-md-5 w-100\">\n                                            <div class=\"item col-md-6 mb-2\">\n                                <h6 class=\"font-18 mb-1\">Achieving the Highest Standards of Quality :<\/h6>\n                                <p class=\"font-14 text-justify\">We aim to execute construction projects with global standards that pay attention to the finest details and exceed client expectations.<\/p>\n                            <\/div>\n                                                    <div class=\"item col-md-6 mb-2\">\n                                <h6 class=\"font-18 mb-1\">Supporting Saudi Vision 2030 :<\/h6>\n                                <p class=\"font-14 text-justify\">We are committed to playing an active role in developing infrastructure and urban growth in line with the aspirations of Saudi Vision 2030, enhancing the quality of life within communities.<\/p>\n                            <\/div>\n                                                    <div class=\"item col-md-6 mb-2\">\n                                <h6 class=\"font-18 mb-1\">Innovation in Architectural Solutions :<\/h6>\n                                <p class=\"font-14 text-justify\">We strive to utilize the latest technologies and smart construction methods that blend modernity with local identity.<\/p>\n                            <\/div>\n                                                    <div class=\"item col-md-6 mb-2\">\n                                <h6 class=\"font-18 mb-1\">Building Long-Term Strategic Partnerships :<\/h6>\n                                <p class=\"font-14 text-justify\">We work on expanding our network of partners to build an integrated ecosystem that ensures sustainable success for every project.<\/p>\n                            <\/div>\n                                                    <div class=\"item col-md-6 mb-2\">\n                                <h6 class=\"font-18 mb-1\">Focusing on Sustainability and Environmental Responsibility :<\/h6>\n                                <p class=\"font-14 text-justify\">We place sustainability at the heart of our operations, adopting construction practices that protect the environment and minimize waste.<\/p>\n                            <\/div>\n                                            <\/div>\n                            <\/div>\n            <!-- Left Side: Images and Numbers -->\n            <div class=\"col-md-6 row justify-content-between\">\n                <div class=\"col-md-6 image-card d-flex align-items-end mb-3\">\n                                            <img decoding=\"async\" src=\"https:\/\/spirits.themirrorful.com\/app\/uploads\/2025\/10\/img.png\" alt=\"\" class=\"rounded-20\"\/>\n                                    <\/div>\n                <div class=\"col-md-6 video-card p-md-0 mb-3\">\n                                            <video class=\"rounded-20\" loop autoplay muted>\n                            <source src=\"https:\/\/spirits.themirrorful.com\/app\/uploads\/2025\/10\/Untitled-video-Made-with-Clipchamp-2-online-video-cutter.com_.mp4\" type=\"video\/mp4\">\n                            Your browser does not support the video tag.\n                        <\/video>\n                                        <div class=\"row content-wrapper mt-3\">\n                        <div class=\"col-6 text-white-deep proj\">\n                            <div class=\"spacer-80\"><\/div>\n                            <h3 style=\"text-align: center;\">95+<\/h3>\n<p style=\"text-align: center;\">Our Completed Projects<\/p>\n                        <\/div>\n                        <div class=\"col-6 unique text-white-deep\">\n                            <h3 style=\"text-align: center;\">150+<\/h3>\n<p style=\"text-align: center;\">Our Clients and Partnerships<\/p>\n                            <div class=\"spacer-80\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"spacer-90\"><\/div>\n<\/section>\n\n\n\n<section id=\"our-team-section\" class=\"our-team\"\n            style=\"background-image: url('https:\/\/spirits.themirrorful.com\/app\/uploads\/2025\/10\/Group.png')\"\n    >\n    <div class=\"spacer-60\"><\/div>\n    <div class=\"container\">\n                    <h2 class=\"text-center text-primary\">Our Team<\/h2>\n            <div class=\"spacer-30\"><\/div>\n        \n        <div id=\"team-container\" class=\"row g-4\">\n                                                                <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 team-item\" data-index=\"0\">\n                        <div class=\"team-card text-center h-100\">\n                                                            <div class=\"team-photo mb-3\">\n                                    <img decoding=\"async\" src=\"https:\/\/spirits.themirrorful.com\/app\/uploads\/2025\/10\/team3.png\" alt=\"\" class=\"img-fluid\">\n                                <\/div>\n                                                        <h5 class=\"mb-1 text-end text-primary\">Rana Al-Otaibi<\/h5>\n                            <p class=\"mb-0 text-end text-dark-gray\">Interior Design Director<\/p>\n                        <\/div>\n                    <\/div>\n                                                        <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 team-item\" data-index=\"1\">\n                        <div class=\"team-card text-center h-100\">\n                                                            <div class=\"team-photo mb-3\">\n                                    <img decoding=\"async\" src=\"https:\/\/spirits.themirrorful.com\/app\/uploads\/2025\/10\/team2.png\" alt=\"\" class=\"img-fluid\">\n                                <\/div>\n                                                        <h5 class=\"mb-1 text-end text-primary\">Rana Al-Otaibi<\/h5>\n                            <p class=\"mb-0 text-end text-dark-gray\">Interior Design Director<\/p>\n                        <\/div>\n                    <\/div>\n                                                        <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 team-item\" data-index=\"2\">\n                        <div class=\"team-card text-center h-100\">\n                                                            <div class=\"team-photo mb-3\">\n                                    <img decoding=\"async\" src=\"https:\/\/spirits.themirrorful.com\/app\/uploads\/2025\/10\/team1.png\" alt=\"\" class=\"img-fluid\">\n                                <\/div>\n                                                        <h5 class=\"mb-1 text-end text-primary\">Rana Al-Otaibi<\/h5>\n                            <p class=\"mb-0 text-end text-dark-gray\">Interior Design Director<\/p>\n                        <\/div>\n                    <\/div>\n                                                        <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 team-item\" data-index=\"3\">\n                        <div class=\"team-card text-center h-100\">\n                                                            <div class=\"team-photo mb-3\">\n                                    <img decoding=\"async\" src=\"https:\/\/spirits.themirrorful.com\/app\/uploads\/2025\/10\/team2.png\" alt=\"\" class=\"img-fluid\">\n                                <\/div>\n                                                        <h5 class=\"mb-1 text-end text-primary\">Rana Al-Otaibi<\/h5>\n                            <p class=\"mb-0 text-end text-dark-gray\">Interior Design Director<\/p>\n                        <\/div>\n                    <\/div>\n                                                        <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 team-item\" data-index=\"4\">\n                        <div class=\"team-card text-center h-100\">\n                                                            <div class=\"team-photo mb-3\">\n                                    <img decoding=\"async\" src=\"https:\/\/spirits.themirrorful.com\/app\/uploads\/2025\/10\/team1.png\" alt=\"\" class=\"img-fluid\">\n                                <\/div>\n                                                        <h5 class=\"mb-1 text-end text-primary\">Naif Al-Sulami<\/h5>\n                            <p class=\"mb-0 text-end text-dark-gray\">CEO<\/p>\n                        <\/div>\n                    <\/div>\n                                                        <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 team-item\" data-index=\"5\">\n                        <div class=\"team-card text-center h-100\">\n                                                            <div class=\"team-photo mb-3\">\n                                    <img decoding=\"async\" src=\"https:\/\/spirits.themirrorful.com\/app\/uploads\/2025\/10\/team3.png\" alt=\"\" class=\"img-fluid\">\n                                <\/div>\n                                                        <h5 class=\"mb-1 text-end text-primary\">Naif Al-Sulami<\/h5>\n                            <p class=\"mb-0 text-end text-dark-gray\">CEO<\/p>\n                        <\/div>\n                    <\/div>\n                                                        <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 team-item\" data-index=\"6\">\n                        <div class=\"team-card text-center h-100\">\n                                                            <div class=\"team-photo mb-3\">\n                                    <img decoding=\"async\" src=\"https:\/\/spirits.themirrorful.com\/app\/uploads\/2025\/10\/team3.png\" alt=\"\" class=\"img-fluid\">\n                                <\/div>\n                                                        <h5 class=\"mb-1 text-end text-primary\">Naif Al-Sulami<\/h5>\n                            <p class=\"mb-0 text-end text-dark-gray\">CEO<\/p>\n                        <\/div>\n                    <\/div>\n                                                        <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 team-item\" data-index=\"7\">\n                        <div class=\"team-card text-center h-100\">\n                                                            <div class=\"team-photo mb-3\">\n                                    <img decoding=\"async\" src=\"https:\/\/spirits.themirrorful.com\/app\/uploads\/2025\/10\/team2.png\" alt=\"\" class=\"img-fluid\">\n                                <\/div>\n                                                        <h5 class=\"mb-1 text-end text-primary\">Naif Al-Sulami<\/h5>\n                            <p class=\"mb-0 text-end text-dark-gray\">CEO<\/p>\n                        <\/div>\n                    <\/div>\n                                                        <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 team-item\" data-index=\"8\">\n                        <div class=\"team-card text-center h-100\">\n                                                            <div class=\"team-photo mb-3\">\n                                    <img decoding=\"async\" src=\"https:\/\/spirits.themirrorful.com\/app\/uploads\/2025\/10\/team1.png\" alt=\"\" class=\"img-fluid\">\n                                <\/div>\n                                                        <h5 class=\"mb-1 text-end text-primary\">Abdullah Al-Qarni<\/h5>\n                            <p class=\"mb-0 text-end text-dark-gray\">Head of Execution Department<\/p>\n                        <\/div>\n                    <\/div>\n                                                        <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 team-item\" data-index=\"9\">\n                        <div class=\"team-card text-center h-100\">\n                                                            <div class=\"team-photo mb-3\">\n                                    <img decoding=\"async\" src=\"https:\/\/spirits.themirrorful.com\/app\/uploads\/2025\/10\/team3.png\" alt=\"\" class=\"img-fluid\">\n                                <\/div>\n                                                        <h5 class=\"mb-1 text-end text-primary\">Abdullah Al-Qarni<\/h5>\n                            <p class=\"mb-0 text-end text-dark-gray\">Head of Execution Department<\/p>\n                        <\/div>\n                    <\/div>\n                                                        <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 team-item\" data-index=\"10\">\n                        <div class=\"team-card text-center h-100\">\n                                                            <div class=\"team-photo mb-3\">\n                                    <img decoding=\"async\" src=\"https:\/\/spirits.themirrorful.com\/app\/uploads\/2025\/10\/team1.png\" alt=\"\" class=\"img-fluid\">\n                                <\/div>\n                                                        <h5 class=\"mb-1 text-end text-primary\">Abdullah Al-Qarni<\/h5>\n                            <p class=\"mb-0 text-end text-dark-gray\">Head of Execution Department<\/p>\n                        <\/div>\n                    <\/div>\n                                                        <div class=\"col-12 col-sm-6 col-md-4 col-lg-3 team-item\" data-index=\"11\">\n                        <div class=\"team-card text-center h-100\">\n                                                            <div class=\"team-photo mb-3\">\n                                    <img decoding=\"async\" src=\"https:\/\/spirits.themirrorful.com\/app\/uploads\/2025\/10\/team2.png\" alt=\"\" class=\"img-fluid\">\n                                <\/div>\n                                                        <h5 class=\"mb-1 text-end text-primary\">Abdullah Al-Qarni<\/h5>\n                            <p class=\"mb-0 text-end text-dark-gray\">Head of Execution Department<\/p>\n                        <\/div>\n                    <\/div>\n                                                        <\/div>\n\n                    <div class=\"spacer-40\"><\/div>\n            <div class=\"pagination text-center gap-0\">\n                <button class=\"prev\">\n                    <svg class=\"svg-arrow\" width=\"8\" height=\"14\" viewBox=\"0 0 8 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <g transform=\"rotate(180 4 7)\"><path d=\"M1.71661e-05 7.00409C-0.000743866 6.87249 0.0244813 6.74202 0.0742459 6.62019C0.124011 6.49835 0.197335 6.38753 0.290017 6.29409L6.29002 0.294092C6.47832 0.105788 6.73372 0 7.00002 0C7.26632 0 7.52171 0.105788 7.71002 0.294092C7.89832 0.482395 8.00411 0.73779 8.00411 1.00409C8.00411 1.27039 7.89832 1.52579 7.71002 1.71409L2.41002 7.00409L7.70002 12.2941C7.86384 12.4854 7.94945 12.7315 7.93973 12.9831C7.93001 13.2348 7.82567 13.4736 7.64758 13.6517C7.46949 13.8298 7.23075 13.9341 6.97907 13.9438C6.72739 13.9535 6.48132 13.8679 6.29002 13.7041L0.290017 7.70409C0.105272 7.51783 0.00112152 7.26643 1.71661e-05 7.00409Z\" fill=\"#750A0A\"\/><\/g>\n                    <\/svg>\n                <\/button>\n                <span id=\"team-page-numbers\"><\/span>\n                <button class=\"next\">\n                    <svg class=\"svg-arrow\" width=\"8\" height=\"14\" viewBox=\"0 0 8 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M1.71661e-05 7.00409C-0.000743866 6.87249 0.0244813 6.74202 0.0742459 6.62019C0.124011 6.49835 0.197335 6.38753 0.290017 6.29409L6.29002 0.294092C6.47832 0.105788 6.73372 0 7.00002 0C7.26632 0 7.52171 0.105788 7.71002 0.294092C7.89832 0.482395 8.00411 0.73779 8.00411 1.00409C8.00411 1.27039 7.89832 1.52579 7.71002 1.71409L2.41002 7.00409L7.70002 12.2941C7.86384 12.4854 7.94945 12.7315 7.93973 12.9831C7.93001 13.2348 7.82567 13.4736 7.64758 13.6517C7.46949 13.8298 7.23075 13.9341 6.97907 13.9438C6.72739 13.9535 6.48132 13.8679 6.29002 13.7041L0.290017 7.70409C0.105272 7.51783 0.00112152 7.26643 1.71661e-05 7.00409Z\" fill=\"#750A0A\"\/>\n                    <\/svg>\n                <\/button>\n            <\/div>\n            <\/div>\n    <div class=\"spacer-60\"><\/div>\n<\/section>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    const perPage = 8;\n    const items = document.querySelectorAll(\".team-item\");\n    const totalPages = 2;\n    const paginationContainer = document.getElementById(\"team-page-numbers\");\n    const prevBtn = document.querySelector(\".prev\");\n    const nextBtn = document.querySelector(\".next\");\n    const section = document.getElementById(\"our-team-section\");\n\n    let currentPage = 1;\n\n    function renderPagination() {\n        paginationContainer.innerHTML = \"\";\n        let pagesToShow = [];\n\n        if (totalPages <= 5) {\n            for (let i = 1; i <= totalPages; i++) pagesToShow.push(i);\n        } else {\n            if (currentPage <= 3) {\n                pagesToShow = [1, 2, 3, \"...\", totalPages];\n            } else if (currentPage >= totalPages - 2) {\n                pagesToShow = [1, \"...\", totalPages - 2, totalPages - 1, totalPages];\n            } else {\n                pagesToShow = [1, \"...\", currentPage - 1, currentPage, currentPage + 1, \"...\", totalPages];\n            }\n        }\n\n        pagesToShow.forEach(num => {\n            const btn = document.createElement(\"button\");\n            btn.classList.add(\"page-btn\");\n            if (num === \"...\") {\n                btn.textContent = \"...\";\n                btn.disabled = true;\n            } else {\n                btn.textContent = num;\n                btn.dataset.page = num;\n                if (num === currentPage) btn.classList.add(\"active\");\n                btn.addEventListener(\"click\", () => {\n                    currentPage = num;\n                    showPage(currentPage);\n                    scrollToSection();\n                });\n            }\n            paginationContainer.appendChild(btn);\n        });\n\n        prevBtn.disabled = currentPage === 1;\n        nextBtn.disabled = currentPage === totalPages;\n    }\n\n    function showPage(page) {\n        const start = (page - 1) * perPage;\n        const end = start + perPage;\n\n        items.forEach((item, index) => {\n            item.style.display = (index >= start && index < end) ? \"block\" : \"none\";\n        });\n\n        renderPagination();\n    }\n\n    function scrollToSection() {\n        section.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n    }\n\n    prevBtn.addEventListener(\"click\", function () {\n        if (currentPage > 1) {\n            currentPage--;\n            showPage(currentPage);\n            scrollToSection();\n        }\n    });\n\n    nextBtn.addEventListener(\"click\", function () {\n        if (currentPage < totalPages) {\n            currentPage++;\n            showPage(currentPage);\n            scrollToSection();\n        }\n    });\n\n    if (totalPages > 0) {\n        showPage(1);\n    }\n});\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-304","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/spirits.themirrorful.com\/en\/wp-json\/wp\/v2\/pages\/304","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spirits.themirrorful.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/spirits.themirrorful.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/spirits.themirrorful.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/spirits.themirrorful.com\/en\/wp-json\/wp\/v2\/comments?post=304"}],"version-history":[{"count":6,"href":"https:\/\/spirits.themirrorful.com\/en\/wp-json\/wp\/v2\/pages\/304\/revisions"}],"predecessor-version":[{"id":614,"href":"https:\/\/spirits.themirrorful.com\/en\/wp-json\/wp\/v2\/pages\/304\/revisions\/614"}],"wp:attachment":[{"href":"https:\/\/spirits.themirrorful.com\/en\/wp-json\/wp\/v2\/media?parent=304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}