{"id":2,"date":"2026-08-08T22:13:10","date_gmt":"2026-08-08T18:43:10","guid":{"rendered":"https:\/\/shap.abbas-wordpress.ir\/?page_id=2"},"modified":"2026-08-10T21:43:08","modified_gmt":"2026-08-10T18:13:08","slug":"%d8%a8%d8%b1%da%af%d9%87-%d9%86%d9%85%d9%88%d9%86%d9%87","status":"publish","type":"page","link":"https:\/\/shap.abbas-wordpress.ir\/","title":{"rendered":"\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n MOCHISA | \u0628\u0648\u062a\u06cc\u06a9 \u0644\u0648\u06a9\u0633 \u0645\u0648\u0686\u06cc \u062f\u0633\u062a\u200c\u0633\u0627\u0632 \u0698\u0627\u067e\u0646\u06cc<\/title>\r\n \r\n <!-- \u0633\u0626\u0648 \u0648 \u0645\u062a\u0627\u062a\u06af\u200c\u0647\u0627\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc -->\r\n <meta name=\"description\" content=\"\u062a\u062c\u0631\u0628\u0647 \u0637\u0639\u0645 \u0627\u0635\u06cc\u0644 \u0645\u0648\u0686\u06cc \u0698\u0627\u067e\u0646\u06cc \u062f\u0631 \u0645\u0648\u0686\u06cc\u200c\u0633\u0627. \u0645\u0648\u0686\u06cc\u200c\u0647\u0627\u06cc \u062a\u0627\u0632\u0647\u060c \u0646\u0631\u0645 \u0648 \u062f\u0633\u062a\u200c\u0633\u0627\u0632 \u0628\u0627 \u0637\u0639\u0645\u200c\u0647\u0627\u06cc \u0645\u0627\u0686\u0627\u060c \u062a\u0648\u062a\u200c\u0641\u0631\u0646\u06af\u06cc\u060c \u0627\u0646\u0628\u0647\u060c \u0634\u06a9\u0644\u0627\u062a \u0648 \u067e\u0633\u062a\u0647. \u0633\u0641\u0627\u0631\u0634 \u0622\u0646\u0644\u0627\u06cc\u0646 \u0628\u0627 \u0627\u0631\u0633\u0627\u0644 \u0648\u06cc\u0698\u0647.\">\r\n <link rel=\"canonical\" href=\"https:\/\/shap.abbas-wordpress.ir\/\">\r\n \r\n <!-- Schema.org \u0628\u0631\u0627\u06cc \u06af\u0648\u06af\u0644 \u0648 \u0633\u0626\u0648 \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u06cc -->\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"Bakery\",\r\n \"name\": \"MOCHISA\",\r\n \"image\": \"https:\/\/shap.abbas-wordpress.ir\/wp-content\/uploads\/mochi-hero.png\",\r\n \"@id\": \"https:\/\/shap.abbas-wordpress.ir\/\",\r\n \"url\": \"https:\/\/shap.abbas-wordpress.ir\/\",\r\n \"telephone\": \"+989114753055\",\r\n \"priceRange\": \"$$\",\r\n \"address\": {\r\n \"@type\": \"PostalAddress\",\r\n \"streetAddress\": \"\u0645\u0627\u0632\u0646\u062f\u0631\u0627\u0646\",\r\n \"addressLocality\": \"\u062c\u0648\u06cc\u0628\u0627\u0631\",\r\n \"addressCountry\": \"IR\"\r\n },\r\n \"openingHoursSpecification\": {\r\n \"@type\": \"OpeningHoursSpecification\",\r\n \"dayOfWeek\": [\r\n \"Monday\", \"Tuesday\", \"Wednesday\", \"Thursday\", \"Friday\", \"Saturday\", \"Sunday\"\r\n ],\r\n \"opens\": \"09:00\",\r\n \"closes\": \"22:00\"\r\n }\r\n }\r\n <\/script>\r\n\r\n <!-- \u0641\u0648\u0646\u062a \u0648\u0632\u06cc\u0631 \u0645\u062a\u0646 CDN -->\r\n <link href=\"https:\/\/cdn.jsdelivr.net\/gh\/rastikerdar\/vazirmatn@v33.003\/Vazirmatn-font-face.css\" rel=\"stylesheet\" type=\"text\/css\" \/>\r\n <!-- Tailwind CSS -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <!-- FontAwesome Icons -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <!-- GSAP & ScrollTrigger -->\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n cream: '#F8F5EF',\r\n warmWhite: '#FCFBF8',\r\n softPink: '#F2D7D9',\r\n beige: '#E8DCCB',\r\n darkBrown: '#2D211B',\r\n matcha: '#7A8D58',\r\n charcoal: '#171412',\r\n },\r\n fontFamily: {\r\n sans: ['Vazirmatn', 'sans-serif'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n body {\r\n font-family: 'Vazirmatn', sans-serif;\r\n background-color: #171412;\r\n color: #F8F5EF;\r\n overflow-x: hidden;\r\n }\r\n .glass-header {\r\n background: rgba(23, 20, 18, 0.85);\r\n backdrop-filter: blur(16px);\r\n -webkit-backdrop-filter: blur(16px);\r\n border-bottom: 1px solid rgba(232, 220, 203, 0.1);\r\n }\r\n .text-gradient {\r\n background: linear-gradient(135deg, #FCFBF8 0%, #E8DCCB 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n .mochi-3d-card {\r\n transform-style: preserve-3d;\r\n perspective: 1000px;\r\n }\r\n .mochi-img-glow {\r\n filter: drop-shadow(0 25px 35px rgba(242, 215, 217, 0.15));\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"antialiased\">\r\n\r\n <!-- \u0647\u062f\u0631 \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u0644\u0648\u06a9\u0633 -->\r\n <header class=\"fixed top-0 left-0 right-0 z-50 glass-header transition-all duration-300\">\r\n <div class=\"max-w-7xl mx-auto px-6 h-20 flex items-center justify-between\">\r\n <div class=\"flex items-center gap-3\">\r\n <span class=\"text-2xl font-black tracking-widest text-warmWhite\">MOCHISA<\/span>\r\n <span class=\"w-2.5 h-2.5 rounded-full bg-softPink animate-pulse\"><\/span>\r\n <\/div>\r\n\r\n <nav class=\"hidden md:flex items-center gap-8 text-sm font-medium text-beige\/80\">\r\n <a href=\"#hero\" class=\"hover:text-warmWhite transition-colors\">\u062e\u0627\u0646\u0647<\/a>\r\n <a href=\"#ingredients\" class=\"hover:text-warmWhite transition-colors\">\u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647<\/a>\r\n <a href=\"#process\" class=\"hover:text-warmWhite transition-colors\">\u0647\u0646\u0631 \u0633\u0627\u062e\u062a<\/a>\r\n <a href=\"#flavors\" class=\"hover:text-warmWhite transition-colors\">\u0637\u0639\u0645\u200c\u0647\u0627<\/a>\r\n <a href=\"#packaging\" class=\"hover:text-warmWhite transition-colors\">\u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc<\/a>\r\n <a href=\"#contact\" class=\"hover:text-warmWhite transition-colors\">\u062a\u0645\u0627\u0633<\/a>\r\n <\/nav>\r\n\r\n <div class=\"hidden md:block\">\r\n <a href=\"#flavors\" class=\"bg-softPink text-darkBrown px-6 py-2.5 rounded-full text-sm font-bold hover:bg-warmWhite transition-all duration-300 shadow-lg\">\r\n \u0633\u0641\u0627\u0631\u0634 \u0622\u0646\u0644\u0627\u06cc\u0646\r\n <\/a>\r\n <\/div>\r\n\r\n <button id=\"menu-btn\" class=\"md:hidden text-warmWhite focus:outline-none p-2\">\r\n <i class=\"fa-solid fa-bars text-2xl\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n <!-- \u0645\u0646\u0648\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 -->\r\n <div id=\"mobile-menu\" class=\"hidden fixed inset-0 top-20 bg-charcoal\/98 backdrop-blur-2xl z-40 flex flex-col p-8 gap-6 text-xl font-bold text-warmWhite border-t border-beige\/10\">\r\n <a href=\"#hero\" class=\"mobile-link py-2 border-b border-white\/5\">\u062e\u0627\u0646\u0647<\/a>\r\n <a href=\"#ingredients\" class=\"mobile-link py-2 border-b border-white\/5\">\u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647<\/a>\r\n <a href=\"#process\" class=\"mobile-link py-2 border-b border-white\/5\">\u0647\u0646\u0631 \u0633\u0627\u062e\u062a<\/a>\r\n <a href=\"#flavors\" class=\"mobile-link py-2 border-b border-white\/5\">\u0637\u0639\u0645\u200c\u0647\u0627<\/a>\r\n <a href=\"#packaging\" class=\"mobile-link py-2 border-b border-white\/5\">\u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc<\/a>\r\n <a href=\"#contact\" class=\"mobile-link py-2\">\u062a\u0645\u0627\u0633<\/a>\r\n <a href=\"#flavors\" class=\"mobile-link bg-softPink text-darkBrown text-center py-4 rounded-xl text-base font-bold mt-4\">\u0633\u0641\u0627\u0631\u0634 \u0645\u0648\u0686\u06cc<\/a>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- SCENE 1: HERO -->\r\n <section id=\"hero\" class=\"relative min-h-screen flex items-center justify-center pt-24 pb-16 px-6 overflow-hidden bg-gradient-to-b from-charcoal via-darkBrown to-charcoal\">\r\n <div class=\"max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-12 items-center z-10\">\r\n <div class=\"text-center lg:text-right space-y-6\">\r\n <span class=\"inline-block px-4 py-1.5 rounded-full text-xs font-semibold bg-beige\/10 text-softPink border border-softPink\/20\">\r\n \u0627\u0635\u0627\u0644\u062a \u0698\u0627\u067e\u0646\u06cc \u2022 \u062f\u0633\u062a\u200c\u0633\u0627\u0632\r\n <\/span>\r\n <h1 class=\"text-4xl md:text-6xl lg:text-7xl font-black leading-tight text-gradient\">\r\n \u06cc\u06a9 \u0644\u0642\u0645\u0647\u060c<br>\u06cc\u06a9 \u062f\u0646\u06cc\u0627\u06cc \u0634\u06cc\u0631\u06cc\u0646\r\n <\/h1>\r\n <p class=\"text-lg md:text-xl text-beige\/80 max-w-xl mx-auto lg:mx-0 leading-relaxed\">\r\n \u0645\u0648\u0686\u06cc\u200c\u0647\u0627\u06cc \u062a\u0627\u0632\u0647\u060c \u0646\u0631\u0645 \u0648 \u062f\u0633\u062a\u200c\u0633\u0627\u0632 \u0645\u0648\u0686\u06cc\u200c\u0633\u0627 \u0628\u0627 \u0637\u0639\u0645\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0647\u06cc\u0686\u200c\u06af\u0627\u0647 \u0627\u0632 \u06cc\u0627\u062f \u0646\u062e\u0648\u0627\u0647\u06cc\u062f \u0628\u0631\u062f.\r\n <\/p>\r\n <div class=\"pt-4 flex flex-col sm:flex-row gap-4 justify-center lg:justify-start\">\r\n <a href=\"#flavors\" class=\"bg-softPink text-darkBrown px-8 py-4 rounded-full text-base font-bold hover:bg-warmWhite transition-all duration-300 shadow-xl text-center\">\r\n \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a\r\n <\/a>\r\n <a href=\"#process\" class=\"border border-beige\/30 text-warmWhite px-8 py-4 rounded-full text-base font-medium hover:bg-beige\/10 transition-all text-center\">\r\n \u062f\u0627\u0633\u062a\u0627\u0646 \u0645\u0648\u0686\u06cc\u200c\u0633\u0627\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0645\u0648\u0686\u06cc \u06f3 \u0628\u0639\u062f\u06cc \u0647\u06cc\u0631\u0648 -->\r\n <div class=\"relative flex justify-center items-center mochi-3d-card\">\r\n <div class=\"absolute w-72 h-72 md:w-96 md:h-96 bg-softPink\/10 rounded-full blur-3xl -z-10\"><\/div>\r\n <img decoding=\"async\" id=\"hero-mochi\" src=\"https:\/\/shap.abbas-wordpress.ir\/wp-content\/uploads\/2026\/08\/a.png\" \r\n alt=\"\u0645\u0648\u0686\u06cc \u0633\u0641\u06cc\u062f \u062f\u0633\u062a \u0633\u0627\u0632 MOCHISA\" \r\n class=\"w-72 md:w-96 h-72 md:h-96 object-cover rounded-full shadow-2xl mochi-img-glow transition-transform duration-500 cursor-pointer hover:scale-105\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SCENE 2: INGREDIENTS -->\r\n <section id=\"ingredients\" class=\"py-24 px-6 bg-darkBrown\/40 relative\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n <div class=\"text-center space-y-4 mb-16\">\r\n <h2 class=\"text-3xl md:text-5xl font-black text-gradient\">\u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647\u200c\u0627\u06cc \u06a9\u0647 \u062a\u0641\u0627\u0648\u062a \u0631\u0627 \u0645\u06cc\u200c\u0633\u0627\u0632\u0646\u062f<\/h2>\r\n <p class=\"text-beige\/70 max-w-2xl mx-auto\">\u062a\u0631\u06a9\u06cc\u0628 \u0637\u0628\u06cc\u0639\u06cc\u200c\u062a\u0631\u06cc\u0646 \u0648 \u0628\u0627\u06a9\u06cc\u0641\u06cc\u062a\u200c\u062a\u0631\u06cc\u0646 \u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647 \u0631\u0648\u06cc \u0633\u0646\u06af \u0645\u0631\u0645\u0631 \u0622\u0634\u067e\u0632\u062e\u0627\u0646\u0647 \u062a\u062e\u0635\u0635\u06cc \u0645\u0627<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-6\">\r\n <!-- \u06a9\u0627\u0631\u062a \u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647 -->\r\n <div class=\"bg-charcoal\/60 p-6 rounded-2xl border border-beige\/10 text-center hover:border-softPink\/40 transition-all\">\r\n <div class=\"w-16 h-16 mx-auto mb-4 rounded-full bg-beige\/10 flex items-center justify-center text-softPink text-2xl\"><i class=\"fa-solid fa-wheat-awn\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-1\">\u0622\u0631\u062f \u0628\u0631\u0646\u062c \u0645\u062e\u0635\u0648\u0635<\/h3>\r\n <p class=\"text-xs text-beige\/60\">\u0628\u0627\u0641\u062a \u06a9\u0634\u0633\u0627\u0646 \u0648 \u0646\u0631\u0645 \u0627\u0635\u06cc\u0644<\/p>\r\n <\/div>\r\n <div class=\"bg-charcoal\/60 p-6 rounded-2xl border border-beige\/10 text-center hover:border-softPink\/40 transition-all\">\r\n <div class=\"w-16 h-16 mx-auto mb-4 rounded-full bg-beige\/10 flex items-center justify-center text-softPink text-2xl\"><i class=\"fa-solid fa-bowl-food\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-1\">\u062e\u0627\u0645\u0647 \u062a\u0627\u0632\u0647 \u0647\u0645\u0632\u062f\u0647<\/h3>\r\n <p class=\"text-xs text-beige\/60\">\u0628\u0627\u0641\u062a \u06a9\u0631\u0645\u06cc \u0648 \u0633\u0628\u06a9\u06cc \u0628\u06cc\u200c\u0646\u0638\u06cc\u0631<\/p>\r\n <\/div>\r\n <div class=\"bg-charcoal\/60 p-6 rounded-2xl border border-beige\/10 text-center hover:border-softPink\/40 transition-all\">\r\n <div class=\"w-16 h-16 mx-auto mb-4 rounded-full bg-matcha\/20 flex items-center justify-center text-matcha text-2xl\"><i class=\"fa-solid fa-leaf\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-1\">\u0645\u0627\u0686\u0627\u06cc \u0698\u0627\u067e\u0646\u06cc<\/h3>\r\n <p class=\"text-xs text-beige\/60\">\u0637\u0639\u0645 \u062e\u0627\u0644\u0635 \u067e\u0648\u062f\u0631 \u0645\u0627\u0686\u0627<\/p>\r\n <\/div>\r\n <div class=\"bg-charcoal\/60 p-6 rounded-2xl border border-beige\/10 text-center hover:border-softPink\/40 transition-all\">\r\n <div class=\"w-16 h-16 mx-auto mb-4 rounded-full bg-softPink\/20 flex items-center justify-center text-softPink text-2xl\"><i class=\"fa-solid fa-apple-whole\"><\/i><\/div>\r\n <h3 class=\"font-bold text-lg mb-1\">\u0645\u06cc\u0648\u0647\u200c\u0647\u0627\u06cc \u062a\u0627\u0632\u0647<\/h3>\r\n <p class=\"text-xs text-beige\/60\">\u062a\u0648\u062a\u200c\u0641\u0631\u0646\u06af\u06cc \u0648 \u0627\u0646\u0628\u0647 \u0627\u0631\u06af\u0627\u0646\u06cc\u06a9<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<!-- SCENE 3: ABOUT US (REFINED) -->\r\n<section id=\"about\" class=\"py-24 px-6 bg-darkBrown\/30 relative\">\r\n <div class=\"max-w-3xl mx-auto text-center space-y-8\">\r\n <!-- \u062a\u0635\u0648\u06cc\u0631 \u0633\u062a\u0627\u06cc\u0634 -->\r\n <div class=\"mb-8\">\r\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/200\" alt=\"\u0633\u062a\u0627\u06cc\u0634 \u0639\u0644\u06cc \u0632\u0627\u062f\u0647 - \u0645\u0648\u0686\u06cc\u200c\u0633\u0627\" \r\n class=\"mx-auto w-40 h-40 rounded-full border-4 border-softPink\/30 shadow-xl object-cover\">\r\n <\/div>\r\n\r\n <span class=\"inline-block px-4 py-1.5 rounded-full text-xs font-semibold bg-beige\/10 text-softPink border border-softPink\/20\">\r\n \u062f\u0627\u0633\u062a\u0627\u0646\u0650 \u0645\u0627\r\n <\/span>\r\n\r\n <h2 class=\"text-4xl md:text-5xl font-black text-white\">\r\n \u0634\u0631\u0648\u0639 \u06cc\u06a9 \u0645\u0627\u062c\u0631\u0627\u062c\u0648\u06cc\u06cc \u0634\u06cc\u0631\u06cc\u0646\r\n <\/h2>\r\n\r\n <div class=\"bg-charcoal\/80 p-8 md:p-10 rounded-3xl border border-beige\/10 shadow-2xl\">\r\n <p class=\"text-lg md:text-xl text-beige\/90 leading-relaxed italic\">\r\n \u00ab\u0645\u0648\u0686\u06cc\u200c\u0633\u0627\u00bb \u0641\u0642\u0637 \u06cc\u06a9 \u0627\u0633\u0645 \u0646\u06cc\u0633\u062a\u060c \u0646\u062a\u06cc\u062c\u0647\u200c\u06cc \u062a\u0631\u06a9\u06cc\u0628\u0650 \u0639\u0634\u0642 \u0648 \u0647\u0646\u0631 \u0627\u0633\u062a.\r\n <br><br>\r\n <span class=\"text-softPink font-bold text-xl\">\u0633\u062a\u0627\u06cc\u0634 \u0639\u0644\u06cc \u0632\u0627\u062f\u0647<\/span>\u060c \u0628\u0646\u06cc\u0627\u0646\u200c\u06af\u0630\u0627\u0631 \u0645\u0648\u0686\u06cc\u200c\u0633\u0627\u060c \u0628\u0627 \u0648\u0633\u0648\u0627\u0633 \u0648 \u0630\u0648\u0642\u0650 \u0647\u0646\u0631\u06cc\u0650 \u062e\u0648\u062f\u0634\u060c \u0637\u0639\u0645\u200c\u0647\u0627\u06cc \u0627\u0635\u06cc\u0644 \u0631\u0648 \u0628\u0627 \u0638\u0631\u0627\u0641\u062a\u0650 \u0645\u062f\u0631\u0646 \u067e\u06cc\u0648\u0646\u062f \u062f\u0627\u062f\u0647. \u0627\u0648 \u0627\u0632 \u0642\u0644\u0628\u0650 <span class=\"text-matcha font-bold\">\u062c\u0648\u06cc\u0628\u0627\u0631\u0650 \u0645\u0627\u0632\u0646\u062f\u0631\u0627\u0646<\/span>\u060c \u0633\u0641\u0631\u06cc \u0631\u0648 \u0634\u0631\u0648\u0639 \u06a9\u0631\u062f\u0647 \u062a\u0627 \u062a\u062c\u0631\u0628\u0647\u200c\u0627\u06cc \u062a\u0627\u0632\u0647 \u0648 \u0645\u062a\u0641\u0627\u0648\u062a \u0627\u0632 \u0645\u0648\u0686\u06cc \u0631\u0648 \u0628\u0647 \u062e\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u0634\u0645\u0627 \u0628\u06cc\u0627\u0631\u0647.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- \u062f\u06a9\u0645\u0647 \u062a\u0645\u0627\u0633 -->\r\n <a href=\"https:\/\/eitaa.com\/...\" class=\"inline-block px-8 py-3 bg-softPink text-charcoal font-bold rounded-full hover:bg-beige transition-all\">\r\n \u06af\u0641\u062a\u06af\u0648 \u0628\u0627 \u0633\u062a\u0627\u06cc\u0634\r\n <\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n <!-- SCENE 3 & 4: MAKING & MACRO SHOWCASE -->\r\n <section id=\"process\" class=\"py-24 px-6 bg-charcoal relative overflow-hidden\">\r\n <div class=\"max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-16 items-center\">\r\n <div class=\"space-y-6\">\r\n <span class=\"text-matcha font-bold text-sm tracking-wider\">\u0647\u0646\u0631 \u062f\u0633\u062a \u0627\u0633\u062a\u0627\u062f\u06a9\u0627\u0631\u0627\u0646<\/span>\r\n <h2 class=\"text-3xl md:text-5xl font-black text-warmWhite leading-tight\">\u0627\u0632 \u0648\u0631\u0632 \u062f\u0627\u062f\u0646 \u062e\u0645\u06cc\u0631 \u062a\u0627 \u067e\u0627\u0634\u06cc\u062f\u0646 \u067e\u0648\u062f\u0631 \u0628\u0631\u0646\u062c<\/h2>\r\n <p class=\"text-beige\/80 leading-relaxed\">\r\n \u0647\u0631 \u0645\u0648\u0686\u06cc \u062f\u0631 \u0645\u0648\u0686\u06cc\u200c\u0633\u0627 \u062d\u0627\u0635\u0644 \u0633\u0627\u0639\u062a\u200c\u0647\u0627 \u062f\u0642\u062a\u060c \u06a9\u0634\u0633\u0627\u0646\u06cc \u0628\u06cc\u200c\u0646\u0642\u0635 \u062e\u0645\u06cc\u0631 \u0648 \u0642\u0631\u0627\u0631\u06af\u06cc\u0631\u06cc \u0644\u0627\u06cc\u0647 \u0628\u0647 \u0644\u0627\u06cc\u0647 \u0645\u063a\u0632 \u06a9\u0631\u0645\u06cc \u062f\u0631 \u0645\u0631\u06a9\u0632 \u0622\u0646 \u0627\u0633\u062a.\r\n <\/p>\r\n <div class=\"space-y-4 pt-2\">\r\n <div class=\"flex items-start gap-4\">\r\n <span class=\"w-8 h-8 rounded-full bg-softPink text-darkBrown font-bold flex items-center justify-center shrink-0\">\u06f1<\/span>\r\n <p class=\"text-sm text-beige\/80\">\u0622\u0645\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u062e\u0645\u06cc\u0631 \u0628\u0631\u0646\u062c \u0646\u0631\u0645 \u0648 \u06a9\u0634\u0633\u0627\u0646 \u0628\u0627 \u062f\u0645\u0627\u06cc \u062f\u0642\u06cc\u0642<\/p>\r\n <\/div>\r\n <div class=\"flex items-start gap-4\">\r\n <span class=\"w-8 h-8 rounded-full bg-softPink text-darkBrown font-bold flex items-center justify-center shrink-0\">\u06f2<\/span>\r\n <p class=\"text-sm text-beige\/80\">\u067e\u064f\u0631 \u06a9\u0631\u062f\u0646 \u0645\u0631\u06a9\u0632 \u0645\u0648\u0686\u06cc \u0628\u0627 \u062e\u0627\u0645\u0647 \u0648 \u0637\u0639\u0645\u200c\u062f\u0647\u0646\u062f\u0647\u200c\u0647\u0627\u06cc \u0637\u0628\u06cc\u0639\u06cc<\/p>\r\n <\/div>\r\n <div class=\"flex items-start gap-4\">\r\n <span class=\"w-8 h-8 rounded-full bg-softPink text-darkBrown font-bold flex items-center justify-center shrink-0\">\u06f3<\/span>\r\n <p class=\"text-sm text-beige\/80\">\u067e\u0648\u0634\u0634 \u0646\u0647\u0627\u06cc\u06cc \u0628\u0627 \u0622\u0631\u062f \u0628\u0631\u0646\u062c \u0644\u0637\u06cc\u0641 \u0628\u0631\u0627\u06cc \u0638\u0627\u0647\u0631\u06cc \u0645\u062e\u0645\u0644\u06cc<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u062a\u0635\u0648\u06cc\u0631 \u0645\u0627\u06a9\u0631\u0648 \u0648\u0627\u0642\u0639\u06cc -->\r\n <div class=\"relative\">\r\n <img decoding=\"async\" src=\"https:\/\/shap.abbas-wordpress.ir\/wp-content\/uploads\/2026\/08\/aaa.png\" \r\n alt=\"\u0628\u0627\u0641\u062a \u0645\u0648\u0686\u06cc \u0698\u0627\u067e\u0646\u06cc\" \r\n class=\"rounded-3xl shadow-2xl border border-beige\/10 object-cover w-full h-[450px]\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SCENE 5 & 6: FLAVOR COLLECTION (\u0648\u0648\u06a9\u0627\u0645\u0631\u0633) -->\r\n <section id=\"flavors\" class=\"py-24 px-6 bg-darkBrown\/20\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n <div class=\"text-center space-y-4 mb-16\">\r\n <h2 class=\"text-3xl md:text-5xl font-black text-gradient\">\u06a9\u0644\u06a9\u0633\u06cc\u0648\u0646 \u0637\u0639\u0645\u200c\u0647\u0627\u06cc \u0645\u0648\u0686\u06cc\u200c\u0633\u0627<\/h2>\r\n <p class=\"text-beige\/70\">\u0637\u0639\u0645 \u0645\u0648\u0631\u062f \u0639\u0644\u0627\u0642\u0647 \u062e\u0648\u062f \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f \u0648 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0633\u0641\u0627\u0631\u0634 \u062f\u0647\u06cc\u062f<\/p>\r\n <\/div>\r\n\r\n <!-- \u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0645\u062d\u0635\u0648\u0644 \u0645\u062a\u0635\u0644 \u0628\u0647 \u0648\u0648\u06a9\u0627\u0645\u0631\u0633 -->\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n \r\n <!-- \u0645\u062d\u0635\u0648\u0644 \u06f1: \u062a\u0648\u062a \u0641\u0631\u0646\u06af\u06cc -->\r\n <div class=\"bg-charcoal\/80 rounded-3xl p-6 border border-beige\/10 hover:border-softPink transition-all group\">\r\n <div class=\"overflow-hidden rounded-2xl mb-6 h-56 relative\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1563805042-7684c019e1cb?auto=format&fit=crop&w=500&q=80\" alt=\"\u0645\u0648\u0686\u06cc \u062a\u0648\u062a \u0641\u0631\u0646\u06af\u06cc\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-500\">\r\n <span class=\"absolute top-3 right-3 bg-softPink text-darkBrown text-xs font-bold px-3 py-1 rounded-full\">\u067e\u0631\u0641\u0631\u0648\u0634<\/span>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold mb-2\">\u0645\u0648\u0686\u06cc \u062a\u0648\u062a\u200c\u0641\u0631\u0646\u06af\u06cc<\/h3>\r\n <p class=\"text-xs text-beige\/60 mb-4\">\u062e\u0627\u0645\u0647 \u062a\u0627\u0632\u0647\u060c \u062a\u06cc\u06a9\u0647 \u0645\u06cc\u0648\u0647 \u062a\u0648\u062a\u200c\u0641\u0631\u0646\u06af\u06cc \u0627\u0631\u06af\u0627\u0646\u06cc\u06a9 \u0648 \u0628\u0627\u0641\u062a \u0646\u0631\u0645 \u0628\u0631\u0646\u062c\u06cc<\/p>\r\n <div class=\"flex items-center justify-between pt-4 border-t border-white\/10\">\r\n <span class=\"text-lg font-bold text-softPink\">\u06f8\u06f5,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/span>\r\n <!-- \u0644\u06cc\u0646\u06a9 \u0627\u0641\u0632\u0648\u062f\u0646 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0628\u0647 \u0633\u0628\u062f \u062e\u0631\u06cc\u062f \u0648\u0648\u06a9\u0627\u0645\u0631\u0633 -->\r\n <a href=\"https:\/\/shap.abbas-wordpress.ir\/?add-to-cart=101\" class=\"bg-softPink text-darkBrown px-4 py-2 rounded-xl text-xs font-bold hover:bg-warmWhite transition-colors\">\r\n \u0627\u0641\u0632\u0648\u062f\u0646 \u0628\u0647 \u0633\u0628\u062f \u062e\u0631\u06cc\u062f\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0645\u062d\u0635\u0648\u0644 \u06f2: \u0645\u0627\u0686\u0627 -->\r\n <div class=\"bg-charcoal\/80 rounded-3xl p-6 border border-beige\/10 hover:border-matcha transition-all group\">\r\n <div class=\"overflow-hidden rounded-2xl mb-6 h-56 relative\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1563805042-7684c019e1cb?auto=format&fit=crop&w=500&q=80\" alt=\"\u0645\u0648\u0686\u06cc \u0645\u0627\u0686\u0627\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-500\">\r\n <span class=\"absolute top-3 right-3 bg-matcha text-warmWhite text-xs font-bold px-3 py-1 rounded-full\">\u0627\u0635\u06cc\u0644 \u0698\u0627\u067e\u0646\u06cc<\/span>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold mb-2\">\u0645\u0648\u0686\u06cc \u0645\u0627\u0686\u0627<\/h3>\r\n <p class=\"text-xs text-beige\/60 mb-4\">\u067e\u0648\u062f\u0631 \u0645\u0627\u0686\u0627\u06cc \u062a\u0634\u0631\u06cc\u0641\u0627\u062a\u06cc \u0627\u0635\u0644 \u0698\u0627\u067e\u0646 \u0628\u0627 \u0645\u063a\u0632 \u06a9\u0631\u0645\u06cc \u062a\u0644\u062e \u0648 \u0634\u06cc\u0631\u06cc\u0646<\/p>\r\n <div class=\"flex items-center justify-between pt-4 border-t border-white\/10\">\r\n <span class=\"text-lg font-bold text-matcha\">\u06f9\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/span>\r\n <a href=\"https:\/\/shap.abbas-wordpress.ir\/?add-to-cart=102\" class=\"bg-matcha text-warmWhite px-4 py-2 rounded-xl text-xs font-bold hover:bg-warmWhite hover:text-darkBrown transition-colors\">\r\n \u0627\u0641\u0632\u0648\u062f\u0646 \u0628\u0647 \u0633\u0628\u062f \u062e\u0631\u06cc\u062f\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0645\u062d\u0635\u0648\u0644 \u06f3: \u0627\u0646\u0628\u0647 -->\r\n <div class=\"bg-charcoal\/80 rounded-3xl p-6 border border-beige\/10 hover:border-beige transition-all group\">\r\n <div class=\"overflow-hidden rounded-2xl mb-6 h-56 relative\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1563805042-7684c019e1cb?auto=format&fit=crop&w=500&q=80\" alt=\"\u0645\u0648\u0686\u06cc \u0627\u0646\u0628\u0647\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-500\">\r\n <\/div>\r\n <h3 class=\"text-xl font-bold mb-2\">\u0645\u0648\u0686\u06cc \u0627\u0646\u0628\u0647 \u0627\u0633\u062a\u0648\u0627\u06cc\u06cc<\/h3>\r\n <p class=\"text-xs text-beige\/60 mb-4\">\u067e\u0648\u0631\u0647 \u0627\u0646\u0628\u0647 \u062a\u0627\u0632\u0647 \u0627\u0633\u062a\u0648\u0627\u06cc\u06cc \u0628\u0627 \u062e\u0627\u0645\u0647 \u0633\u0628\u06a9 \u0648 \u0644\u0637\u06cc\u0641<\/p>\r\n <div class=\"flex items-center justify-between pt-4 border-t border-white\/10\">\r\n <span class=\"text-lg font-bold text-beige\">\u06f8\u06f5,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/span>\r\n <a href=\"https:\/\/shap.abbas-wordpress.ir\/?add-to-cart=103\" class=\"bg-beige text-darkBrown px-4 py-2 rounded-xl text-xs font-bold hover:bg-warmWhite transition-colors\">\r\n \u0627\u0641\u0632\u0648\u062f\u0646 \u0628\u0647 \u0633\u0628\u062f \u062e\u0631\u06cc\u062f\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0645\u062d\u0635\u0648\u0644 \u06f4: \u0634\u06a9\u0644\u0627\u062a -->\r\n <div class=\"bg-charcoal\/80 rounded-3xl p-6 border border-beige\/10 hover:border-softPink transition-all group\">\r\n <div class=\"overflow-hidden rounded-2xl mb-6 h-56 relative\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1563805042-7684c019e1cb?auto=format&fit=crop&w=500&q=80\" alt=\"\u0645\u0648\u0686\u06cc \u0634\u06a9\u0644\u0627\u062a\u06cc\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-500\">\r\n <\/div>\r\n <h3 class=\"text-xl font-bold mb-2\">\u0645\u0648\u0686\u06cc \u0634\u06a9\u0644\u0627\u062a \u062a\u0644\u062e<\/h3>\r\n <p class=\"text-xs text-beige\/60 mb-4\">\u06af\u0646\u0627\u0634 \u0634\u06a9\u0644\u0627\u062a \u0628\u0644\u0698\u06cc\u06a9\u06cc \u06f7\u06f0\u066a \u0628\u0627 \u0631\u0648\u06a9\u0634 \u0646\u0631\u0645 \u0622\u0631\u062f \u0628\u0631\u0646\u062c<\/p>\r\n <div class=\"flex items-center justify-between pt-4 border-t border-white\/10\">\r\n <span class=\"text-lg font-bold text-softPink\">\u06f8\u06f8,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/span>\r\n <a href=\"https:\/\/shap.abbas-wordpress.ir\/?add-to-cart=104\" class=\"bg-softPink text-darkBrown px-4 py-2 rounded-xl text-xs font-bold hover:bg-warmWhite transition-colors\">\r\n \u0627\u0641\u0632\u0648\u062f\u0646 \u0628\u0647 \u0633\u0628\u062f \u062e\u0631\u06cc\u062f\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0645\u062d\u0635\u0648\u0644 \u06f5: \u067e\u0633\u062a\u0647 -->\r\n <div class=\"bg-charcoal\/80 rounded-3xl p-6 border border-beige\/10 hover:border-matcha transition-all group\">\r\n <div class=\"overflow-hidden rounded-2xl mb-6 h-56 relative\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1563805042-7684c019e1cb?auto=format&fit=crop&w=500&q=80\" alt=\"\u0645\u0648\u0686\u06cc \u067e\u0633\u062a\u0647\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-500\">\r\n <\/div>\r\n <h3 class=\"text-xl font-bold mb-2\">\u0645\u0648\u0686\u06cc \u06a9\u0631\u0645 \u067e\u0633\u062a\u0647<\/h3>\r\n <p class=\"text-xs text-beige\/60 mb-4\">\u06a9\u0631\u0645 \u067e\u0633\u062a\u0647 \u062e\u0627\u0644\u0635 \u0648 \u0645\u063a\u0632 \u062e\u0644\u0627\u0644 \u067e\u0633\u062a\u0647 \u0628\u0631\u0634\u062a\u0647 \u0634\u062f\u0647<\/p>\r\n <div class=\"flex items-center justify-between pt-4 border-t border-white\/10\">\r\n <span class=\"text-lg font-bold text-matcha\">\u06f9\u06f5,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/span>\r\n <a href=\"https:\/\/shap.abbas-wordpress.ir\/?add-to-cart=105\" class=\"bg-matcha text-warmWhite px-4 py-2 rounded-xl text-xs font-bold hover:bg-warmWhite hover:text-darkBrown transition-colors\">\r\n \u0627\u0641\u0632\u0648\u062f\u0646 \u0628\u0647 \u0633\u0628\u062f \u062e\u0631\u06cc\u062f\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0645\u062d\u0635\u0648\u0644 \u06f6: \u0648\u0627\u0646\u06cc\u0644 -->\r\n <div class=\"bg-charcoal\/80 rounded-3xl p-6 border border-beige\/10 hover:border-beige transition-all group\">\r\n <div class=\"overflow-hidden rounded-2xl mb-6 h-56 relative\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1563805042-7684c019e1cb?auto=format&fit=crop&w=500&q=80\" alt=\"\u0645\u0648\u0686\u06cc \u0648\u0627\u0646\u06cc\u0644\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-500\">\r\n <\/div>\r\n <h3 class=\"text-xl font-bold mb-2\">\u0645\u0648\u0686\u06cc \u0648\u0627\u0646\u06cc\u0644 \u0645\u0627\u062f\u0627\u06af\u0627\u0633\u06a9\u0627\u0631<\/h3>\r\n <p class=\"text-xs text-beige\/60 mb-4\">\u0648\u0627\u0646\u06cc\u0644 \u0637\u0628\u06cc\u0639\u06cc \u0648 \u062e\u0627\u0645\u0647 \u0647\u0645\u0632\u062f\u0647 \u0633\u0628\u06a9 \u0628\u0627 \u0637\u0639\u0645 \u0645\u0644\u0627\u06cc\u0645<\/p>\r\n <div class=\"flex items-center justify-between pt-4 border-t border-white\/10\">\r\n <span class=\"text-lg font-bold text-beige\">\u06f8\u06f0,\u06f0\u06f0\u06f0 \u062a\u0648\u0645\u0627\u0646<\/span>\r\n <a href=\"https:\/\/shap.abbas-wordpress.ir\/?add-to-cart=106\" class=\"bg-beige text-darkBrown px-4 py-2 rounded-xl text-xs font-bold hover:bg-warmWhite transition-colors\">\r\n \u0627\u0641\u0632\u0648\u062f\u0646 \u0628\u0647 \u0633\u0628\u062f \u062e\u0631\u06cc\u062f\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SCENE 8: PACKAGING -->\r\n <section id=\"packaging\" class=\"py-24 px-6 bg-charcoal relative\">\r\n <div class=\"max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\r\n <div class=\"space-y-6\">\r\n <span class=\"text-softPink font-bold text-sm\">\u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0647\u062f\u06cc\u0647 \u0644\u0648\u06a9\u0633<\/span>\r\n <h2 class=\"text-3xl md:text-5xl font-black text-warmWhite\">\u0647\u062f\u06cc\u0647\u200c\u0627\u06cc \u0628\u0631\u0627\u06cc \u0644\u062d\u0638\u0647\u200c\u0647\u0627\u06cc \u062e\u0627\u0635<\/h2>\r\n <p class=\"text-beige\/80 leading-relaxed\">\r\n \u062c\u0639\u0628\u0647\u200c\u0647\u0627\u06cc \u06a9\u0627\u062f\u0648\u06cc\u06cc \u0645\u0648\u0686\u06cc\u200c\u0633\u0627 \u0628\u0627 \u06a9\u0627\u063a\u0630\u0647\u0627\u06cc \u0628\u0627\u06a9\u06cc\u0641\u06cc\u062a\u060c \u0631\u0648\u0628\u0627\u0646\u200c\u0647\u0627\u06cc \u0627\u0628\u0631\u06cc\u0634\u0645\u06cc \u0648 \u0637\u0631\u0627\u062d\u06cc \u0645\u06cc\u0646\u06cc\u0645\u0627\u0644 \u0698\u0627\u067e\u0646\u06cc \u0622\u0645\u0627\u062f\u0647 \u0634\u062f\u0647\u200c\u0627\u0646\u062f \u062a\u0627 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0647\u062f\u06cc\u0647 \u0628\u0631\u0627\u06cc \u0639\u0632\u06cc\u0632\u0627\u0646 \u0634\u0645\u0627 \u0628\u0627\u0634\u0646\u062f.\r\n <\/p>\r\n <\/div>\r\n <div>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1549465220-1a8b9238cd48?auto=format&fit=crop&w=800&q=80\" alt=\"\u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u06a9\u0627\u062f\u0648\u06cc\u06cc \u0645\u0648\u0686\u06cc\" class=\"rounded-3xl shadow-2xl border border-beige\/10\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SCENE 9 & FOOTER: CONTACT & FINAL CTA -->\r\n <footer id=\"contact\" class=\"bg-darkBrown pt-20 pb-10 border-t border-beige\/10\">\r\n <div class=\"max-w-7xl mx-auto px-6 grid grid-cols-1 md:grid-cols-3 gap-12 mb-16\">\r\n <div class=\"space-y-4\">\r\n <h3 class=\"text-2xl font-black text-warmWhite\">MOCHISA<\/h3>\r\n <p class=\"text-sm text-beige\/70 leading-relaxed\">\r\n \u0628\u0648\u062a\u06cc\u06a9 \u062a\u062e\u0635\u0635\u06cc \u0645\u0648\u0686\u06cc \u062f\u0633\u062a\u200c\u0633\u0627\u0632 \u0698\u0627\u067e\u0646\u06cc. \u0637\u0639\u0645 \u0645\u062a\u0641\u0627\u0648\u062a \u062f\u0631 \u0647\u0631 \u0644\u0642\u0645\u0647.\r\n <\/p>\r\n <\/div>\r\n <div class=\"space-y-3\">\r\n <h4 class=\"font-bold text-warmWhite text-base mb-2\">\u062f\u0633\u062a\u0631\u0633\u06cc \u0633\u0631\u06cc\u0639<\/h4>\r\n <a href=\"#hero\" class=\"block text-sm text-beige\/70 hover:text-softPink transition\">\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc<\/a>\r\n <a href=\"#flavors\" class=\"block text-sm text-beige\/70 hover:text-softPink transition\">\u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0648 \u0637\u0639\u0645\u200c\u0647\u0627<\/a>\r\n <a href=\"#process\" class=\"block text-sm text-beige\/70 hover:text-softPink transition\">\u0647\u0646\u0631 \u0633\u0627\u062e\u062a \u0645\u0648\u0686\u06cc<\/a>\r\n <\/div>\r\n <div class=\"space-y-3 text-sm text-beige\/70\">\r\n <h4 class=\"font-bold text-warmWhite text-base mb-2\">\u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u0645\u0627<\/h4>\r\n <p><i class=\"fa-solid fa-location-dot ml-2 text-softPink\"><\/i> \u0645\u0627\u0632\u0646\u062f\u0631\u0627\u0646\u060c \u062c\u0648\u06cc\u0628\u0627\u0631<\/p>\r\n <p><i class=\"fa-solid fa-phone ml-2 text-softPink\"><\/i> \u06f0\u06f9\u06f1\u06f1\u06f4\u06f7\u06f5\u06f3\u06f0\u06f5\u06f5<\/p>\r\n <p><i class=\"fa-solid fa-envelope ml-2 text-softPink\"><\/i> info@abbas-wordpress.ir<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"max-w-7xl mx-auto px-6 pt-6 border-t border-white\/5 text-center text-xs text-beige\/50\">\r\n \u00a9 \u06f1\u06f4\u06f0\u06f4 \u062a\u0645\u0627\u0645 \u062d\u0642\u0648\u0642 \u0628\u0631\u0627\u06cc \u0628\u0648\u062a\u06cc\u06a9 \u0645\u0648\u0686\u06cc\u200c\u0633\u0627 \u0645\u062d\u0641\u0648\u0638 \u0627\u0633\u062a. \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u062a\u0648\u0633\u0637 \u0648\u0628\u200c\u0633\u0627\u0632\u0627\u0646 \u0645\u0627\u0632\u0646\u062f\u0631\u0627\u0646\r\n <\/div>\r\n <\/footer>\r\n\r\n <!-- JS \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 GSAP \u0648 \u06a9\u0646\u062a\u0631\u0644 \u0645\u0646\u0648 -->\r\n <script>\r\n \/\/ \u0645\u0646\u0648\u06cc \u0647\u0645\u0628\u0631\u06af\u0631\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644\r\n const menuBtn = document.getElementById('menu-btn');\r\n const mobileMenu = document.getElementById('mobile-menu');\r\n const mobileLinks = document.querySelectorAll('.mobile-link');\r\n\r\n menuBtn.addEventListener('click', () => {\r\n mobileMenu.classList.toggle('hidden');\r\n const icon = menuBtn.querySelector('i');\r\n if (mobileMenu.classList.contains('hidden')) {\r\n icon.className = 'fa-solid fa-bars text-2xl';\r\n } else {\r\n icon.className = 'fa-solid fa-xmark text-2xl';\r\n }\r\n });\r\n\r\n mobileLinks.forEach(link => {\r\n link.addEventListener('click', () => {\r\n mobileMenu.classList.add('hidden');\r\n menuBtn.querySelector('i').className = 'fa-solid fa-bars text-2xl';\r\n });\r\n });\r\n\r\n \/\/ \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0627\u0633\u06a9\u0631\u0648\u0644 GSAP \u0628\u0631\u0627\u06cc \u0645\u0648\u0686\u06cc \u0627\u0635\u0644\u06cc\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n gsap.to(\"#hero-mochi\", {\r\n scale: 1.25,\r\n rotate: 15,\r\n scrollTrigger: {\r\n trigger: \"#hero\",\r\n start: \"top top\",\r\n end: \"bottom top\",\r\n scrub: 1\r\n }\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\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>MOCHISA | \u0628\u0648\u062a\u06cc\u06a9 \u0644\u0648\u06a9\u0633 \u0645\u0648\u0686\u06cc \u062f\u0633\u062a\u200c\u0633\u0627\u0632 \u0698\u0627\u067e\u0646\u06cc MOCHISA \u062e\u0627\u0646\u0647 \u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647 \u0647\u0646\u0631 \u0633\u0627\u062e\u062a \u0637\u0639\u0645\u200c\u0647\u0627 \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u062a\u0645\u0627\u0633 \u0633\u0641\u0627\u0631\u0634 \u0622\u0646\u0644\u0627\u06cc\u0646 \u062e\u0627\u0646\u0647 \u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647 \u0647\u0646\u0631 \u0633\u0627\u062e\u062a \u0637\u0639\u0645\u200c\u0647\u0627 \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u062a\u0645\u0627\u0633 \u0633\u0641\u0627\u0631\u0634 \u0645\u0648\u0686\u06cc \u0627\u0635\u0627\u0644\u062a \u0698\u0627\u067e\u0646\u06cc \u2022 \u062f\u0633\u062a\u200c\u0633\u0627\u0632 \u06cc\u06a9 \u0644\u0642\u0645\u0647\u060c\u06cc\u06a9 \u062f\u0646\u06cc\u0627\u06cc \u0634\u06cc\u0631\u06cc\u0646 \u0645\u0648\u0686\u06cc\u200c\u0647\u0627\u06cc \u062a\u0627\u0632\u0647\u060c \u0646\u0631\u0645 \u0648 \u062f\u0633\u062a\u200c\u0633\u0627\u0632 \u0645\u0648\u0686\u06cc\u200c\u0633\u0627 \u0628\u0627 \u0637\u0639\u0645\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0647\u06cc\u0686\u200c\u06af\u0627\u0647 \u0627\u0632 \u06cc\u0627\u062f \u0646\u062e\u0648\u0627\u0647\u06cc\u062f \u0628\u0631\u062f. \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u062f\u0627\u0633\u062a\u0627\u0646 \u0645\u0648\u0686\u06cc\u200c\u0633\u0627 \u0645\u0648\u0627\u062f […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc - Mochisa<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/shap.abbas-wordpress.ir\/\" \/>\n<meta property=\"og:locale\" content=\"fa_IR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc - Mochisa\" \/>\n<meta property=\"og:description\" content=\"MOCHISA | \u0628\u0648\u062a\u06cc\u06a9 \u0644\u0648\u06a9\u0633 \u0645\u0648\u0686\u06cc \u062f\u0633\u062a\u200c\u0633\u0627\u0632 \u0698\u0627\u067e\u0646\u06cc MOCHISA \u062e\u0627\u0646\u0647 \u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647 \u0647\u0646\u0631 \u0633\u0627\u062e\u062a \u0637\u0639\u0645\u200c\u0647\u0627 \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u062a\u0645\u0627\u0633 \u0633\u0641\u0627\u0631\u0634 \u0622\u0646\u0644\u0627\u06cc\u0646 \u062e\u0627\u0646\u0647 \u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647 \u0647\u0646\u0631 \u0633\u0627\u062e\u062a \u0637\u0639\u0645\u200c\u0647\u0627 \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u062a\u0645\u0627\u0633 \u0633\u0641\u0627\u0631\u0634 \u0645\u0648\u0686\u06cc \u0627\u0635\u0627\u0644\u062a \u0698\u0627\u067e\u0646\u06cc \u2022 \u062f\u0633\u062a\u200c\u0633\u0627\u0632 \u06cc\u06a9 \u0644\u0642\u0645\u0647\u060c\u06cc\u06a9 \u062f\u0646\u06cc\u0627\u06cc \u0634\u06cc\u0631\u06cc\u0646 \u0645\u0648\u0686\u06cc\u200c\u0647\u0627\u06cc \u062a\u0627\u0632\u0647\u060c \u0646\u0631\u0645 \u0648 \u062f\u0633\u062a\u200c\u0633\u0627\u0632 \u0645\u0648\u0686\u06cc\u200c\u0633\u0627 \u0628\u0627 \u0637\u0639\u0645\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0647\u06cc\u0686\u200c\u06af\u0627\u0647 \u0627\u0632 \u06cc\u0627\u062f \u0646\u062e\u0648\u0627\u0647\u06cc\u062f \u0628\u0631\u062f. \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u062f\u0627\u0633\u062a\u0627\u0646 \u0645\u0648\u0686\u06cc\u200c\u0633\u0627 \u0645\u0648\u0627\u062f […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/shap.abbas-wordpress.ir\/\" \/>\n<meta property=\"og:site_name\" content=\"Mochisa\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-10T18:13:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/shap.abbas-wordpress.ir\/wp-content\/uploads\/2026\/08\/a.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0632\u0645\u0627\u0646 \u062a\u0642\u0631\u06cc\u0628\u06cc \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u062f\u0646\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 \u062f\u0642\u06cc\u0642\u0647\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/shap.abbas-wordpress.ir\\\/\",\"url\":\"https:\\\/\\\/shap.abbas-wordpress.ir\\\/\",\"name\":\"\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc - Mochisa\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/shap.abbas-wordpress.ir\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/shap.abbas-wordpress.ir\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/shap.abbas-wordpress.ir\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/shap.abbas-wordpress.ir\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/a.png\",\"datePublished\":\"2026-08-08T18:43:10+00:00\",\"dateModified\":\"2026-08-10T18:13:08+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/shap.abbas-wordpress.ir\\\/#breadcrumb\"},\"inLanguage\":\"fa-IR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/shap.abbas-wordpress.ir\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fa-IR\",\"@id\":\"https:\\\/\\\/shap.abbas-wordpress.ir\\\/#primaryimage\",\"url\":\"https:\\\/\\\/shap.abbas-wordpress.ir\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/a.png\",\"contentUrl\":\"https:\\\/\\\/shap.abbas-wordpress.ir\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/a.png\",\"width\":1402,\"height\":1122},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/shap.abbas-wordpress.ir\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u062e\u0627\u0646\u0647\",\"item\":\"https:\\\/\\\/shap.abbas-wordpress.ir\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/shap.abbas-wordpress.ir\\\/#website\",\"url\":\"https:\\\/\\\/shap.abbas-wordpress.ir\\\/\",\"name\":\"Mochisa\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/shap.abbas-wordpress.ir\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fa-IR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc - Mochisa","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/shap.abbas-wordpress.ir\/","og_locale":"fa_IR","og_type":"article","og_title":"\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc - Mochisa","og_description":"MOCHISA | \u0628\u0648\u062a\u06cc\u06a9 \u0644\u0648\u06a9\u0633 \u0645\u0648\u0686\u06cc \u062f\u0633\u062a\u200c\u0633\u0627\u0632 \u0698\u0627\u067e\u0646\u06cc MOCHISA \u062e\u0627\u0646\u0647 \u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647 \u0647\u0646\u0631 \u0633\u0627\u062e\u062a \u0637\u0639\u0645\u200c\u0647\u0627 \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u062a\u0645\u0627\u0633 \u0633\u0641\u0627\u0631\u0634 \u0622\u0646\u0644\u0627\u06cc\u0646 \u062e\u0627\u0646\u0647 \u0645\u0648\u0627\u062f \u0627\u0648\u0644\u06cc\u0647 \u0647\u0646\u0631 \u0633\u0627\u062e\u062a \u0637\u0639\u0645\u200c\u0647\u0627 \u0628\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u062a\u0645\u0627\u0633 \u0633\u0641\u0627\u0631\u0634 \u0645\u0648\u0686\u06cc \u0627\u0635\u0627\u0644\u062a \u0698\u0627\u067e\u0646\u06cc \u2022 \u062f\u0633\u062a\u200c\u0633\u0627\u0632 \u06cc\u06a9 \u0644\u0642\u0645\u0647\u060c\u06cc\u06a9 \u062f\u0646\u06cc\u0627\u06cc \u0634\u06cc\u0631\u06cc\u0646 \u0645\u0648\u0686\u06cc\u200c\u0647\u0627\u06cc \u062a\u0627\u0632\u0647\u060c \u0646\u0631\u0645 \u0648 \u062f\u0633\u062a\u200c\u0633\u0627\u0632 \u0645\u0648\u0686\u06cc\u200c\u0633\u0627 \u0628\u0627 \u0637\u0639\u0645\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0647\u06cc\u0686\u200c\u06af\u0627\u0647 \u0627\u0632 \u06cc\u0627\u062f \u0646\u062e\u0648\u0627\u0647\u06cc\u062f \u0628\u0631\u062f. \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u062f\u0627\u0633\u062a\u0627\u0646 \u0645\u0648\u0686\u06cc\u200c\u0633\u0627 \u0645\u0648\u0627\u062f […]","og_url":"https:\/\/shap.abbas-wordpress.ir\/","og_site_name":"Mochisa","article_modified_time":"2026-08-10T18:13:08+00:00","og_image":[{"url":"https:\/\/shap.abbas-wordpress.ir\/wp-content\/uploads\/2026\/08\/a.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u0632\u0645\u0627\u0646 \u062a\u0642\u0631\u06cc\u0628\u06cc \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u062f\u0646":"5 \u062f\u0642\u06cc\u0642\u0647"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/shap.abbas-wordpress.ir\/","url":"https:\/\/shap.abbas-wordpress.ir\/","name":"\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc - Mochisa","isPartOf":{"@id":"https:\/\/shap.abbas-wordpress.ir\/#website"},"primaryImageOfPage":{"@id":"https:\/\/shap.abbas-wordpress.ir\/#primaryimage"},"image":{"@id":"https:\/\/shap.abbas-wordpress.ir\/#primaryimage"},"thumbnailUrl":"https:\/\/shap.abbas-wordpress.ir\/wp-content\/uploads\/2026\/08\/a.png","datePublished":"2026-08-08T18:43:10+00:00","dateModified":"2026-08-10T18:13:08+00:00","breadcrumb":{"@id":"https:\/\/shap.abbas-wordpress.ir\/#breadcrumb"},"inLanguage":"fa-IR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/shap.abbas-wordpress.ir\/"]}]},{"@type":"ImageObject","inLanguage":"fa-IR","@id":"https:\/\/shap.abbas-wordpress.ir\/#primaryimage","url":"https:\/\/shap.abbas-wordpress.ir\/wp-content\/uploads\/2026\/08\/a.png","contentUrl":"https:\/\/shap.abbas-wordpress.ir\/wp-content\/uploads\/2026\/08\/a.png","width":1402,"height":1122},{"@type":"BreadcrumbList","@id":"https:\/\/shap.abbas-wordpress.ir\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u062e\u0627\u0646\u0647","item":"https:\/\/shap.abbas-wordpress.ir\/"},{"@type":"ListItem","position":2,"name":"\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc"}]},{"@type":"WebSite","@id":"https:\/\/shap.abbas-wordpress.ir\/#website","url":"https:\/\/shap.abbas-wordpress.ir\/","name":"Mochisa","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/shap.abbas-wordpress.ir\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fa-IR"}]}},"_links":{"self":[{"href":"https:\/\/shap.abbas-wordpress.ir\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shap.abbas-wordpress.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shap.abbas-wordpress.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shap.abbas-wordpress.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shap.abbas-wordpress.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":16,"href":"https:\/\/shap.abbas-wordpress.ir\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":40,"href":"https:\/\/shap.abbas-wordpress.ir\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/40"}],"wp:attachment":[{"href":"https:\/\/shap.abbas-wordpress.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}