{"id":1944,"date":"2025-09-04T12:44:54","date_gmt":"2025-09-04T11:44:54","guid":{"rendered":"https:\/\/palta.restaurant\/inicio\/"},"modified":"2025-10-30T17:24:33","modified_gmt":"2025-10-30T17:24:33","slug":"home","status":"publish","type":"page","link":"https:\/\/palta.restaurant\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1944\" class=\"elementor elementor-1944 elementor-379\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43797d66 e-con-full e-flex e-con e-parent\" data-id=\"43797d66\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-4818db3 e-con-full e-flex e-con e-child\" data-id=\"4818db3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d4951fe e-con-full e-flex e-con e-child\" data-id=\"d4951fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-25ca868 container e-con-full e-flex e-con e-child\" data-id=\"25ca868\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4dcb44a elementor-widget elementor-widget-heading\" data-id=\"4dcb44a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Dishes with local soul<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a28a1a6 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"a28a1a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Honest cuisine, made with top-quality ingredients<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad23207 elementor-widget elementor-widget-html\" data-id=\"ad23207\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t  <div class=\"cards stacked\" >\n            <div class=\"card\">\n                <div class=\"popup-showcase one\">#LocalCuisine<\/div>\n            <\/div>\n            <div class=\"card\">\n\n                <div class=\"popup one\">#AuthenticFlavour<\/div>\n            <\/div>\n            <div class=\"card\">\n                <div class=\"popup-showcase two\">#PaltaExperience<\/div>\n            <\/div>\n            <div class=\"card\"> <\/div>\n            <div class=\"card\"> <\/div>\n            <div class=\"card\">\n\n\n            <\/div>\n            <div class=\"card\">\n                <div class=\"popup two\">#LocalFlavours<\/div>\n            <\/div>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4366d3a elementor-widget-divider--view-line_text elementor-widget-divider--element-align-center elementor-widget elementor-widget-divider\" data-id=\"4366d3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t\t<span class=\"elementor-divider__text elementor-divider__element\">\n\t\t\t\tContinue viewing\t\t\t\t<\/span>\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cbe4a7e e-con-full e-flex e-con e-child\" data-id=\"cbe4a7e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-8d7da6c e-con-full e-flex e-con e-child\" data-id=\"8d7da6c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be58259 elementor-widget elementor-widget-heading\" data-id=\"be58259\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Avocados from our orchard<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3a28dd elementor-widget elementor-widget-text-editor\" data-id=\"c3a28dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"p1\">Directly from our farm, fresh and high quality, the basis of our gastronomic essence<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9cf2ce3 e-con-full e-flex e-con e-child\" data-id=\"9cf2ce3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f2479e elementor-widget elementor-widget-heading\" data-id=\"1f2479e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Artisanal French pastries<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e63481 elementor-widget elementor-widget-text-editor\" data-id=\"8e63481\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"p1\">Traditional recipes with a touch of haute patisserie, handmade every day<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1522b68 e-con-full e-flex e-con e-child\" data-id=\"1522b68\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5acbc32 elementor-widget elementor-widget-heading\" data-id=\"5acbc32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Homemade semi-dried tomatoes<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6702be5 elementor-widget elementor-widget-text-editor\" data-id=\"6702be5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>A star product from Palta, prepared by hand to bring out all its flavour<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-492e0c5 spacing-huge e-con-full e-flex e-con e-child\" data-id=\"492e0c5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f5e8515 showcase e-con-full e-flex e-con e-child\" data-id=\"f5e8515\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-065a02b badge-showcase elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"065a02b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Palta Restaurant Santa Cruz de Tenerife<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1d36cf elementor-widget elementor-widget-heading\" data-id=\"c1d36cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The essence is <br> in the product\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67e4265c elementor-widget elementor-widget-text-editor\" data-id=\"67e4265c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We work with fresh, local, top-quality ingredients to offer honest dishes that are full of flavour. An experience that combines familiarity and authenticity in every bite<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a550b3a e-con-full button-wrapper-showcase e-flex e-con e-child\" data-id=\"a550b3a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac2818c elementor-align-left elementor-mobile-align-right elementor-widget-mobile__width-auto elementor-widget elementor-widget-button\" data-id=\"ac2818c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/palta.restaurant\/en\/menu\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-file-alt\" viewBox=\"0 0 384 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M288 248v28c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-28c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm-12 72H108c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12zm108-188.1V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V48C0 21.5 21.5 0 48 0h204.1C264.8 0 277 5.1 286 14.1L369.9 98c9 8.9 14.1 21.2 14.1 33.9zm-128-80V128h76.1L256 51.9zM336 464V176H232c-13.3 0-24-10.7-24-24V48H48v416h288z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Menu<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a1d1fe elementor-align-left elementor-mobile-align-center text-showcase elementor-widget elementor-widget-button\" data-id=\"1a1d1fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/palta.restaurant\/reservar\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Book<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d028a1a elementor-hidden-desktop elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"d028a1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_opacity_effect&quot;:&quot;yes&quot;,&quot;motion_fx_range&quot;:&quot;viewport&quot;,&quot;_animation_mobile&quot;:&quot;fadeIn&quot;,&quot;motion_fx_opacity_direction&quot;:&quot;out-in&quot;,&quot;motion_fx_opacity_level&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;motion_fx_opacity_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:20,&quot;end&quot;:80}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\" ti-arrow-top-right\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ff5ed0d e-con-full e-flex e-con e-child\" data-id=\"ff5ed0d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-080eb20 elementor-widget elementor-widget-spacer\" data-id=\"080eb20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-53eaf20b e-con-full e-flex e-con e-child\" data-id=\"53eaf20b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76cf7675 elementor-hidden-desktop elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"76cf7675\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_opacity_effect&quot;:&quot;yes&quot;,&quot;motion_fx_range&quot;:&quot;viewport&quot;,&quot;_animation_mobile&quot;:&quot;fadeIn&quot;,&quot;motion_fx_opacity_direction&quot;:&quot;out-in&quot;,&quot;motion_fx_opacity_level&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;motion_fx_opacity_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:20,&quot;end&quot;:80}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\" ti-arrow-top-right\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4404c033 e-con-full e-flex e-con e-child\" data-id=\"4404c033\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9404e43 elementor-widget elementor-widget-html\" data-id=\"9404e43\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n     body, html {\r\n\r\n    \r\n     position: relative;\r\n     overflow-x: hidden;\r\n     margin: 0;\r\n     background-color: #F8F8F8\r\n }\r\n\r\n \r\n\r\n .container {\r\n     position: relative;\r\n     display: grid;\r\n     justify-content: center;\r\n     place-items: center;\r\n     gap: 1.5rem;\r\n    \r\n    \r\n\r\n\r\n }\r\n\r\n .cards {\r\n     position: relative;\r\n    \r\n     height: 250px;\r\n     display: flex;\r\n     justify-content: center;\r\n     --card-width: 200px;\r\n     --spacing: calc(var(--card-width) \/ 2);\r\n     opacity: 0;\r\n     \r\n    \r\n }\r\n\r\n .card {\r\n     width: var(--card-width);\r\n     height: var(--card-width);\r\n     position: absolute;\r\n     top: 0;\r\n     left: 50%;\r\n     border-radius: 1rem;\r\n     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\r\n     display: flex;\r\n     align-items: center;\r\n     justify-content: center;\r\n  \r\n    \r\n    \r\n    \r\n     \/* CSS transforms for different states *\/\r\n     transform: translateX(-50%);\r\n     \/* Add smooth transition for transform changes *\/\r\n     transform-origin: center center;\r\n     \/* background-image: url(\"..\/img\/Espresso\\ on\\ Drip\\ Tray.png\"); *\/\r\n     background-size: cover;\r\n\r\n }\r\n\r\n .cards.spread .card {\r\n     transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1);\r\n     \r\n\r\n }\r\n\r\n \/* bg image *\/\r\n \r\n  .cards .card:nth-child(1) {\r\n  background-image: url(\"https:\/\/palta.restaurant\/wp-content\/uploads\/2025\/09\/restaurante-1.webp\");\r\n\r\n  }\r\n  .cards .card:nth-child(2) {\r\nbackground-image: url(\"https:\/\/palta.restaurant\/wp-content\/uploads\/2025\/09\/restaurante-2.webp\");\r\n\r\n  }\r\n  .cards .card:nth-child(3) {\r\n background-image: url(\"https:\/\/palta.restaurant\/wp-content\/uploads\/2025\/09\/restaurante-3.webp\");\r\n\r\n  }\r\n  .cards .card:nth-child(4) {\r\n  background-image: url(\"https:\/\/palta.restaurant\/wp-content\/uploads\/2025\/09\/restaurante-6.webp\");\r\n\r\n  }\r\n  .cards .card:nth-child(5) {\r\n     background-image: url(\"https:\/\/palta.restaurant\/wp-content\/uploads\/2025\/09\/restaurante-4.webp\");\r\n  \r\n  }\r\n  .cards .card:nth-child(6) {\r\n  background-image: url(\"https:\/\/palta.restaurant\/wp-content\/uploads\/2025\/09\/restaurante-5.webp\"); \r\n\r\n  }\r\n  .cards .card:nth-child(7) {\r\n background-image: url(\"https:\/\/palta.restaurant\/wp-content\/uploads\/2025\/09\/restaurante-7.webp\"); \r\n\r\n object-fit: cover;\r\n  }\r\n\r\n \/* Stacked state transforms *\/\r\n .cards.stacked .card:nth-child(1) {\r\n     transform: translateX(-50%) rotate(-10deg);\r\n       \r\n }\r\n\r\n .cards.stacked .card:nth-child(2) {\r\n     transform: translateX(-50%) rotate(-10deg);\r\n      \r\n }\r\n\r\n .cards.stacked .card:nth-child(3) {\r\n     transform: translateX(-50%) rotate(-10deg);\r\n     \r\n }\r\n\r\n .cards.stacked .card:nth-child(4) {\r\n     transform: translateX(-50%) rotate(-10deg);\r\n    \r\n }\r\n\r\n .cards.stacked .card:nth-child(5) {\r\n     transform: translateX(-50%) rotate(-10deg);\r\n   \r\n }\r\n\r\n .cards.stacked .card:nth-child(6) {\r\n     transform: translateX(-50%) rotate(-10deg);\r\n    \r\n }\r\n\r\n .cards.stacked .card:nth-child(7) {\r\n     transform: translateX(-50%) rotate(-10deg);\r\n     \r\n }\r\n\r\n \r\n \/* Spread state transforms *\/\r\n .cards.spread .card:nth-child(1) {\r\n     transform: translate(calc(-50% - var(--spacing) * 3.6), 40px) rotate(-12deg);\r\n }\r\n\r\n .cards.spread .card:nth-child(2) {\r\n     transform: translate(calc(-50% - var(--spacing) * 2.4), -10px) rotate(-6deg);\r\n }\r\n\r\n .cards.spread .card:nth-child(3) {\r\n     transform: translate(calc(-50% - var(--spacing) * 1.3), 10px) rotate(-4deg);\r\n }\r\n\r\n .cards.spread .card:nth-child(4) {\r\n     transform: translate(calc(-50% + 0px), 10px) rotate(0deg);\r\n }\r\n\r\n .cards.spread .card:nth-child(5) {\r\n     transform: translate(calc(-50% + var(--spacing) * 1.3), 10px) rotate(4deg);\r\n }\r\n\r\n .cards.spread .card:nth-child(6) {\r\n     transform: translate(calc(-50% + var(--spacing) * 2.4), 20px) rotate(8deg);\r\n }\r\n\r\n .cards.spread .card:nth-child(7) {\r\n     transform: translate(calc(-50% + var(--spacing) * 3.6), 10px) rotate(12deg);\r\n }\r\n\r\n\r\n\r\n \/* vertical stacking *\/\r\n\r\n .cards.verticalspread .card:nth-child(1) {\r\n     transform: translate(0%, 0%) scale(1);\r\n\r\n }\r\n\r\n .cards.verticalspread .card:nth-child(2) {\r\n     transform: translate(45%, 25%) scale(0.97);\r\n\r\n }\r\n\r\n .cards.verticalspread .card:nth-child(3) {\r\n     transform: translate(90%, 50%) scale(0.94);\r\n\r\n }\r\n\r\n .cards.verticalspread .card:nth-child(4) {\r\n     transform: translate(135%, 75%) scale(0.91);\r\n\r\n }\r\n\r\n .cards.verticalspread .card:nth-child(5) {\r\n     transform: translate(180%, 100%) scale(0.88);\r\n\r\n }\r\n\r\n .cards.verticalspread .card:nth-child(6) {\r\n     transform: translate(225%, 125%) scale(0.85);\r\n\r\n }\r\n\r\n \/* Popup styles *\/\r\n .popup,\r\n .popup-showcase {\r\n     position: absolute;\r\n     top: -50px;\r\n     left: 50%;\r\n     transform: translateX(-50%) scale(0);\r\n     background: #333;\r\n     color: white;\r\n     padding: 8px 12px;\r\n     border-radius: 6px;\r\n     font-size: 14px;\r\n     font-weight: bold;\r\n     font-family: \"DM Sans\", Sans-serif;\r\n     white-space: nowrap;\r\n     opacity: 0;\r\n     z-index: 10;\r\n     pointer-events: none;\r\n }\r\n\r\n .popup::after,\r\n .popup-showcase::after {\r\n     content: '';\r\n     position: absolute;\r\n     top: 100%;\r\n     left: 70%;\r\n     transform: translateX(-50%);\r\n     border: 6px solid transparent;\r\n\r\n }\r\n\r\n .popup.one {\r\n     background-color: #5D7534;\r\n }\r\n\r\n .popup.one::after {\r\n     border-top-color: #5D7534;\r\n\r\n }\r\n .popup.two {\r\n     background-color: #333333;\r\n }\r\n\r\n .popup.two::after {\r\n     border-top-color: #333333;\r\n\r\n }\r\n .popup-showcase.one {\r\n     background-color: #5D7534;\r\n }\r\n\r\n  .popup-showcase.one::after {\r\n     border-top-color: #5D7534;\r\n\r\n }\r\n .popup-showcase.two {\r\n     background-color: #333333;\r\n }\r\n\r\n .popup-showcase.two::after {\r\n     border-top-color: #333333;\r\n\r\n }\r\n\r\n \/* Popup visible state *\/\r\n .popup.show {\r\n     transform: translateX(-50%) scale(1);\r\n     opacity: 1;\r\n }\r\n\r\n .text-landing {\r\n     text-align: center;\r\n }\r\n\r\n \r\n\r\n \r\n \r\n\r\n\r\n \r\n\r\n .text-landing {\r\n     position: relative;\r\n     z-index: -1;\r\n }\r\n\r\n \r\n  \r\n\r\n  \r\n\r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n\r\n .card {\r\n     will-change: transform;\r\n }\r\n\r\n \/* Tablet - Hide cards 4, 5, 6, 7 - only show first 3 cards *\/\r\n @media (max-width: 768px) {\r\n\r\n     .card:nth-child(1),\r\n     .card:nth-child(2),\r\n     .card:nth-child(6),\r\n     .card:nth-child(7) {\r\n         display: none;\r\n     }\r\n\r\n     .container {\r\n         height: 80vh;\r\n         align-content: center;\r\n         gap: 2.5rem;\r\n     }\r\n\r\n     .cards {\r\n         position: relative;\r\n         width: auto;\r\n         height: 300px;\r\n         display: flex;\r\n         justify-content: center;\r\n         --card-width: 150px;\r\n         --spacing: calc(var(--card-width) \/ 2);\r\n         opacity: 0;\r\n     }\r\n\r\n    \r\n    \r\n\r\n     \r\n    \r\n }\r\n \r\n \r\n }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-42194940 e-con-full e-flex e-con e-child\" data-id=\"42194940\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c1d6faa elementor-widget elementor-widget-html\" data-id=\"2c1d6faa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.13.0\/dist\/ScrollTrigger.min.js\"><\/script>\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.13.0\/dist\/SplitText.min.js\"><\/script>\r\n    <script src=\"https:\/\/unpkg.com\/lenis@1.3.8\/dist\/lenis.min.js\"><\/script>\r\n\r\n <script>\r\n        \/\/ Initialize a new Lenis instance for smooth scrolling\r\n        \/\/ Initialize Lenis\r\n        const lenis = new Lenis({\r\n            autoRaf: true,\r\n        });\r\n\r\n        \/\/ Listen for the scroll event and log the event data\r\n        lenis.on('scroll', (e) => {\r\n\r\n        });\r\n\r\n    <\/script>\r\n \r\n\r\n    <script>\r\n        gsap.registerPlugin(SplitText)\r\n        gsap.registerPlugin(ScrollTrigger)\r\n        \r\n\/\/ GSAP Timeline for professional header entrance animation\r\n\/\/ GSAP Timeline for professional header entrance animation\r\nfunction initHeaderAnimation() {\r\n   \/\/ Create master timeline\r\n   const tl = gsap.timeline();\r\n   \r\n   \/\/ Set initial states - fade in from below with blur\r\n   gsap.set(\".logo-container img\", { \r\n       opacity: 0, \r\n       y: 50,\r\n       filter: \"blur(10px)\"\r\n   });\r\n   \r\n   gsap.set(\".links-wrapper .hfe-nav-menu li\", { \r\n       opacity: 0, \r\n       y: 50,\r\n       filter: \"blur(10px)\"\r\n   });\r\n   \r\n   gsap.set(\".hfe-nav-menu__toggle\", { \r\n       opacity: 0, \r\n       y: 50,\r\n       filter: \"blur(10px)\"\r\n   });\r\n\r\n   \/\/ Animate logo entrance\r\n   tl.to(\".logo-container img\", {\r\n       duration: 1,\r\n       opacity: 1,\r\n       y: 0,\r\n       filter: \"blur(0px)\",\r\n       ease: \"power2.out\"\r\n   })\r\n   \r\n   \/\/ Animate navigation items with reverse stagger (last item first)\r\n   .to(\".links-wrapper .hfe-nav-menu li\", {\r\n       duration: 0.8,\r\n       opacity: 1,\r\n       y: 0,\r\n       filter: \"blur(0px)\",\r\n       stagger: {\r\n           each: 0.15,\r\n           from: \"end\"\r\n       },\r\n       ease: \"power2.out\"\r\n   }, \"-=0.6\")\r\n   \r\n   \/\/ Animate mobile toggle\r\n   .to(\".hfe-nav-menu__toggle\", {\r\n       duration: 0.7,\r\n       opacity: 1,\r\n       y: 0,\r\n       filter: \"blur(0px)\",\r\n       ease: \"power2.out\"\r\n   }, \"-=0.4\");\r\n\r\n   return tl;\r\n}\r\n\r\n\/\/ Function to replay animation\r\nfunction replayAnimation() {\r\n   initHeaderAnimation();\r\n}\r\n\r\n\/\/ Initialize when page loads\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n   initHeaderAnimation();\r\n});\r\n        \/\/ function lockScroll(duration = 4000) {\r\n        \/\/     const scrollY = window.scrollY;\r\n\r\n        \/\/     document.body.style.position = 'fixed';\r\n        \/\/     document.body.style.top = `-${scrollY}px`;\r\n        \/\/     document.body.style.left = '0';\r\n        \/\/     document.body.style.right = '0';\r\n        \/\/     document.body.style.width = '100%';\r\n        \/\/     document.body.style.overflow = 'hidden';\r\n\r\n        \/\/     setTimeout(() => {\r\n        \/\/         document.body.style.position = '';\r\n        \/\/         document.body.style.top = '';\r\n        \/\/         document.body.style.left = '';\r\n        \/\/         document.body.style.right = '';\r\n        \/\/         document.body.style.width = '';\r\n        \/\/         document.body.style.overflow = '';\r\n\r\n        \/\/         window.scrollTo(0, scrollY);\r\n        \/\/     }, duration);\r\n        \/\/ }\r\n\r\n        \/\/ Always scroll to top on reload\r\n        \/\/ if ('scrollRestoration' in history) {\r\n        \/\/     history.scrollRestoration = 'manual'; \/\/ Disable auto scroll restore\r\n        \/\/ }\r\n\r\n        \/\/ window.addEventListener('beforeunload', () => {\r\n        \/\/     window.scrollTo(0, 0); \/\/ Ensures it's at the top before leaving\r\n        \/\/ });\r\n\r\n        window.addEventListener('load', () => {\r\n            window.scrollTo(0, 0); \/\/ Forces top scroll on load\r\n            \r\n             \r\n        });\r\n\r\n\r\n        const cards = document.querySelector('.cards');\r\n        const toggleBtn = document.getElementById('spreadToggle');\r\n        const popups = document.querySelectorAll('.popup');\r\n        const cardsElement = document.querySelector('.card');\r\n        const computedStyles = getComputedStyle(cardsElement);\r\n        const cardWidth = parseInt(computedStyles.getPropertyValue('--card-width'));\r\n        const spacing = cardWidth \/ 2;\r\n\r\n        gsap.set(popups, {\r\n            scale: 0,\r\n            opacity: 0,\r\n            transformOrigin: \"center bottom\"\r\n        });\r\n\r\n\r\n\r\n        \/\/ GSAP Timeline for spreading animation\r\n        function createSpreadTimeline() {\r\n            const tl = gsap.timeline();\r\n            const spreadData = [\r\n                { x: -spacing * 3.6, y: 40, rotation: -12 },\r\n                { x: -spacing * 2.4, y: -10, rotation: -6 },\r\n                { x: -spacing * 1.3, y: 10, rotation: -4 },\r\n                { x: 0, y: 10, rotation: 0 },\r\n                { x: spacing * 1.3, y: 10, rotation: 4 },\r\n                { x: spacing * 2.4, y: 20, rotation: 8 },\r\n                { x: spacing * 3.6, y: 10, rotation: 12 }\r\n            ];\r\n\r\n            tl.set('.cards', { opacity: 1 })\r\n                .from('.cards', { y: '50vh', rotate: -15, duration: 1.5 })\r\n                .call(() => {\r\n                    spreadData.forEach((data, index) => {\r\n                        gsap.to(`.card:nth-child(${index + 1})`, {\r\n                            x: data.x,\r\n                            y: data.y,\r\n                            rotation: data.rotation,\r\n                            duration: 1.2,\r\n                            ease: \"cubic-bezier(0.4, 0, 0.2, 1)\"\r\n                        });\r\n                    });\r\n                })\r\n                .to(popups, {\r\n                    scale: 1,\r\n                    opacity: 1,\r\n                    duration: 0.3,\r\n                    ease: \"back.out(1.7)\"\r\n                }, 2.2);\r\n\r\n            return tl;\r\n        }\r\n        \/\/ Initialize GSAP transforms for popups\r\n\r\n\r\n\r\n        \/\/ Auto-start animation after page loads\r\n        window.addEventListener('load', () => {\r\n            \/\/ Add a small delay to ensure everything is fully loaded\r\n            setTimeout(() => {\r\n                createSpreadTimeline().play();\r\n            }, 500); \/\/ 500ms delay after page load\r\n        });\r\n\r\n        document.fonts.ready.then(() => {\r\n            \/\/ Create the main timeline\r\n            const mainTimeline = gsap.timeline({delay:1});\r\n\r\n            \/\/ Set initial states\r\n            gsap.set(\".text-landing\", { opacity: 1 });\r\n            gsap.set(\".heading-split\", { opacity: 1 });\r\n            gsap.set(\".text-showcase\", { opacity: 1 });\r\n            gsap.set(\".heading-split-showcase\", { opacity: 1 });\r\n\r\n            \/\/ Create SplitText for both elements\r\n            const splitTextLanding = SplitText.create(\".text-landing\", {\r\n                type: \"words,lines\",\r\n                linesClass: \"line\",\r\n                autoSplit: true\r\n            });\r\n\r\n            const splitHeading = SplitText.create(\".heading-split\", {\r\n                type: \"words,lines\",\r\n                linesClass: \"line\",\r\n                autoSplit: true\r\n            });\r\n            const splitTextShowcase = SplitText.create(\".text-showcase\", {\r\n                type: \"words,lines\",\r\n                linesClass: \"line\",\r\n                \/\/ autoSplit: true\r\n            });\r\n\r\n            const splitHeadingShowcase = SplitText.create(\".heading-split-showcase\", {\r\n                type: \"words,lines\",\r\n                linesClass: \"line\",\r\n                \/\/ autoSplit: true\r\n            });\r\n            const splitBadgeShowcase = SplitText.create(\".badge-showcase\", {\r\n                type: \"words,lines\",\r\n                linesClass: \"line\",\r\n                autoSplit: true\r\n            });\r\n\r\n            \/\/ Add animations to timeline\r\n            mainTimeline\r\n                .from(splitHeading.words, {\r\n                    duration: 2,\r\n                    filter: 'blur(5px)',\r\n                    yPercent: 100,\r\n                    opacity: 0,\r\n                    stagger: 0.2,\r\n                    ease: \"expo.out\"\r\n                }, 0) \/\/ Start immediately\r\n                .from(splitTextLanding.words, {\r\n                    duration: 1.5,\r\n                    filter: 'blur(5px)',\r\n                    yPercent: 100,\r\n                    opacity: 0,\r\n                    stagger: 0.05,\r\n                    ease: \"expo.out\"\r\n                }, 2.5) \/\/ Start at 3 seconds\r\n                .from('.button-landing-cta', {\r\n                    autoAlpha: 0,\r\n                    y: 40,\r\n                    stagger: 0.2,\r\n                    duration: 1\r\n                }, 3); \/\/ Start at 3.5 seconds\r\n\r\n            \/\/ Showcase section timeline (ScrollTrigger activated)\r\n            const showcaseTimeline = gsap.timeline({\r\n                scrollTrigger: {\r\n                    trigger: \".showcase\", \/\/ or use a wrapper element like \".showcase-section\"\r\n                    start: \"clamp(top center)\",\r\n                     end: \"bottom top\",\r\n                    \/\/end: \"bottom 65%\",\r\n                    toggleActions: \"play none none none\",\r\n                    \/\/ scrub: true,\r\n                    \/\/ markers: true \/\/ uncomment for debugging\r\n                }\r\n            });\r\n\r\n            showcaseTimeline\r\n                .from(splitBadgeShowcase.words, {\r\n                    duration: 1.2,\r\n                    filter: 'blur(5px)',\r\n                    yPercent: 100,\r\n                    opacity: 0,\r\n                    ease: \"expo.out\"\r\n\r\n                })\r\n                .from(splitHeadingShowcase.words, {\r\n                    duration: 1.5,\r\n                    filter: 'blur(5px)',\r\n                    yPercent: 100,\r\n                    opacity: 0,\r\n                    stagger: 0.2,\r\n                    ease: \"expo.out\"\r\n                }, '-=1') \/\/ Start immediately when triggered\r\n                .from(splitTextShowcase.words, {\r\n                    duration: 1.5,\r\n                    filter: 'blur(5px)',\r\n                    yPercent: 100,\r\n                    opacity: 0,\r\n                    stagger: 0.05,\r\n                    ease: \"expo.out\"\r\n                }, 1.5) \/\/ Start 1 seconds after heading\r\n                .from('.button-showcase-cta', {\r\n                    autoAlpha: 0,\r\n                    y:40,\r\n                    stagger: 0.2,\r\n                    duration: 1\r\n                }, \"-=1.3\");\r\n            \/\/ Return both timelines for external control\r\n            return {\r\n                landing: mainTimeline,\r\n                showcase: showcaseTimeline\r\n            };\r\n        });\r\n\r\n\r\n\r\n\r\n        \/\/ Select the two elements\r\n\r\n        const showcase = document.querySelector('.showcase');\r\n\r\n        \/\/ Get the bottom position of the .showcase section\r\n        const showcaseBottom = showcase.offsetTop + showcase.offsetHeight;\r\n\r\n        \/\/ Get the top position of the .cards element\r\n        const cardsTop = cards.getBoundingClientRect().top + window.scrollY;\r\n        const cardsBottom = cards.offsetTop + cards.offsetHeight;\r\n\r\n        \/\/ Calculate the distance\r\n        let distance = showcaseBottom - cardsTop + 100;\r\n        let distanceMobile = showcaseBottom - cardsTop + 280;\r\n\r\n\r\n        \/\/ console.log('Distance between .cards and bottom of .showcase:', distance, 'px');\r\n\r\n        \/\/ 1. Wait a bit for the initial spread to happen\r\n        \/\/ Replace the existing scroll trigger section in your code with this:\r\n\r\n        \/\/ 1. Wait a bit for the initial spread to happen\r\n        setTimeout(() => {\r\n            const cards = document.querySelectorAll('.cards .card');\r\n            \/\/ Calculate spread positions from CSS custom properties\r\n\r\n\r\n            \/\/ const spreadData = [\r\n            \/\/     { x: -spacing * 3.6, y: 40, rotation: -12 },\r\n            \/\/     { x: -spacing * 2.4, y: -10, rotation: -6 },\r\n            \/\/     { x: -spacing * 1.3, y: 10, rotation: -4 },\r\n            \/\/     { x: 0, y: 10, rotation: 0 },\r\n            \/\/     { x: spacing * 1.3, y: 10, rotation: 4 },\r\n            \/\/     { x: spacing * 2.4, y: 20, rotation: 8 },\r\n            \/\/     { x: spacing * 3.6, y: 10, rotation: 12 }\r\n            \/\/ ];\r\n\r\n            \/\/ Remove all CSS classes to avoid conflicts\r\n            \/\/ document.querySelector('.cards').classList.remove('spread', 'stacked');\r\n\r\n\r\n            \/\/ Use fromTo instead of set + to for smoother animation\r\n            \/\/ cards.forEach((card, i) => {\r\n            \/\/     \/\/ Set initial spread position immediately without transition\r\n            \/\/     gsap.set(card, {\r\n            \/\/         x: spreadData[i].x,\r\n            \/\/         y: spreadData[i].y,\r\n            \/\/         rotation: spreadData[i].rotation,\r\n            \/\/         xPercent: -50,\r\n            \/\/         \/\/ Enable hardware acceleration\r\n            \/\/     });\r\n            \/\/ });\r\n            \/\/ remove the popup \r\n            gsap.to(popups, {\r\n                scrollTrigger: {\r\n                    trigger: \".cards\",\r\n                    start: \"bottom center\",\r\n                    \/\/ endTrigger: \".text-showcase\",\r\n                    \/\/ end: \"bottom top\",\r\n                    toggleActions: \"play none none reverse\",\r\n                },\r\n                scale: 0,\r\n                \/\/ opacity: 1,\r\n                duration: 0.3,\r\n                ease: \"back.in(1.7)\"\r\n            });\r\n            \/\/ STEP 1: Animate cards from spread \u2192 stacked (with scrub)\r\n            cards.forEach((card, i) => {\r\n\r\n                gsap.to(card, {\r\n                    scrollTrigger: {\r\n                        trigger: \".cards\",\r\n                        start: \"top 20%\",\r\n                        endTrigger: \".text-showcase\",\r\n                        end: \"bottom bottom\",\r\n                        scrub: true,\r\n\r\n\r\n                    },\r\n                    x: 0,\r\n                    y: 0,\r\n                    rotation: 0,\r\n                    ease: \"none\",\r\n                    xPercent: -50\r\n                });\r\n            });\r\n\r\n            \/\/ STEP 2: Animate the whole wrapper down (this completes first)\r\n            gsap.to('.cards', {\r\n                scrollTrigger: {\r\n                    trigger: \".cards\",\r\n                    start: \"top 20%\",\r\n                    endTrigger: \".text-showcase\",\r\n                    end: \"bottom center\", \/\/ This completes at \"bottom top\"\r\n                    scrub: true,\r\n                    \/\/ markers: true,\r\n                    id: '2',\r\n                   \r\n\r\n                },\r\n                y: distance,\r\n                ease: \"none\",\r\n            });\r\n            \/\/ popup showcase \r\n            gsap.to('.popup-showcase', {\r\n                scrollTrigger: {\r\n                    trigger: \".text-showcase\",\r\n                    start: \"bottom 55%\",\r\n                    endTrigger: \".text-showcase\",\r\n                    end: \"bottom center\",\r\n                    toggleActions: \"play none none reverse\",\r\n                    \/\/ markers:true,\r\n\r\n                },\r\n                scale: 1,\r\n                opacity: 1,\r\n                duration: 0.3,\r\n                rotate: -5,\r\n                delay: .5,\r\n                repeatDelay: .5,\r\n                ease: \"back.out(1.7)\"\r\n            });\r\n            \/\/ STEP 3: Vertical spread trigger - starts AFTER the y:distance is complete\r\n            const verticalSpreadData = [\r\n                { xPercent: -50, yPercent: 0, scale: 1.2 },   \/\/ Card 1 - starting from -50\r\n                { xPercent: 30, yPercent: 18, scale: 1.19 },  \/\/ Card 2 - maintained 80 unit increment\r\n                { xPercent: 110, yPercent: 36, scale: 1.18 }, \/\/ Card 3 - maintained 80 unit increment\r\n                { xPercent: 190, yPercent: 54, scale: 1.17 }, \/\/ Card 4 - maintained 80 unit increment\r\n                { xPercent: 270, yPercent: 72, scale: 1.16 }, \/\/ Card 5 - maintained 80 unit increment\r\n                { xPercent: 350, yPercent: 90, scale: 1.15 }, \/\/ Card 6 - maintained 80 unit increment\r\n                { xPercent: 430, yPercent: 108, scale: 1.14 }, \/\/ Card 7 - maintained 80 unit increment\r\n            ];\r\n\r\n\r\n\r\n\r\n            \/\/ Animate each card's vertical spread with scrub\r\n            cards.forEach((card, i) => {\r\n                gsap.to(card, {\r\n                    scrollTrigger: {\r\n                        trigger: \".text-showcase\",\r\n                        start: \"bottom 60%\",\r\n                        endTrigger: \".text-showcase\",\r\n                        end: \"bottom center\", \/\/ This completes at \"bottom top\"\r\n                        id: 'll',\r\n                        toggleActions: \"play none none reverse\",\r\n                        \/\/ markers: true\r\n                    },\r\n                    xPercent: verticalSpreadData[i].xPercent,\r\n                    yPercent: verticalSpreadData[i].yPercent,\r\n                    scale: verticalSpreadData[i].scale,\r\n                    \/\/ duration:2,\r\n                    ease: \"none\" \/\/ Use \"none\" for scrub animations\r\n                });\r\n            });\r\n\r\n            \/\/ Reset back to stacked positions (after y:distance movement)\r\n            gsap.matchMedia().add(\"(max-width: 768px)\", () => {\r\n\r\n\r\n                ScrollTrigger.getAll().forEach(trigger => {\r\n                    if (trigger.vars.id === '2' || trigger.vars.id === 'll' ||\r\n                        trigger.trigger === document.querySelector('.cards') ||\r\n                        trigger.trigger === document.querySelector('.text-showcase')) {\r\n                        trigger.kill();\r\n                    }\r\n                });\r\n                \/\/ Hide cards 1, 2, 6, 7 (indices 0, 1, 5, 6)\r\n                const cardsToHide = [0, 1, 5, 6];\r\n                cardsToHide.forEach(index => {\r\n                    if (cards[index]) {\r\n                        gsap.set(cards[index], { display: \"none\" });\r\n                    }\r\n                });\r\n\r\n                \/\/ Show only cards 3, 4, 5 (indices 2, 3, 4) and apply vertical spread data\r\n                const visibleCards = [cards[2], cards[3], cards[4]]; \/\/ 3rd, 4th, 5th cards\r\n                const tabletSpreadData = [\r\n                    { xPercent: -50, yPercent: 0, scale: 1.16 }, \/\/ 3rd card (index 2) - repositioned as first\r\n                    { xPercent: 30, yPercent: 18, scale: 1.14 }, \/\/ 4th card (index 3) - repositioned as second\r\n                    { xPercent: 110, yPercent: 36, scale: 1.12 }  \/\/ 5th card (index 4) - repositioned as third\r\n                ];\r\n\r\n                \/\/ Remove popup animations for tablet\r\n                gsap.to(popups, {\r\n                    scrollTrigger: {\r\n                        trigger: \".cards\",\r\n                        start: \"bottom center\",\r\n                        toggleActions: \"play none none reverse\",\r\n                    },\r\n                    scale: 0,\r\n                    duration: 0.3,\r\n                    ease: \"back.in(1.7)\"\r\n                });\r\n\r\n                \/\/ Animate visible cards from spread \u2192 stacked\r\n                visibleCards.forEach((card, i) => {\r\n                    if (card) {\r\n                        gsap.to(card, {\r\n                            scrollTrigger: {\r\n                                trigger: \".cards\",\r\n                                start: \"top 25%\",\r\n                                endTrigger: \".text-showcase\",\r\n                                end: \"bottom bottom\",\r\n                                scrub: true,\r\n                            },\r\n                            x: 0,\r\n                            y: 0,\r\n                            rotation: 0,\r\n                            ease: \"none\",\r\n                            xPercent: -50\r\n                        });\r\n                    }\r\n                });\r\n\r\n                \/\/ Animate the whole wrapper down\r\n                gsap.to('.cards', {\r\n                    scrollTrigger: {\r\n                        trigger: \".cards\",\r\n                        start: \"top 25%\",\r\n                        endTrigger: \".text-showcase\",\r\n                        end: \"bottom center\",\r\n                        scrub: true,\r\n                    },\r\n                    y: distanceMobile,\r\n                    ease: \"none\",\r\n                });\r\n\r\n                \/\/ Popup showcase animation\r\n                gsap.to('.popup-showcase', {\r\n                    scrollTrigger: {\r\n                        trigger: \".text-showcase\",\r\n                        start: \"bottom 55%\",\r\n                        endTrigger: \".text-showcase\",\r\n                        end: \"bottom center\",\r\n                        toggleActions: \"play none none reverse\",\r\n                    },\r\n                    scale: 1,\r\n                    opacity: 1,\r\n                    duration: 0.3,\r\n                    delay: .5,\r\n                    repeatDelay: .5,\r\n                    ease: \"back.out(1.7)\"\r\n                });\r\n\r\n                \/\/ Apply vertical spread to visible cards with tablet-specific data\r\n                visibleCards.forEach((card, i) => {\r\n                    if (card) {\r\n                        gsap.to(card, {\r\n                            scrollTrigger: {\r\n                                trigger: \".text-showcase\",\r\n                                start: \"bottom 60%\",\r\n                                endTrigger: \".text-showcase\",\r\n                                end: \"bottom center\",\r\n                                toggleActions: \"play none none reverse\",\r\n                            },\r\n                            xPercent: tabletSpreadData[i].xPercent,\r\n                            yPercent: tabletSpreadData[i].yPercent,\r\n                            scale: tabletSpreadData[i].scale,\r\n                            ease: \"none\"\r\n                        });\r\n                    }\r\n                });\r\n\r\n            });\r\n        }, 4000);\r\n        \r\n        \/\/ GSAP MatchMedia for tablet and below\r\n        \/\/ GSAP matchMedia for tablet and below\r\n\r\n\r\n    <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4825dc0 elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"4825dc0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b0d412a elementor-widget elementor-widget-html\" data-id=\"7b0d412a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n\/*main menu area css start*\/\nnav.elementor-nav-menu--main ul li a:hover, nav.elementor-nav-menu--main ul li a.elementor-item.elementor-item-active {\n    background: #FFFFFF;\n    border-radius: 100px;\n}\n.elementor-menu-toggle {\n    padding: 8px;\n}\n\/*main menu area css end*\/\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dishes with local soul Honest cuisine, made with top-quality ingredients #LocalCuisine #AuthenticFlavour #PaltaExperience #LocalFlavours Continue viewing Avocados from our orchard Directly from our farm, fresh and high quality, the basis of our gastronomic essence Artisanal French pastries Traditional recipes with a touch of haute patisserie, handmade every day Homemade semi-dried tomatoes A star product from [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1944","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/palta.restaurant\/en\/wp-json\/wp\/v2\/pages\/1944","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/palta.restaurant\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/palta.restaurant\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/palta.restaurant\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/palta.restaurant\/en\/wp-json\/wp\/v2\/comments?post=1944"}],"version-history":[{"count":21,"href":"https:\/\/palta.restaurant\/en\/wp-json\/wp\/v2\/pages\/1944\/revisions"}],"predecessor-version":[{"id":2089,"href":"https:\/\/palta.restaurant\/en\/wp-json\/wp\/v2\/pages\/1944\/revisions\/2089"}],"wp:attachment":[{"href":"https:\/\/palta.restaurant\/en\/wp-json\/wp\/v2\/media?parent=1944"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}