{"id":9,"date":"2025-04-26T14:12:04","date_gmt":"2025-04-26T14:12:04","guid":{"rendered":"https:\/\/bareeq-alzaytoun-showroom.com\/?page_id=9"},"modified":"2025-04-29T15:05:36","modified_gmt":"2025-04-29T15:05:36","slug":"bareeq-alzaytoun-showroom","status":"publish","type":"page","link":"https:\/\/bareeq-alzaytoun-showroom.com\/en\/","title":{"rendered":"bareeq-alzaytoun-showroom"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24\">\n<div class=\"et_pb_image_0 et_pb_image et_pb_module et_flex_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/bareeq-alzaytoun-showroom.com\/wp-content\/uploads\/2025\/04\/\u0634\u0631\u0643\u0629-\u0628\u0631\u064a\u0642-\u0627\u0644\u0632\u064a\u062a\u0648\u0646-logo.jpg\" title=\"\u0634\u0631\u0643\u0629 \u0628\u0631\u064a\u0642 \u0627\u0644\u0632\u064a\u062a\u0648\u0646 logo\" width=\"1600\" height=\"1600\" srcset=\"https:\/\/bareeq-alzaytoun-showroom.com\/wp-content\/uploads\/2025\/04\/\u0634\u0631\u0643\u0629-\u0628\u0631\u064a\u0642-\u0627\u0644\u0632\u064a\u062a\u0648\u0646-logo.jpg 1600w, https:\/\/bareeq-alzaytoun-showroom.com\/wp-content\/uploads\/2025\/04\/\u0634\u0631\u0643\u0629-\u0628\u0631\u064a\u0642-\u0627\u0644\u0632\u064a\u062a\u0648\u0646-logo-300x300.jpg 300w, https:\/\/bareeq-alzaytoun-showroom.com\/wp-content\/uploads\/2025\/04\/\u0634\u0631\u0643\u0629-\u0628\u0631\u064a\u0642-\u0627\u0644\u0632\u064a\u062a\u0648\u0646-logo-1024x1024.jpg 1024w, https:\/\/bareeq-alzaytoun-showroom.com\/wp-content\/uploads\/2025\/04\/\u0634\u0631\u0643\u0629-\u0628\u0631\u064a\u0642-\u0627\u0644\u0632\u064a\u062a\u0648\u0646-logo-150x150.jpg 150w, https:\/\/bareeq-alzaytoun-showroom.com\/wp-content\/uploads\/2025\/04\/\u0634\u0631\u0643\u0629-\u0628\u0631\u064a\u0642-\u0627\u0644\u0632\u064a\u062a\u0648\u0646-logo-768x768.jpg 768w, https:\/\/bareeq-alzaytoun-showroom.com\/wp-content\/uploads\/2025\/04\/\u0634\u0631\u0643\u0629-\u0628\u0631\u064a\u0642-\u0627\u0644\u0632\u064a\u062a\u0648\u0646-logo-1536x1536.jpg 1536w, https:\/\/bareeq-alzaytoun-showroom.com\/wp-content\/uploads\/2025\/04\/\u0634\u0631\u0643\u0629-\u0628\u0631\u064a\u0642-\u0627\u0644\u0632\u064a\u062a\u0648\u0646-logo-1080x1080.jpg 1080w, https:\/\/bareeq-alzaytoun-showroom.com\/wp-content\/uploads\/2025\/04\/\u0634\u0631\u0643\u0629-\u0628\u0631\u064a\u0642-\u0627\u0644\u0632\u064a\u062a\u0648\u0646-logo-1280x1280.jpg 1280w, https:\/\/bareeq-alzaytoun-showroom.com\/wp-content\/uploads\/2025\/04\/\u0634\u0631\u0643\u0629-\u0628\u0631\u064a\u0642-\u0627\u0644\u0632\u064a\u062a\u0648\u0646-logo-980x980.jpg 980w, https:\/\/bareeq-alzaytoun-showroom.com\/wp-content\/uploads\/2025\/04\/\u0634\u0631\u0643\u0629-\u0628\u0631\u064a\u0642-\u0627\u0644\u0632\u064a\u062a\u0648\u0646-logo-480x480.jpg 480w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" class=\"wp-image-33\" \/><\/span><\/div>\n\n<div class=\"et_pb_text_0 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><h1 class=\"text-xl font-bold\">\u0634\u0631\u0643\u0629 \u0628\u0631\u064a\u0642 \u0627\u0644\u0632\u064a\u062a\u0648\u0646 \u0644\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a L.L.C<\/h1>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_1 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_1 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n  <meta name=\"description\" content=\"\u0634\u0631\u0643\u0629 \u0628\u0631\u064a\u0642 \u0627\u0644\u0632\u064a\u062a\u0648\u0646 \u0644\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062aL.L.C  \u2013 \u0623\u0641\u0636\u0644 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0641\u064a \u0627\u0644\u0639\u0631\u0627\u0642 \u0628\u0623\u0633\u0639\u0627\u0631 \u062a\u0646\u0627\u0641\u0633\u064a\u0629\" \/>\n  <title>\u0634\u0631\u0643\u0629 \u0628\u0631\u064a\u0642 \u0627\u0644\u0632\u064a\u062a\u0648\u0646 \u0644\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a L.L.C<\/title>\n\n  <!-- Tailwind + FontAwesome -->\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n  <link rel=\"stylesheet\"\n        href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" \/>\n\n  <style>\n    :root { --gold:#d4af37; --gold-dark:#b38b2d; --black:#1a1a1a; }\n    body   { background:#f8f8f8; color:#1a1a1a;\n             scroll-behavior:smooth; }\n\n    \/* Header *\/\n    .header-wrap { display:flex; align-items:center; gap:.5rem; }\n    .header-wrap img { height:2.5rem; }\n\n    \/* Section titles *\/\n    .section-title { position:relative; display:inline-block; font-weight:700; }\n    .section-title::after {\n      content:\"\"; position:absolute; right:0; bottom:-8px; width:50%; height:3px;\n      background:linear-gradient(90deg,transparent,var(--gold),transparent);\n      border-radius:3px; transition:width .3s;\n    }\n    .section-title:hover::after { width:100%; }\n\n    \/* Fade-in *\/\n    .fade-in { opacity:0; transform:translateY(20px); transition:.6s; }\n    .fade-in.visible { opacity:1; transform:translateY(0); }\n\n    \/* Hero *\/\n    .hero   { background:url('\/wp-content\/uploads\/2025\/04\/\u0634\u0631\u0643\u0629-\u0628\u0631\u064a\u0642-\u0627\u0644\u0632\u064a\u062a\u0648\u0646-banner-e1745677359199.jpg')\n                        center\/cover no-repeat fixed; position:relative; }\n    .hero::before { content:\"\"; position:absolute; inset:0; background:rgba(0,0,0,.6); }\n    .hero-inner { position:relative; z-index:10; text-align:center; }\n\n    \/* Info cards *\/\n    .info-card { border-left:3px solid var(--gold); border-radius:.5rem; background:#fff;\n                 padding:1.5rem; transition:.4s; position:relative; }\n    .info-card:hover { transform:translateY(-5px); box-shadow:0 10px 25px rgba(0,0,0,.15); }\n\n    \/* Thumbnails *\/\n    .lightbox-thumb {\n      cursor: pointer;\n      border-radius: .5rem;\n      object-fit: cover;\n      width: 100%;\n      height: 16rem; \/* matches .h-64 *\/\n      transition: transform .3s, box-shadow .3s;\n    }\n\n    \/* Lightbox Slider *\/\n    .lightbox-modal {\n      display: none;\n      position: fixed;\n      inset: 0;\n      background: rgba(0,0,0,.9);\n      z-index: 1000;\n      \/* center content when active *\/\n      justify-content: center;\n      align-items: center;\n    }\n    .lightbox-modal.active {\n      display: flex;\n    }\n\n    \/* Center the image container *\/\n    .lightbox-content {\n      margin: auto;\n      max-width: 80vw;\n      max-height: 80vh;\n    }\n\n    .lightbox-content img {\n      display: block;\n      max-width: 80vw;\n      max-height: 90vh;\n      object-fit: contain;\n      border-radius: .5rem;\n    }\n\n    \/* Close \u201c\u00d7\u201d stays inside the container *\/\n    .lightbox-close {\n      position: absolute;\n      top: 1rem;\n      right: 1rem;\n      font-size: 2.5rem;\n      color: #fff;\n      cursor: pointer;\n      transition: background .3s, color .3s;\n    }\n    .lightbox-close:hover {\n      background: rgba(0,0,0,.6);\n      color: var(--gold);\n      border-radius: .25rem;\n    }\n\n    \/* Static arrows at the sides of the viewport *\/\n    .lightbox-prev,\n    .lightbox-next {\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      font-size: 2.5rem;\n      color: #fff;\n      cursor: pointer;\n      user-select: none;\n      padding: .2rem .5rem;\n      transition: background .3s, color .3s;\n    }\n\n    \/* Prev arrow on left, points \u276e *\/\n    .lightbox-prev {\n      right: 2rem;\n    }\n    .lightbox-prev:hover {\n      background: rgba(0,0,0,.6);\n      color: var(--gold);\n    }\n\n    \/* Next arrow on right, points \u276f *\/\n    .lightbox-next {\n      left: 2rem;\n    }\n    .lightbox-next:hover {\n      background: rgba(0,0,0,.6);\n      color: var(--gold);\n    }\n\n    \/* Scrollbar *\/\n    ::-webkit-scrollbar{width:8px}\n    ::-webkit-scrollbar-track{background:#f1f1f1}\n    ::-webkit-scrollbar-thumb{background:var(--gold);border-radius:4px}\n    ::-webkit-scrollbar-thumb:hover{background:var(--gold-dark)}\n    @media(max-width:768px){ .hero{background-attachment:scroll} }\n  <\/style>\n<\/head>\n\n<body>\n  <!-- Hero -->\n  <section class=\"hero py-32\">\n    <div class=\"hero-inner container mx-auto px-4 fade-in\">\n      <h2 class=\"text-4xl md:text-6xl font-extrabold text-white mb-6\">\n        \u062a\u062c\u0631\u0628\u0629 <span class=\"text-white\">\u0641\u0631\u064a\u062f\u0629 \u0641\u064a \u0639\u0627\u0644\u0645 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a<\/span>\n      <\/h2>\n      <p class=\"text-xl md:text-2xl text-white mb-8\">\n        \u0646\u0642\u062f\u0645 \u0644\u0643\u0645 \u0623\u0641\u0636\u0644 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0645\u0648\u062b\u0648\u0642\u064a\u0629\n      <\/p>\n      <div class=\"pt-8\">\n        <a href=\"#contact\"\n           class=\"bg-yellow-600 hover:bg-yellow-700 text-white font-bold py-3 px-8 rounded-full transition hero-button\">\n          \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Company Info -->\n  <section id=\"about\" class=\"py-20 bg-white\">\n    <div class=\"container mx-auto px-4\">\n      <h2 class=\"section-title text-3xl mb-12 fade-in\">\u0639\u0646 \u0627\u0644\u0634\u0631\u0643\u0629<\/h2>\n      <div class=\"grid grid-cols-1 gap-8\">\n        <div class=\"fade-in leading-relaxed space-y-4\">\n          <p>\u0634\u0631\u0643\u0629 \u0628\u0631\u064a\u0642 \u0627\u0644\u0632\u064a\u062a\u0648\u0646 \u0644\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a L.L.C \u0647\u064a \u0634\u0631\u0643\u0629 \u0639\u0631\u0627\u0642\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0628\u064a\u0639 \u0648\u0634\u0631\u0627\u0621 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0628\u0645\u062e\u062a\u0644\u0641 \u0623\u0646\u0648\u0627\u0639\u0647\u0627\u060c \u062a\u0623\u0633\u0633\u062a \u0628\u062a\u0627\u0631\u064a\u062e 24 \u062f\u064a\u0633\u0645\u0628\u0631 2023\u060c \u0648\u064a\u0642\u0639 \u0645\u0642\u0631\u0647\u0627 \u0641\u064a \u0627\u0644\u0639\u0631\u0627\u0642 \u2013 \u0628\u063a\u062f\u0627\u062f\u060c \u0645\u0639\u0627\u0631\u0636 \u0627\u0644\u0628\u064a\u0627\u0639\u060c \u0634\u0627\u0631\u0639 \u0627\u0644\u0648\u0633\u0637. \u062a\u0633\u0639\u0649 \u0627\u0644\u0634\u0631\u0643\u0629 \u0625\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u062a\u0644\u0628\u064a \u062a\u0637\u0644\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0641\u064a \u0633\u0648\u0642 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a\u060c \u0648\u062a\u062a\u0645\u064a\u0632 \u0628\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629\u060c \u0648\u0627\u0644\u0645\u0635\u062f\u0627\u0642\u064a\u0629\u060c \u0648\u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a. \u062a\u0639\u0645\u0644 \u0628\u0631\u064a\u0642 \u0627\u0644\u0632\u064a\u062a\u0648\u0646 \u0639\u0644\u0649 \u062a\u0648\u0641\u064a\u0631 \u0633\u064a\u0627\u0631\u0627\u062a \u0628\u062d\u0627\u0644\u0629 \u0645\u0645\u062a\u0627\u0632\u0629 \u0648\u0628\u0623\u0633\u0639\u0627\u0631 \u062a\u0646\u0627\u0641\u0633\u064a\u0629\u060c \u0643\u0645\u0627 \u062a\u0633\u0639\u0649 \u0644\u0628\u0646\u0627\u0621 \u0639\u0644\u0627\u0642\u0627\u062a \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f \u0645\u0639 \u0639\u0645\u0644\u0627\u0626\u0647\u0627 \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645.<\/p>\n          <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 pt-8\">\n            <div class=\"fade-in\">\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/04\/\u0634\u0631\u0643\u0629-\u0628\u0631\u064a\u0642-\u0627\u0644\u0632\u064a\u062a\u0648\u0646-office.jpg\"\n                   alt=\"\u0645\u0643\u062a\u0628 \u0627\u0644\u0634\u0631\u0643\u0629\" class=\"rounded shadow-md\">\n            <\/div>\n            <div class=\"fade-in\">\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/04\/\u0634\u0631\u0643\u0629-\u0628\u0631\u064a\u0642-\u0627\u0644\u0632\u064a\u062a\u0648\u0646-office-desk.jpg\"\n                   alt=\"\u0645\u0643\u062a\u0628 - \u0627\u0644\u0645\u0643\u062a\u0628\" class=\"rounded shadow-md\">\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Info Cards -->\n  <section id=\"info\" class=\"py-20 bg-gray-100\">\n    <div class=\"container mx-auto px-4\">\n      <h2 class=\"section-title text-3xl mb-12 fade-in\">\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0634\u0631\u0643\u0629<\/h2>\n      <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n        <div class=\"info-card fade-in\">\n          <div class=\"flex items-center mb-4\">\n            <i class=\"fas fa-map-marker-alt text-yellow-600 text-2xl ml-4\"><\/i>\n            <h3 class=\"text-xl font-bold\">\u0627\u0644\u0639\u0646\u0648\u0627\u0646<\/h3>\n          <\/div>\n          <p class=\"mb-2\">\u0628\u063a\u062f\u0627\u062f \u0645\u0639\u0627\u0631\u0636 \u0627\u0644\u0628\u064a\u0627\u0639 \u0634\u0627\u0631\u0639 \u0627\u0644\u0648\u0633\u0637<\/p>\n          <a href=\"https:\/\/maps.google.com\/?q=33.261658,44.342247\" target=\"_blank\"\n             class=\"text-yellow-600\">\u0639\u0631\u0636 \u0639\u0644\u0649 \u0627\u0644\u062e\u0631\u064a\u0637\u0629<\/a>\n        <\/div>\n        <div class=\"info-card fade-in\">\n          <div class=\"flex items-center mb-4\">\n            <i class=\"fas fa-phone-alt text-yellow-600 text-2xl ml-4\"><\/i>\n            <h3 class=\"text-xl font-bold\">\u0627\u0644\u0647\u0627\u062a\u0641<\/h3>\n          <\/div>\n          <a href=\"tel:07712105025\" class=\"text-yellow-600\">07712105025<\/a>\n        <\/div>\n        <div class=\"info-card fade-in\">\n          <div class=\"flex items-center mb-4\">\n            <i class=\"fas fa-envelope text-yellow-600 text-2xl ml-4\"><\/i>\n            <h3 class=\"text-xl font-bold\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/h3>\n          <\/div>\n          <a href=\"mailto:bareq.alzayton@gmail.com\" class=\"text-yellow-600 break-all\">\n            bareq.alzayton@gmail.com\n          <\/a>\n        <\/div>\n        <div class=\"info-card fade-in\">\n          <div class=\"flex items-center mb-4\">\n            <i class=\"fas fa-clock text-yellow-600 text-2xl ml-4\"><\/i>\n            <h3 class=\"text-xl font-bold\">\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/h3>\n          <\/div>\n          <p>\u062c\u0645\u064a\u0639 \u0623\u064a\u0627\u0645 \u0627\u0644\u0623\u0633\u0628\u0648\u0639<br>10:00 \u2013 22:00<\/p>\n        <\/div>\n        <div class=\"info-card fade-in\">\n          <div class=\"flex items-center mb-4\">\n            <i class=\"fas fa-calendar-alt text-yellow-600 text-2xl ml-4\"><\/i>\n            <h3 class=\"text-xl font-bold\">\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u062a\u0623\u0633\u064a\u0633<\/h3>\n          <\/div>\n          <p>\u0662\u0664\/\u0661\u0662\/\u0662\u0660\u0662\u0663<\/p>\n        <\/div>\n        <div class=\"info-card fade-in\">\n          <div class=\"flex items-center mb-4\">\n            <i class=\"fas fa-car text-yellow-600 text-2xl ml-4\"><\/i>\n            <h3 class=\"text-xl font-bold\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/h3>\n          <\/div>\n          <ul class=\"list-disc mr-4\">\n            <li>\u0628\u064a\u0639 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a<\/li>\n            <li>\u0634\u0631\u0627\u0621 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a<\/li>\n            <li>\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0645\u062a\u062e\u0635\u0635\u0629<\/li>\n            <li>\u062e\u062f\u0645\u0627\u062a \u0645\u0627 \u0628\u0639\u062f \u0627\u0644\u0628\u064a\u0639<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- New Gallery -->\n  <section id=\"gallery\" class=\"py-20 bg-white\">\n    <div class=\"container mx-auto px-4\">\n      <h2 class=\"section-title text-3xl mb-12 fade-in\">\u0645\u0639\u0631\u0636 \u0627\u0644\u0635\u0648\u0631<\/h2>\n      <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/04\/\u0634\u0631\u0643\u0629-\u0628\u0631\u064a\u0642-\u0627\u0644\u0632\u064a\u062a\u0648\u0646-car-1.jpg\"\n             alt=\"Car 1\" class=\"lightbox-thumb fade-in\" data-index=\"0\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/04\/\u0634\u0631\u0643\u0629-\u0628\u0631\u064a\u0642-\u0627\u0644\u0632\u064a\u062a\u0648\u0646-car-2.jpg\"\n             alt=\"Car 2\" class=\"lightbox-thumb fade-in\" data-index=\"1\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/04\/\u0634\u0631\u0643\u0629-\u0628\u0631\u064a\u0642-\u0627\u0644\u0632\u064a\u062a\u0648\u0646-car-3.jpg\"\n             alt=\"Car 3\" class=\"lightbox-thumb fade-in\" data-index=\"2\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/04\/\u0634\u0631\u0643\u0629-\u0628\u0631\u064a\u0642-\u0627\u0644\u0632\u064a\u062a\u0648\u0646-car-4.jpg\"\n             alt=\"Car 4\" class=\"lightbox-thumb fade-in\" data-index=\"3\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/04\/\u0634\u0631\u0643\u0629-\u0628\u0631\u064a\u0642-\u0627\u0644\u0632\u064a\u062a\u0648\u0646-car-5.jpg\"\n             alt=\"Car 5\" class=\"lightbox-thumb fade-in\" data-index=\"4\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/04\/\u0634\u0631\u0643\u0629-\u0628\u0631\u064a\u0642-\u0627\u0644\u0632\u064a\u062a\u0648\u0646-car-6.jpg\"\n             alt=\"Car 6\" class=\"lightbox-thumb fade-in\" data-index=\"5\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/04\/\u0634\u0631\u0643\u0629-\u0628\u0631\u064a\u0642-\u0627\u0644\u0632\u064a\u062a\u0648\u0646-car-7.jpg\"\n             alt=\"Car 7\" class=\"lightbox-thumb fade-in\" data-index=\"6\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/04\/\u0634\u0631\u0643\u0629-\u0628\u0631\u064a\u0642-\u0627\u0644\u0632\u064a\u062a\u0648\u0646-car-8.jpg\"\n             alt=\"Car 8\" class=\"lightbox-thumb fade-in\" data-index=\"7\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/04\/\u0634\u0631\u0643\u0629-\u0628\u0631\u064a\u0642-\u0627\u0644\u0632\u064a\u062a\u0648\u0646-car-9.jpg\"\n             alt=\"Car 9\" class=\"lightbox-thumb fade-in\" data-index=\"8\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/04\/\u0634\u0631\u0643\u0629-\u0628\u0631\u064a\u0642-\u0627\u0644\u0632\u064a\u062a\u0648\u0646-car-10.jpg\"\n             alt=\"Car 10\" class=\"lightbox-thumb fade-in\" data-index=\"9\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/04\/\u0634\u0631\u0643\u0629-\u0628\u0631\u064a\u0642-\u0627\u0644\u0632\u064a\u062a\u0648\u0646-car-11.jpg\"\n             alt=\"Car 11\" class=\"lightbox-thumb fade-in\" data-index=\"10\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/04\/\u0634\u0631\u0643\u0629-\u0628\u0631\u064a\u0642-\u0627\u0644\u0632\u064a\u062a\u0648\u0646-car-12.jpg\"\n             alt=\"Car 12\" class=\"lightbox-thumb fade-in\" data-index=\"11\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/04\/\u0634\u0631\u0643\u0629-\u0628\u0631\u064a\u0642-\u0627\u0644\u0632\u064a\u062a\u0648\u0646-car-13.jpg\"\n             alt=\"Car 13\" class=\"lightbox-thumb fade-in\" data-index=\"12\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/04\/\u0634\u0631\u0643\u0629-\u0628\u0631\u064a\u0642-\u0627\u0644\u0632\u064a\u062a\u0648\u0646-car-14.jpg\"\n             alt=\"Car 14\" class=\"lightbox-thumb fade-in\" data-index=\"13\">\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Lightbox Modal -->\n  <div id=\"lightboxModal\" class=\"lightbox-modal\">\n    <div class=\"lightbox-content\">\n      <span class=\"lightbox-close\">&times;<\/span>\n      <img decoding=\"async\" id=\"lightboxImage\" src=\"\" alt=\"\u0645\u0639\u0631\u0636 \u0627\u0644\u0635\u0648\u0631\">\n    <\/div>\n    <!-- Prev on left, Next on right -->\n    <span class=\"lightbox-prev\">n<\/span>\n    <span class=\"lightbox-next\">o<\/span>\n  <\/div>\n\n  <!-- Contact -->\n  <section id=\"contact\" class=\"py-20 bg-gray-100\">\n    <div class=\"container mx-auto px-4\">\n      <h2 class=\"section-title text-3xl mb-12 fade-in\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/h2>\n      <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\n        <div class=\"fade-in space-y-6 bg-white p-8 rounded shadow\">\n          <h3 class=\"text-2xl font-bold text-yellow-600 mb-4\">\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0627\u062a\u0635\u0627\u0644<\/h3>\n          <p><i class=\"fas fa-map-marker-alt text-yellow-600 ml-2\"><\/i> \u0628\u063a\u062f\u0627\u062f \u0645\u0639\u0627\u0631\u0636 \u0627\u0644\u0628\u064a\u0627\u0639 \u0634\u0627\u0631\u0639 \u0627\u0644\u0648\u0633\u0637<\/p>\n          <p><i class=\"fas fa-phone-alt text-yellow-600 ml-2\"><\/i>\n            <a href=\"tel:07712105025\" class=\"text-yellow-600\">07712105025<\/a>\n          <\/p>\n          <p><i class=\"fas fa-envelope text-yellow-600 ml-2\"><\/i>\n            <a href=\"mailto:bareq.alzayton@gmail.com\" class=\"text-yellow-600 break-all\">\n              bareq.alzayton@gmail.com\n            <\/a>\n          <\/p>\n          <p><i class=\"fas fa-clock text-yellow-600 ml-2\"><\/i> \u062c\u0645\u064a\u0639 \u0623\u064a\u0627\u0645 \u0627\u0644\u0623\u0633\u0628\u0648\u0639 10:00 \u2013 22:00<\/p>\n        <\/div>\n        <div class=\"fade-in bg-white p-4 rounded shadow flex items-center justify-center\">\n          <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m17!1m12!1m3!1d3336.184647526386!2d44.33967207568293!3d33.26165797346494!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zMzPCsDE1JzQyLjAiTiA0NMKwMjAnMzIuMSJF!5e0!3m2!1sen!2siq!4v1745683626127!5m2!1sen!2siq\"\n                  width=\"100%\" height=\"400\" style=\"border:0;\" allowfullscreen=\"\"\n                  loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Footer -->\n  <footer class=\"bg-black text-white py-10\">\n    <div class=\"container mx-auto px-4\">\n      <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 mb-8\">\n        <div>\n          <div class=\"flex items-center mb-4\">\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/04\/\u0634\u0631\u0643\u0629-\u0628\u0631\u064a\u0642-\u0627\u0644\u0632\u064a\u062a\u0648\u0646-logo.jpg\" alt=\"Logo\" class=\"h-14 mr-3\">\n            <h3 class=\"text-2xl font-bold\"><span class=\"text-yellow-500\">\u0628\u0631\u064a\u0642<\/span> \u0627\u0644\u0632\u064a\u062a\u0648\u0646 L.L.C<\/h3>\n          <\/div>\n          <p class=\"text-gray-300 leading-relaxed\">\n            \u0634\u0631\u0643\u0629 \u0639\u0631\u0627\u0642\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0628\u064a\u0639 \u0648\u0634\u0631\u0627\u0621 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0628\u0645\u062e\u062a\u0644\u0641 \u0623\u0646\u0648\u0627\u0639\u0647\u0627\u060c \u062a\u062a\u0645\u064a\u0632 \u0628\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u0645\u0635\u062f\u0627\u0642\u064a\u0629 \u0648\u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a.\n          <\/p>\n        <\/div>\n        <div>\n          <h3 class=\"text-xl font-bold mb-4\">\u0631\u0648\u0627\u0628\u0637 \u0633\u0631\u064a\u0639\u0629<\/h3>\n          <ul class=\"space-y-2\">\n            <li><a href=\"#about\" class=\"hover:text-yellow-500\">\u0639\u0646 \u0627\u0644\u0634\u0631\u0643\u0629<\/a><\/li>\n            <li><a href=\"#gallery\" class=\"hover:text-yellow-500\">\u0645\u0639\u0631\u0636 \u0627\u0644\u0635\u0648\u0631<\/a><\/li>\n            <li><a href=\"#contact\" class=\"hover:text-yellow-500\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div>\n          <h3 class=\"text-xl font-bold mb-4\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/h3>\n          <ul class=\"space-y-2\">\n            <li class=\"flex items-start\">\n              <i class=\"fas fa-map-marker-alt text-yellow-500 mr-2 mt-1\"><\/i> \u0628\u063a\u062f\u0627\u062f \u0645\u0639\u0627\u0631\u0636 \u0627\u0644\u0628\u064a\u0627\u0639 \u0634\u0627\u0631\u0639 \u0627\u0644\u0648\u0633\u0637\n            <\/li>\n            <li class=\"flex items-center\">\n              <i class=\"fas fa-phone-alt text-yellow-500 mr-2\"><\/i>\n              <a href=\"tel:07712105025\" class=\"hover:text-yellow-500\">07712105025<\/a>\n            <\/li>\n            <li class=\"flex items-center break-all\">\n              <i class=\"fas fa-envelope text-yellow-500 mr-2\"><\/i>\n              <a href=\"mailto:bareq.alzayton@gmail.com\" class=\"hover:text-yellow-500\">\n                bareq.al\u0632\u064a\u062aoun@gmail.com\n              <\/a>\n            <\/li>\n            <li class=\"flex items-center\">\n              <i class=\"fas fa-clock text-yellow-500 mr-2\"><\/i> \u064a\u0648\u0645\u064a\u0627\u064b 10:00 \u2013 22:00\n            <\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <div class=\"border-t border-gray-800 pt-6 text-center text-gray-300\">\n        \u00a9 2025 \u0634\u0631\u0643\u0629 \u0628\u0631\u064a\u0642 \u0627\u0644\u0632\u064a\u062a\u0648\u0646 \u0644\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a L.L.C \u2013 \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629\n      <\/div>\n    <\/div>\n  <\/footer>\n\n  <!-- Core Scripts -->\n  <script>\n    \/* Fade-in on scroll *\/\n    document.querySelectorAll('.fade-in').forEach(el => {\n      new IntersectionObserver(e => {\n        e.forEach(entry => entry.isIntersecting && entry.target.classList.add('visible'));\n      }, { threshold: .1 }).observe(el);\n    });\n\n    \/* Smooth anchors *\/\n    document.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n      a.addEventListener('click', e => {\n        const id = a.getAttribute('href');\n        if (id.length > 1) {\n          e.preventDefault();\n          const tgt = document.querySelector(id);\n          tgt && window.scrollTo({ top: tgt.offsetTop - 80, behavior: 'smooth' });\n        }\n      });\n    });\n\n    \/* Contact form validation *\/\n    const contactForm = document.getElementById('contactForm');\n    if (contactForm) {\n      contactForm.addEventListener('submit', e => {\n        e.preventDefault();\n        const n = name.value.trim(), em = email.value.trim(), ph = phone.value.trim(), msg = message.value.trim();\n        if (!n || !em || !ph || !msg) return alert('\u0627\u0644\u0631\u062c\u0627\u0621 \u0645\u0644\u0621 \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0644');\n        if (!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(em)) return alert('\u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u063a\u064a\u0631 \u0635\u0627\u0644\u062d');\n        if (!\/^07\\d{9}$\/.test(ph)) return alert('\u0631\u0642\u0645 \u0647\u0627\u062a\u0641 \u0639\u0631\u0627\u0642\u064a \u063a\u064a\u0631 \u0635\u0627\u0644\u062d');\n        alert('\u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0631\u0633\u0627\u0644\u062a\u0643 \u0628\u0646\u062c\u0627\u062d!'); e.target.reset();\n      });\n    }\n  <\/script>\n\n  <!-- New Lightbox Slider Script -->\n  <script>\n    document.addEventListener('DOMContentLoaded', () => {\n      const thumbs = Array.from(document.querySelectorAll('.lightbox-thumb'));\n      const images = thumbs.map(img => img.src);\n      let currentIndex = 0;\n\n      const modal    = document.getElementById('lightboxModal');\n      const modalImg = document.getElementById('lightboxImage');\n      const closeBtn = modal.querySelector('.lightbox-close');\n      const prevBtn  = modal.querySelector('.lightbox-prev');\n      const nextBtn  = modal.querySelector('.lightbox-next');\n\n      thumbs.forEach(thumb => {\n        thumb.addEventListener('click', () => {\n          currentIndex = parseInt(thumb.dataset.index, 10);\n          openModal();\n        });\n      });\n\n      closeBtn.addEventListener('click', closeModal);\n      prevBtn.addEventListener('click', () => navigate(-1));\n      nextBtn.addEventListener('click', () => navigate(1));\n\n      modal.addEventListener('click', e => {\n        if (e.target === modal) closeModal();\n      });\n\n      document.addEventListener('keydown', e => {\n        if (!modal.classList.contains('active')) return;\n        if (e.key === 'Escape') closeModal();\n        if (e.key === 'ArrowLeft') navigate(-1);\n        if (e.key === 'ArrowRight') navigate(1);\n      });\n\n      function openModal() {\n        modal.classList.add('active');\n        updateImage();\n      }\n      function closeModal() {\n        modal.classList.remove('active');\n      }\n      function navigate(delta) {\n        currentIndex = (currentIndex + delta + images.length) % images.length;\n        updateImage();\n      }\n      function updateImage() {\n        modalImg.src = images[currentIndex];\n      }\n    });\n  <\/script>\n<\/body>\n<\/html>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bareeq-alzaytoun-showroom.com\/en\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bareeq-alzaytoun-showroom.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bareeq-alzaytoun-showroom.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bareeq-alzaytoun-showroom.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bareeq-alzaytoun-showroom.com\/en\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":63,"href":"https:\/\/bareeq-alzaytoun-showroom.com\/en\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":106,"href":"https:\/\/bareeq-alzaytoun-showroom.com\/en\/wp-json\/wp\/v2\/pages\/9\/revisions\/106"}],"wp:attachment":[{"href":"https:\/\/bareeq-alzaytoun-showroom.com\/en\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}