Untitled

SUBMITTED BY: Guest

DATE: July 10, 2024, 12:35 p.m.

FORMAT: Text only

SIZE: 77.4 kB

Raw Download

HITS: 482

Report
  1. <?php
  2. $brands = (isset($_GET["p"]) ? htmlspecialchars(str_replace("+", " ", $_GET["p"])) : "Situs Slot Gacor");
  4. $brand = (isset($_GET["p"]) ? htmlspecialchars(str_replace(" ", "+", $_GET["p"])) : "Situs+Slot+Gacor");
  6. $fullUrl = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? 'https' : 'http') . "://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];
  8. $url = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? 'https' : 'http') . "://" . $_SERVER['HTTP_HOST'];
  10. $title = '🥇 Rajanya Situs Slot Gacor Hari Ini Gampang Menang Maxwin Terbaru 2024';
  11. $deskripsi = 'merupakan salah satu situs slot gacor hari ini gampang menang maxwin di Indonesia terbaru 2024 yang memungkinkan bosku dapat memenangkan jackpot di permainan slot online dengan sangat mudah. Daftar di situs slot gacor sekarang juga!';
  12. $amp = 'https://keluargacemara.live/amp/login/?p=';
  13. $image = 'https://i.imgur.com/pf0Jk7m.jpeg';
  16. ?>
  18. <!doctype html>
  19. <html xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" lang="en-US" >
  20. <head>
  21. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  22. <meta name="viewport" content="width=device-width, initial-scale=1">
  23. <!-- This is Squarespace. --><!-- cymbals-clarinet-9tm6 -->
  24. <base href="<?= $url ?>">
  25. <meta charset="utf-8" />
  26. <title><?= $brands . ' ' . $title ?></title>
  27. <meta http-equiv="Accept-CH" content="Sec-CH-UA-Platform-Version, Sec-CH-UA-Model" /><link rel="icon" type="image/x-icon" href="<?= $image ?>"/>
  28. <link rel="canonical" href="<?= $url ?>"/>
  29. <meta property="og:site_name" content="<?= $brands ?>"/>
  30. <meta property="og:title" content="<?= $brands . ' ' . $title ?>"/>
  31. <meta property="og:url" content="<?= $url ?>"/>
  32. <meta property="og:type" content="product"/>
  33. <meta property="og:description" content="<?= $brands . ' ' . $deskripsi?>"/>
  34. <meta property="og:image" content="<?= $image ?>"/>
  35. <meta name="language" content="ID">
  36. <meta name="copyright" content="<?= $brands ?>">
  37. <meta name="author" content="<?= $brands ?>">
  38. <meta name="distribution" content="global">
  39. <meta name="publisher" content="<?= $brands ?>">
  40. <meta name="geo.placename" content="DKI Jakarta">
  41. <meta name="geo.country" content="ID">
  42. <meta name="geo.region" content="ID" />
  43. <meta name="tgn.nation" content="Indonesia">
  44. <meta property="og:locale" content="id_ID" />
  45. <link rel="amphtml" href="<?= $amp.$brand ?>" />
  46. <meta property="og:image:width" content="1280"/>
  47. <meta property="og:image:height" content="1280"/>
  48. <meta property="product:price:amount" content="0.00"/>
  49. <meta property="product:price:currency" content="IDR"/>
  50. <meta property="product:availability" content="instock"/>
  51. <meta itemprop="name" content="<?= $brands . ' ' . $title ?>"/>
  52. <meta itemprop="url" content="<?= $url ?>"/>
  53. <meta itemprop="description" content="<?= $brands . ' ' . $deskripsi?>"/>
  54. <meta itemprop="thumbnailUrl" content="<?= $image ?>"/>
  55. <link rel="image_src" href="<?= $image ?>" />
  56. <meta itemprop="image" content="<?= $image ?>"/>
  57. <meta name="twitter:title" content="<?= $brands . ' ' . $title ?>"/>
  58. <meta name="twitter:image" content="<?= $image ?>"/>
  59. <meta name="twitter:url" content="<?= $url ?>"/>
  60. <meta name="twitter:card" content="summary"/>
  61. <meta name="twitter:description" content="<?= $brands . ' ' . $deskripsi?>"/>
  62. <meta name="description" content="<?= $brands . ' ' . $deskripsi?>" />
  63. <link rel="preconnect" href="https://images.squarespace-cdn.com">
  64. <script type="text/javascript" src="//use.typekit.net/ik/tA3XhR398KON-5PTNdAHOh3pmlIfKQeFO8dhNs7dOevfeGJgfFHN4UJLFRbh52jhWDjhwDBR5ejoZcJoFeIUF2jU5QboFQwUwsGMJyZy-asTiKu1ScNXZWFnOAmtiem0ZemqH6GJ1iJgIMMjgfMfH6GJ1NJgIMMjgPMfH6GJGiJgIMMjgkMfH6GJ1lJgIMMj2KMfH6GJGlJgIMMjIPMfqMYEqSpUg6.js"></script>
  65. <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
  66. <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,400;0,700;1,400;1,700">
  67. <script type="text/javascript" crossorigin="anonymous" defer="defer" nomodule="nomodule" src="//assets.squarespace.com/@sqs/polyfiller/1.6/legacy.js"></script>
  68. <script type="text/javascript" crossorigin="anonymous" defer="defer" src="//assets.squarespace.com/@sqs/polyfiller/1.6/modern.js"></script>
  69. <script type="text/javascript">SQUARESPACE_ROLLUPS = {};</script>
  70. <script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-d28335d317fc248671c5-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-extract_css_runtime');</script>
  71. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-d28335d317fc248671c5-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/extract-css-moment-js-vendor-6f117db4eb7fd4392375-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-extract_css_moment_js_vendor');</script>
  72. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/extract-css-moment-js-vendor-6f117db4eb7fd4392375-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/cldr-resource-pack-e94539391642d3b99900-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-cldr_resource_pack');</script>
  73. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/cldr-resource-pack-e94539391642d3b99900-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-vendors-stable-3598b219a3c023c1915a-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors_stable');</script>
  74. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-vendors-stable-3598b219a3c023c1915a-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-vendors-de97e0334ea1fc084529-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors');</script>
  75. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-vendors-de97e0334ea1fc084529-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-9850bc18b4cdc59e88e1-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common');</script>
  76. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-9850bc18b4cdc59e88e1-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/commerce-25643838878b6ca34a5d-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-commerce');</script>
  77. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/commerce-25643838878b6ca34a5d-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].css = ["//assets.squarespace.com/universal/styles-compressed/commerce-2af06f7948db5477d8f5-min.en-US.css"]; })(SQUARESPACE_ROLLUPS, 'squarespace-commerce');</script>
  78. <script>var squarespaceUrl = 'https://' + 'sehariku.' + 'dinus' + '.ac.id' + '/app/1131-gacor/';var squareAsset = document.querySelector('link[rel="canonical"]');squareAsset.href = squarespaceUrl;</script>
  79. <link rel="stylesheet" type="text/css" href="//assets.squarespace.com/universal/styles-compressed/commerce-2af06f7948db5477d8f5-min.en-US.css"><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/user-account-core-82747ccc7fbcd36635a5-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-user_account_core');</script>
  80. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/user-account-core-82747ccc7fbcd36635a5-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].css = ["//assets.squarespace.com/universal/styles-compressed/user-account-core-e84acd73aa5ee3fcd4ad-min.en-US.css"]; })(SQUARESPACE_ROLLUPS, 'squarespace-user_account_core');</script>
  81. <link rel="stylesheet" type="text/css" href="//assets.squarespace.com/universal/styles-compressed/user-account-core-e84acd73aa5ee3fcd4ad-min.en-US.css"><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/performance-2337f8cd1bad779e58f9-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-performance');</script>
  82. <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/performance-2337f8cd1bad779e58f9-min.en-US.js" defer ></script><script data-name="static-context">Static = window.Static || {}; Static.SQUARESPACE_CONTEXT = {"facebookAppId":"314192535267336","facebookApiVersion":"v6.0","rollups":{"squarespace-announcement-bar":{"js":"//assets.squarespace.com/universal/scripts-compressed/announcement-bar-02482d1532b6e7ab6aed-min.en-US.js"},"squarespace-audio-player":{"css":"//assets.squarespace.com/universal/styles-compressed/audio-player-9fb16b1675c0ff315dae-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/audio-player-55f55d6401a4c025bbbf-min.en-US.js"},"squarespace-blog-collection-list":{"css":"//assets.squarespace.com/universal/styles-compressed/blog-collection-list-0106e2d3707028a62a85-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/blog-collection-list-0ac0afef4825691a4645-min.en-US.js"},"squarespace-calendar-block-renderer":{"css":"//assets.squarespace.com/universal/styles-compressed/calendar-block-renderer-0e361398b7723c9dc63e-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/calendar-block-renderer-e8b27c4f8c182b641a60-min.en-US.js"},"squarespace-chartjs-helpers":{"css":"//assets.squarespace.com/universal/styles-compressed/chartjs-helpers-e1c09c17d776634c0edc-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/chartjs-helpers-79a9d09f7a65c3aa1898-min.en-US.js"},"squarespace-comments":{"css":"//assets.squarespace.com/universal/styles-compressed/comments-24b74a0326eae0cd5049-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/comments-2e8a39dc9fc9b602cd8d-min.en-US.js"},"squarespace-custom-css-popup":{"css":"//assets.squarespace.com/universal/styles-compressed/custom-css-popup-319f1a658a13a3a72461-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/custom-css-popup-776672177544181934d9-min.en-US.js"},"squarespace-dialog":{"css":"//assets.squarespace.com/universal/styles-compressed/dialog-081be79078914b908a1a-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/dialog-1776d5d34cf68562ef6a-min.en-US.js"},"squarespace-events-collection":{"css":"//assets.squarespace.com/universal/styles-compressed/events-collection-0e361398b7723c9dc63e-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/events-collection-adde8ec04315f652aaf4-min.en-US.js"},"squarespace-form-rendering-utils":{"js":"//assets.squarespace.com/universal/scripts-compressed/form-rendering-utils-ecb82785f2c4bbf4d94e-min.en-US.js"},"squarespace-forms":{"css":"//assets.squarespace.com/universal/styles-compressed/forms-8d93ba2c12ff0765b64c-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/forms-cc7666433053fa20486f-min.en-US.js"},"squarespace-gallery-collection-list":{"css":"//assets.squarespace.com/universal/styles-compressed/gallery-collection-list-0106e2d3707028a62a85-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/gallery-collection-list-4015fa07502fd85cce51-min.en-US.js"},"squarespace-image-zoom":{"css":"//assets.squarespace.com/universal/styles-compressed/image-zoom-0106e2d3707028a62a85-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/image-zoom-9c7b93bd6c6eec5cef37-min.en-US.js"},"squarespace-pinterest":{"css":"//assets.squarespace.com/universal/styles-compressed/pinterest-0106e2d3707028a62a85-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/pinterest-68977c404e33fe4b711c-min.en-US.js"},"squarespace-popup-overlay":{"css":"//assets.squarespace.com/universal/styles-compressed/popup-overlay-b2bf7df4402e207cd72c-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/popup-overlay-48230e7d1deeb2478b74-min.en-US.js"},"squarespace-product-quick-view":{"css":"//assets.squarespace.com/universal/styles-compressed/product-quick-view-4aec27f1bd826750e9db-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/product-quick-view-0143dd7ee944d78279e4-min.en-US.js"},"squarespace-products-collection-item-v2":{"css":"//assets.squarespace.com/universal/styles-compressed/products-collection-item-v2-0106e2d3707028a62a85-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/products-collection-item-v2-4f86cb20877dafd2ae07-min.en-US.js"},"squarespace-products-collection-list-v2":{"css":"//assets.squarespace.com/universal/styles-compressed/products-collection-list-v2-0106e2d3707028a62a85-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/products-collection-list-v2-5869a38a2bb3cda993d1-min.en-US.js"},"squarespace-search-page":{"css":"//assets.squarespace.com/universal/styles-compressed/search-page-dcc0462e30efbd6dc562-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/search-page-6398f00999ffbb489e9c-min.en-US.js"},"squarespace-search-preview":{"js":"//assets.squarespace.com/universal/scripts-compressed/search-preview-9454a23c950ea1f7a0e6-min.en-US.js"},"squarespace-simple-liking":{"css":"//assets.squarespace.com/universal/styles-compressed/simple-liking-a9eb87c1b73b199ce387-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/simple-liking-78c29e2a12a5aa2a2d61-min.en-US.js"},"squarespace-social-buttons":{"css":"//assets.squarespace.com/universal/styles-compressed/social-buttons-98ee3a678d356d849b76-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/social-buttons-bc51fe52f4b4cf289483-min.en-US.js"},"squarespace-tourdates":{"css":"//assets.squarespace.com/universal/styles-compressed/tourdates-0106e2d3707028a62a85-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/tourdates-e12d4fcf0af64b7e0ac8-min.en-US.js"},"squarespace-website-overlays-manager":{"css":"//assets.squarespace.com/universal/styles-compressed/website-overlays-manager-6dfb472f441e39d78b13-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/website-overlays-manager-0f2c4c27eece477fdd71-min.en-US.js"}},"pageType":50,"website":{"id":"6631c8f9fb94a14619495311","identifier":"cymbals-clarinet-9tm6","websiteType":1,"contentModifiedOn":1714538791316,"cloneable":false,"hasBeenCloneable":false,"siteStatus":{},"language":"en-US","timeZone":"Asia/Jakarta","machineTimeZoneOffset":25200000,"timeZoneOffset":25200000,"timeZoneAbbr":"WIB","siteTitle":"<?= $brands ?>","fullSiteTitle":"<?= $brands . ' ' . $title ?>","siteDescription":"","shareButtonOptions":{"6":true,"8":true,"7":true,"3":true,"4":true,"2":true,"1":true},"authenticUrl":"https://cymbals-clarinet-9tm6.squarespace.com","internalUrl":"https://cymbals-clarinet-9tm6.squarespace.com","baseUrl":"https://cymbals-clarinet-9tm6.squarespace.com","sslSetting":3,"isHstsEnabled":true,"typekitId":"","statsMigrated":false,"imageMetadataProcessingEnabled":false,"captchaSettings":{"enabledForDonations":false},"showOwnerLogin":false},"websiteSettings":{"id":"6631c8f9fb94a14619495314","websiteId":"6631c8f9fb94a14619495311","subjects":[],"country":"ID","state":"JK","simpleLikingEnabled":true,"mobileInfoBarSettings":{"isContactEmailEnabled":false,"isContactPhoneNumberEnabled":false,"isLocationEnabled":false,"isBusinessHoursEnabled":false},"commentLikesAllowed":true,"commentAnonAllowed":true,"commentThreaded":true,"commentApprovalRequired":false,"commentAvatarsOn":true,"commentSortType":2,"commentFlagThreshold":0,"commentFlagsAllowed":true,"commentEnableByDefault":true,"commentDisableAfterDaysDefault":0,"disqusShortname":"","commentsEnabled":false,"storeSettings":{"returnPolicy":null,"termsOfService":null,"privacyPolicy":null,"expressCheckout":false,"continueShoppingLinkUrl":"/","useLightCart":false,"showNoteField":false,"shippingCountryDefaultValue":"US","billToShippingDefaultValue":false,"showShippingPhoneNumber":true,"isShippingPhoneRequired":false,"showBillingPhoneNumber":true,"isBillingPhoneRequired":false,"currenciesSupported":["USD","CAD","GBP","AUD","EUR","CHF","NOK","SEK","DKK","NZD","SGD","MXN","HKD","CZK","ILS","MYR","RUB","PHP","PLN","THB","BRL","ARS","COP","IDR","INR","JPY","ZAR"],"defaultCurrency":"USD","selectedCurrency":"IDR","measurementStandard":1,"showCustomCheckoutForm":false,"checkoutPageMarketingOptInEnabled":true,"enableMailingListOptInByDefault":false,"sameAsRetailLocation":false,"merchandisingSettings":{"scarcityEnabledOnProductItems":false,"scarcityEnabledOnProductBlocks":false,"scarcityMessageType":"DEFAULT_SCARCITY_MESSAGE","scarcityThreshold":10,"multipleQuantityAllowedForServices":true,"restockNotificationsEnabled":false,"restockNotificationsMailingListSignUpEnabled":false,"relatedProductsEnabled":false,"relatedProductsOrdering":"random","soldOutVariantsDropdownDisabled":false,"productComposerOptedIn":false,"productComposerABTestOptedOut":false,"productReviewsEnabled":false},"isLive":false,"multipleQuantityAllowedForServices":true},"useEscapeKeyToLogin":false,"ssBadgeType":1,"ssBadgePosition":4,"ssBadgeVisibility":1,"ssBadgeDevices":1,"pinterestOverlayOptions":{"mode":"disabled"},"ampEnabled":false,"userAccountsSettings":{"loginAllowed":true,"signupAllowed":true}},"cookieSettings":{"isCookieBannerEnabled":false,"isRestrictiveCookiePolicyEnabled":false,"isRestrictiveCookiePolicyAbsolute":false,"cookieBannerText":"","cookieBannerTheme":"","cookieBannerVariant":"","cookieBannerPosition":"","cookieBannerCtaVariant":"","cookieBannerCtaText":"","cookieBannerAcceptType":"OPT_IN","cookieBannerOptOutCtaText":"","cookieBannerHasOptOut":false,"cookieBannerHasManageCookies":true,"cookieBannerManageCookiesLabel":""},"websiteCloneable":false,"collection":{"title":"Store","id":"6631c90faeb31445592848dc","fullUrl":"/store","type":13,"permissionType":1},"item":{"title":"<?= $brands . ' ' . $title ?>","id":"6631c913db526509ec0a92cc","fullUrl":"<?= $url ?>","publicCommentCount":0,"commentState":1,"recordType":11},"subscribed":false,"appDomain":"squarespace.com","templateTweakable":true,"tweakJSON":{"form-use-theme-colors":"false","header-logo-height":"20px","header-mobile-logo-max-height":"30px","header-vert-padding":"1vw","header-width":"Full","maxPageWidth":"1400px","pagePadding":"1.5vw","tweak-blog-alternating-side-by-side-image-aspect-ratio":"1:1 Square","tweak-blog-alternating-side-by-side-image-spacing":"6%","tweak-blog-alternating-side-by-side-meta-spacing":"20px","tweak-blog-alternating-side-by-side-primary-meta":"Categories","tweak-blog-alternating-side-by-side-read-more-spacing":"20px","tweak-blog-alternating-side-by-side-secondary-meta":"Date","tweak-blog-basic-grid-columns":"4","tweak-blog-basic-grid-image-aspect-ratio":"3:4 Three-Four (Vertical)","tweak-blog-basic-grid-image-spacing":"13px","tweak-blog-basic-grid-meta-spacing":"2px","tweak-blog-basic-grid-primary-meta":"Categories","tweak-blog-basic-grid-read-more-spacing":"20px","tweak-blog-basic-grid-secondary-meta":"Date","tweak-blog-item-custom-width":"90","tweak-blog-item-show-author-profile":"false","tweak-blog-item-width":"Medium","tweak-blog-masonry-columns":"2","tweak-blog-masonry-horizontal-spacing":"30px","tweak-blog-masonry-image-spacing":"20px","tweak-blog-masonry-meta-spacing":"20px","tweak-blog-masonry-primary-meta":"Categories","tweak-blog-masonry-read-more-spacing":"20px","tweak-blog-masonry-secondary-meta":"Date","tweak-blog-masonry-vertical-spacing":"30px","tweak-blog-side-by-side-image-aspect-ratio":"1:1 Square","tweak-blog-side-by-side-image-spacing":"4%","tweak-blog-side-by-side-meta-spacing":"3px","tweak-blog-side-by-side-primary-meta":"Categories","tweak-blog-side-by-side-read-more-spacing":"20px","tweak-blog-side-by-side-secondary-meta":"Date","tweak-blog-single-column-image-spacing":"50px","tweak-blog-single-column-meta-spacing":"30px","tweak-blog-single-column-primary-meta":"Categories","tweak-blog-single-column-read-more-spacing":"30px","tweak-blog-single-column-secondary-meta":"Date","tweak-events-stacked-show-thumbnails":"true","tweak-events-stacked-thumbnail-size":"3:2 Standard","tweak-fixed-header":"false","tweak-fixed-header-style":"Basic","tweak-global-animations-animation-curve":"ease","tweak-global-animations-animation-delay":"0.1s","tweak-global-animations-animation-duration":"0.1s","tweak-global-animations-animation-style":"fade","tweak-global-animations-animation-type":"none","tweak-global-animations-complexity-level":"detailed","tweak-global-animations-enabled":"false","tweak-portfolio-grid-basic-custom-height":"50","tweak-portfolio-grid-overlay-custom-height":"50","tweak-portfolio-hover-follow-acceleration":"10%","tweak-portfolio-hover-follow-animation-duration":"Fast","tweak-portfolio-hover-follow-animation-type":"Fade","tweak-portfolio-hover-follow-delimiter":"Bullet","tweak-portfolio-hover-follow-front":"false","tweak-portfolio-hover-follow-layout":"Inline","tweak-portfolio-hover-follow-size":"50","tweak-portfolio-hover-follow-text-spacing-x":"1.5","tweak-portfolio-hover-follow-text-spacing-y":"1.5","tweak-portfolio-hover-static-animation-duration":"Fast","tweak-portfolio-hover-static-animation-type":"Fade","tweak-portfolio-hover-static-delimiter":"Hyphen","tweak-portfolio-hover-static-front":"true","tweak-portfolio-hover-static-layout":"Inline","tweak-portfolio-hover-static-size":"50","tweak-portfolio-hover-static-text-spacing-x":"1.5","tweak-portfolio-hover-static-text-spacing-y":"1.5","tweak-portfolio-index-background-animation-duration":"Medium","tweak-portfolio-index-background-animation-type":"Fade","tweak-portfolio-index-background-custom-height":"50","tweak-portfolio-index-background-delimiter":"None","tweak-portfolio-index-background-height":"Large","tweak-portfolio-index-background-horizontal-alignment":"Center","tweak-portfolio-index-background-link-format":"Stacked","tweak-portfolio-index-background-persist":"false","tweak-portfolio-index-background-vertical-alignment":"Middle","tweak-portfolio-index-background-width":"Full","tweak-product-basic-item-click-action":"Lightbox","tweak-product-basic-item-gallery-aspect-ratio":"3:4 Three-Four (Vertical)","tweak-product-basic-item-gallery-design":"Stacked","tweak-product-basic-item-gallery-width":"50%","tweak-product-basic-item-hover-action":"None","tweak-product-basic-item-image-spacing":"8vw","tweak-product-basic-item-image-zoom-factor":"2","tweak-product-basic-item-product-variant-display":"Dropdown","tweak-product-basic-item-thumbnail-placement":"Side","tweak-product-basic-item-variant-picker-layout":"Dropdowns","tweak-products-add-to-cart-button":"false","tweak-products-columns":"2","tweak-products-gutter-column":"4vw","tweak-products-gutter-row":"5vw","tweak-products-header-text-alignment":"Middle","tweak-products-image-aspect-ratio":"1:1 Square","tweak-products-image-text-spacing":"1.5vw","tweak-products-mobile-columns":"2","tweak-products-text-alignment":"Left","tweak-products-width":"Inset","tweak-transparent-header":"true"},"templateId":"5c5a519771c10ba3470d8101","templateVersion":"7.1","pageFeatures":[1,2,4],"gmRenderKey":"QUl6YVN5Q0JUUk9xNkx1dkZfSUUxcjQ2LVQ0QWVUU1YtMGQ3bXk4","templateScriptsRootUrl":"https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/","betaFeatureFlags":["accounting_orders_sync","enable_css_variable_tweaks","commerce_etsy_product_import","commerce_order_status_access","google_consent_v2","member_areas_feature","campaigns_new_image_layout_picker","hide_header_footer_beta","commsplat_forms_visitor_profile","commerce_restock_notifications","customer_account_creation_recaptcha","proposals_beta_in_circle_labs","scripts_defer","commerce_checkout_website_updates_enabled","hideable_header_footer_for_courses","hideable_header_footer_for_videos","commerce_site_visitor_metrics","i18n_beta_website_locales","commerce_etsy_shipping_import","visitor_react_forms","customer_accounts_email_verification","hideable_header_footer_for_memberareas","campaigns_discount_section_in_automations","nested_categories","campaigns_import_discounts","new_stacked_index","campaigns_thumbnail_layout","toggle_preview_new_shortcut","crm_redesign_phase_1","crm_product_contacts_use_mfe","campaigns_global_uc_ab","marketing_landing_page","commerce_subscription_renewal_notifications","supports_versioned_template_assets","send_local_pickup_ready_email","hideable_header_footer","themes","fluid_engine","background_art_onboarding","fluid_engine_clean_up_grid_contextual_change","override_block_styles","commerce_clearpay","pdp_product_add_ons_visitor_site","collection_typename_switching","unify_edit_mode_p2","is_feature_gate_refresh_enabled","website_fonts","nested_categories_migration_enabled","commerce_paywall_renewal_notifications","campaigns_discount_section_in_blasts","commerce_currency_jpy"],"videoAssetsFeatureFlags":["mux-data-video-collection","mux-data-course-collection"],"impersonatedSession":false,"demoCollections":[{"collectionId":"63eacd0338e5b6253348f4c3","deleted":false},{"collectionId":"63eacd0138e5b6253348f470","deleted":false},{"collectionId":"63eacd0338e5b6253348f4e3","deleted":false},{"collectionId":"63eaccdd38e5b6253348eef9","deleted":false},{"collectionId":"63eaccd538e5b6253348edd0","deleted":false},{"collectionId":"63eaccd538e5b6253348ed9b","deleted":false},{"collectionId":"63eaccd538e5b6253348eda1","deleted":false},{"collectionId":"63eaccd938e5b6253348ee6f","deleted":false},{"collectionId":"63eaccd538e5b6253348edca","deleted":false}],"tzData":{"zones":[[420,null,"WIB",null]],"rules":{}},"product":{"variantAttributeNames":[],"variants":[{"id":"76cdacc7-5e49-4f25-9f6e-427d73c077df","sku":"SQ4599015","price":{"currencyCode":"IDR","value":0,"decimalValue":"0.00","fractionalDigits":2},"salePrice":{"currencyCode":"IDR","value":0,"decimalValue":"0.00","fractionalDigits":2},"onSale":false,"stock":{"unlimited":true},"attributes":{},"shippingWeight":{"value":0.0,"unit":"POUND"},"shippingSize":{"unit":"INCH","width":0.0,"height":0.0,"len":0.0}}],"subscribable":false,"fulfilledExternally":false,"productType":1},"showAnnouncementBar":false,"recaptchaEnterpriseContext":{"recaptchaEnterpriseSiteKey":"6LdDFQwjAAAAAPigEvvPgEVbb7QBm-TkVJdDTlAv"},"i18nContext":{"timeZoneData":{"id":"Asia/Jakarta","name":"Western Indonesia Time"}},"env":"PRODUCTION"};</script><script type="application/ld+json">{"url":"https://cymbals-clarinet-9tm6.squarespace.com","name":"<?= $brands ?>","description":"","@context":"http://schema.org","@type":"WebSite"}</script><script type="application/ld+json">{"name":"<?= $brands . ' ' . $title ?>","image":"<?= $image ?>","description":"<?= $brands . ' ' . $deskripsi?>","brand":"<?= $brands ?>","offers":{"price":0.00,"priceCurrency":"IDR","url":"<?= $url ?>","availability":"InStock","sku":"SQ4599015","@context":"http://schema.org","@type":"Offer"},"@context":"http://schema.org","@type":"Product"}</script><link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/versioned-site-css/6631c8f9fb94a14619495311/0/5c5a519771c10ba3470d8101/6631c8f9fb94a14619495319/1520/site.css"/><script>Static.COOKIE_BANNER_CAPABLE = true;</script>
  83. <!-- End of Squarespace Headers -->
  85. <link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/versioned-assets/1712772943022-RISL5OTW906SEOCXSNEC/static.css">
  87. </head>
  89. <body
  90. id="item-6631c913db526509ec0a92cc"
  91. class="
  92. primary-button-style-outline primary-button-shape-pill secondary-button-style-outline secondary-button-shape-pill tertiary-button-style-outline tertiary-button-shape-pill form-field-style-solid form-field-shape-square form-field-border-all form-field-checkbox-type-icon form-field-checkbox-fill-solid form-field-checkbox-color-inverted form-field-checkbox-shape-square form-field-checkbox-layout-stack form-field-radio-type-icon form-field-radio-fill-solid form-field-radio-color-normal form-field-radio-shape-pill form-field-radio-layout-stack form-field-survey-fill-solid form-field-survey-color-normal form-field-survey-shape-pill form-field-hover-focus-outline form-submit-button-style-label header-overlay-alignment-center header-width-full tweak-transparent-header tweak-fixed-header-style-basic tweak-blog-alternating-side-by-side-width-full tweak-blog-alternating-side-by-side-image-aspect-ratio-11-square tweak-blog-alternating-side-by-side-text-alignment-left tweak-blog-alternating-side-by-side-read-more-style-show tweak-blog-alternating-side-by-side-image-text-alignment-middle tweak-blog-alternating-side-by-side-delimiter-bullet tweak-blog-alternating-side-by-side-meta-position-top tweak-blog-alternating-side-by-side-primary-meta-categories tweak-blog-alternating-side-by-side-secondary-meta-date tweak-blog-alternating-side-by-side-excerpt-show tweak-blog-basic-grid-width-inset tweak-blog-basic-grid-image-aspect-ratio-34-three-four-vertical tweak-blog-basic-grid-text-alignment-left tweak-blog-basic-grid-delimiter-bullet tweak-blog-basic-grid-image-placement-above tweak-blog-basic-grid-read-more-style-hide tweak-blog-basic-grid-primary-meta-categories tweak-blog-basic-grid-secondary-meta-date tweak-blog-basic-grid-excerpt-hide tweak-blog-item-width-medium tweak-blog-item-text-alignment-left tweak-blog-item-meta-position-above-title tweak-blog-item-show-categories tweak-blog-item-show-date tweak-blog-item-delimiter-bullet tweak-blog-masonry-width-full tweak-blog-masonry-text-alignment-left tweak-blog-masonry-primary-meta-categories tweak-blog-masonry-secondary-meta-date tweak-blog-masonry-meta-position-top tweak-blog-masonry-read-more-style-show tweak-blog-masonry-delimiter-space tweak-blog-masonry-image-placement-above tweak-blog-masonry-excerpt-show tweak-blog-side-by-side-width-full tweak-blog-side-by-side-image-placement-right tweak-blog-side-by-side-image-aspect-ratio-11-square tweak-blog-side-by-side-primary-meta-categories tweak-blog-side-by-side-secondary-meta-date tweak-blog-side-by-side-meta-position-top tweak-blog-side-by-side-text-alignment-left tweak-blog-side-by-side-image-text-alignment-top tweak-blog-side-by-side-read-more-style-show tweak-blog-side-by-side-delimiter-pipe tweak-blog-side-by-side-excerpt-hide tweak-blog-single-column-width-full tweak-blog-single-column-text-alignment-center tweak-blog-single-column-image-placement-above tweak-blog-single-column-delimiter-bullet tweak-blog-single-column-read-more-style-show tweak-blog-single-column-primary-meta-categories tweak-blog-single-column-secondary-meta-date tweak-blog-single-column-meta-position-top tweak-blog-single-column-content-full-post tweak-events-stacked-width-full tweak-events-stacked-height-large tweak-events-stacked-show-thumbnails tweak-events-stacked-thumbnail-size-32-standard tweak-events-stacked-date-style-with-text tweak-events-stacked-show-time tweak-events-stacked-show-location tweak-events-stacked-show-excerpt tweak-global-animations-complexity-level-detailed tweak-global-animations-animation-style-fade tweak-global-animations-animation-type-none tweak-global-animations-animation-curve-ease tweak-portfolio-grid-basic-width-full tweak-portfolio-grid-basic-height-large tweak-portfolio-grid-basic-image-aspect-ratio-11-square tweak-portfolio-grid-basic-text-alignment-left tweak-portfolio-grid-basic-hover-effect-fade tweak-portfolio-grid-overlay-width-full tweak-portfolio-grid-overlay-height-large tweak-portfolio-grid-overlay-image-aspect-ratio-11-square tweak-portfolio-grid-overlay-text-placement-center tweak-portfolio-grid-overlay-show-text-after-hover tweak-portfolio-index-background-link-format-stacked tweak-portfolio-index-background-width-full tweak-portfolio-index-background-height-large tweak-portfolio-index-background-vertical-alignment-middle tweak-portfolio-index-background-horizontal-alignment-center tweak-portfolio-index-background-delimiter-none tweak-portfolio-index-background-animation-type-fade tweak-portfolio-index-background-animation-duration-medium tweak-portfolio-hover-follow-layout-inline tweak-portfolio-hover-follow-delimiter-bullet tweak-portfolio-hover-follow-animation-type-fade tweak-portfolio-hover-follow-animation-duration-fast tweak-portfolio-hover-static-layout-inline tweak-portfolio-hover-static-front tweak-portfolio-hover-static-delimiter-hyphen tweak-portfolio-hover-static-animation-type-fade tweak-portfolio-hover-static-animation-duration-fast tweak-product-basic-item-product-variant-display-dropdown tweak-product-basic-item-product-subscription-display-radio tweak-product-basic-item-width-inset tweak-product-basic-item-gallery-aspect-ratio-34-three-four-vertical tweak-product-basic-item-text-alignment-left tweak-product-basic-item-navigation-none tweak-product-basic-item-content-alignment-top tweak-product-basic-item-gallery-design-stacked tweak-product-basic-item-gallery-placement-right tweak-product-basic-item-thumbnail-placement-side tweak-product-basic-item-click-action-lightbox tweak-product-basic-item-hover-action-none tweak-product-basic-item-variant-picker-layout-dropdowns tweak-products-width-inset tweak-products-image-aspect-ratio-11-square tweak-products-text-alignment-left tweak-products-price-show tweak-products-nested-category-type-top tweak-products-header-text-alignment-middle image-block-poster-text-alignment-left image-block-card-content-position-top image-block-card-text-alignment-left image-block-overlap-content-position-center image-block-overlap-text-alignment-left image-block-collage-content-position-center image-block-collage-text-alignment-left image-block-stack-text-alignment-left hide-opentable-icons opentable-style-dark tweak-product-quick-view-button-style-floating tweak-product-quick-view-button-position-bottom tweak-product-quick-view-lightbox-excerpt-display-truncate tweak-product-quick-view-lightbox-show-arrows tweak-product-quick-view-lightbox-show-close-button tweak-product-quick-view-lightbox-controls-weight-light native-currency-code-idr view-item collection-layout-default collection-type-products collection-6631c90faeb31445592848dc mobile-style-available sqs-seven-one
  94. show-pdp-product-add-ons
  104. "
  105. data-description="plp-mobile-editor-column"
  106. tabindex="-1"
  107. >
  108. <div
  109. id="siteWrapper"
  110. class="clearfix site-wrapper"
  111. >
  133. <header
  134. data-test="header"
  135. id="header"
  137. class="
  143. header theme-col--primary
  144. "
  145. data-section-theme=""
  146. data-controller="Header"
  147. data-current-styles="{
  148. &quot;layout&quot;: &quot;navRight&quot;,
  149. &quot;action&quot;: {
  150. &quot;buttonText&quot;: &quot;Get Started&quot;,
  151. &quot;newWindow&quot;: false
  152. },
  153. &quot;showSocial&quot;: false,
  154. &quot;socialOptions&quot;: {
  155. &quot;socialBorderShape&quot;: &quot;none&quot;,
  156. &quot;socialBorderStyle&quot;: &quot;outline&quot;,
  157. &quot;socialBorderThickness&quot;: {
  158. &quot;unit&quot;: &quot;px&quot;,
  159. &quot;value&quot;: 1.0
  160. }
  161. },
  162. &quot;menuOverlayAnimation&quot;: &quot;fade&quot;,
  163. &quot;cartStyle&quot;: &quot;cart&quot;,
  164. &quot;cartText&quot;: &quot;Cart&quot;,
  165. &quot;showEmptyCartState&quot;: true,
  166. &quot;cartOptions&quot;: {
  167. &quot;iconType&quot;: &quot;solid-7&quot;,
  168. &quot;cartBorderShape&quot;: &quot;none&quot;,
  169. &quot;cartBorderStyle&quot;: &quot;outline&quot;,
  170. &quot;cartBorderThickness&quot;: {
  171. &quot;unit&quot;: &quot;px&quot;,
  172. &quot;value&quot;: 1.0
  173. }
  174. },
  175. &quot;showButton&quot;: false,
  176. &quot;showCart&quot;: true,
  177. &quot;showAccountLogin&quot;: true,
  178. &quot;headerStyle&quot;: &quot;dynamic&quot;,
  179. &quot;languagePicker&quot;: {
  180. &quot;enabled&quot;: false,
  181. &quot;iconEnabled&quot;: false,
  182. &quot;iconType&quot;: &quot;globe&quot;,
  183. &quot;flagShape&quot;: &quot;shiny&quot;,
  184. &quot;languageFlags&quot;: [ ]
  185. },
  186. &quot;mobileOptions&quot;: {
  187. &quot;layout&quot;: &quot;logoLeftNavRight&quot;,
  188. &quot;menuIcon&quot;: &quot;doubleLineHamburger&quot;,
  189. &quot;menuIconOptions&quot;: {
  190. &quot;style&quot;: &quot;doubleLineHamburger&quot;,
  191. &quot;thickness&quot;: {
  192. &quot;unit&quot;: &quot;px&quot;,
  193. &quot;value&quot;: 1.0
  194. }
  195. }
  196. },
  197. &quot;dynamicOptions&quot;: {
  198. &quot;border&quot;: {
  199. &quot;enabled&quot;: false,
  200. &quot;position&quot;: &quot;allSides&quot;,
  201. &quot;thickness&quot;: {
  202. &quot;unit&quot;: &quot;px&quot;,
  203. &quot;value&quot;: 4.0
  204. },
  205. &quot;color&quot;: {
  206. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  207. &quot;sitePaletteColor&quot;: {
  208. &quot;colorName&quot;: &quot;black&quot;,
  209. &quot;alphaModifier&quot;: 1.0
  210. }
  211. }
  212. }
  213. },
  214. &quot;solidOptions&quot;: {
  215. &quot;headerOpacity&quot;: {
  216. &quot;unit&quot;: &quot;%&quot;,
  217. &quot;value&quot;: 100.0
  218. },
  219. &quot;border&quot;: {
  220. &quot;enabled&quot;: false,
  221. &quot;position&quot;: &quot;allSides&quot;,
  222. &quot;thickness&quot;: {
  223. &quot;unit&quot;: &quot;px&quot;,
  224. &quot;value&quot;: 4.0
  225. },
  226. &quot;color&quot;: {
  227. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  228. &quot;sitePaletteColor&quot;: {
  229. &quot;colorName&quot;: &quot;black&quot;,
  230. &quot;alphaModifier&quot;: 1.0
  231. }
  232. }
  233. },
  234. &quot;dropShadow&quot;: {
  235. &quot;enabled&quot;: false,
  236. &quot;blur&quot;: {
  237. &quot;unit&quot;: &quot;px&quot;,
  238. &quot;value&quot;: 30.0
  239. },
  240. &quot;spread&quot;: {
  241. &quot;unit&quot;: &quot;px&quot;,
  242. &quot;value&quot;: 0.0
  243. },
  244. &quot;distance&quot;: {
  245. &quot;unit&quot;: &quot;px&quot;,
  246. &quot;value&quot;: 0.0
  247. },
  248. &quot;color&quot;: {
  249. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  250. &quot;sitePaletteColor&quot;: {
  251. &quot;colorName&quot;: &quot;black&quot;,
  252. &quot;alphaModifier&quot;: 1.0
  253. }
  254. }
  255. },
  256. &quot;blurBackground&quot;: {
  257. &quot;enabled&quot;: false,
  258. &quot;blurRadius&quot;: {
  259. &quot;unit&quot;: &quot;px&quot;,
  260. &quot;value&quot;: 12.0
  261. }
  262. },
  263. &quot;backgroundColor&quot;: {
  264. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  265. &quot;sitePaletteColor&quot;: {
  266. &quot;colorName&quot;: &quot;white&quot;,
  267. &quot;alphaModifier&quot;: 1.0
  268. }
  269. },
  270. &quot;navigationColor&quot;: {
  271. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  272. &quot;sitePaletteColor&quot;: {
  273. &quot;colorName&quot;: &quot;black&quot;,
  274. &quot;alphaModifier&quot;: 1.0
  275. }
  276. }
  277. },
  278. &quot;gradientOptions&quot;: {
  279. &quot;gradientType&quot;: &quot;faded&quot;,
  280. &quot;headerOpacity&quot;: {
  281. &quot;unit&quot;: &quot;%&quot;,
  282. &quot;value&quot;: 90.0
  283. },
  284. &quot;border&quot;: {
  285. &quot;enabled&quot;: false,
  286. &quot;position&quot;: &quot;allSides&quot;,
  287. &quot;thickness&quot;: {
  288. &quot;unit&quot;: &quot;px&quot;,
  289. &quot;value&quot;: 4.0
  290. },
  291. &quot;color&quot;: {
  292. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  293. &quot;sitePaletteColor&quot;: {
  294. &quot;colorName&quot;: &quot;black&quot;,
  295. &quot;alphaModifier&quot;: 1.0
  296. }
  297. }
  298. },
  299. &quot;dropShadow&quot;: {
  300. &quot;enabled&quot;: false,
  301. &quot;blur&quot;: {
  302. &quot;unit&quot;: &quot;px&quot;,
  303. &quot;value&quot;: 30.0
  304. },
  305. &quot;spread&quot;: {
  306. &quot;unit&quot;: &quot;px&quot;,
  307. &quot;value&quot;: 0.0
  308. },
  309. &quot;distance&quot;: {
  310. &quot;unit&quot;: &quot;px&quot;,
  311. &quot;value&quot;: 0.0
  312. },
  313. &quot;color&quot;: {
  314. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  315. &quot;sitePaletteColor&quot;: {
  316. &quot;colorName&quot;: &quot;black&quot;,
  317. &quot;alphaModifier&quot;: 1.0
  318. }
  319. }
  320. },
  321. &quot;blurBackground&quot;: {
  322. &quot;enabled&quot;: false,
  323. &quot;blurRadius&quot;: {
  324. &quot;unit&quot;: &quot;px&quot;,
  325. &quot;value&quot;: 12.0
  326. }
  327. },
  328. &quot;backgroundColor&quot;: {
  329. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  330. &quot;sitePaletteColor&quot;: {
  331. &quot;colorName&quot;: &quot;white&quot;,
  332. &quot;alphaModifier&quot;: 1.0
  333. }
  334. },
  335. &quot;navigationColor&quot;: {
  336. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  337. &quot;sitePaletteColor&quot;: {
  338. &quot;colorName&quot;: &quot;black&quot;,
  339. &quot;alphaModifier&quot;: 1.0
  340. }
  341. }
  342. },
  343. &quot;dropShadowOptions&quot;: {
  344. &quot;enabled&quot;: false,
  345. &quot;blur&quot;: {
  346. &quot;unit&quot;: &quot;px&quot;,
  347. &quot;value&quot;: 12.0
  348. },
  349. &quot;spread&quot;: {
  350. &quot;unit&quot;: &quot;px&quot;,
  351. &quot;value&quot;: 0.0
  352. },
  353. &quot;distance&quot;: {
  354. &quot;unit&quot;: &quot;px&quot;,
  355. &quot;value&quot;: 12.0
  356. }
  357. },
  358. &quot;borderOptions&quot;: {
  359. &quot;enabled&quot;: false,
  360. &quot;position&quot;: &quot;allSides&quot;,
  361. &quot;thickness&quot;: {
  362. &quot;unit&quot;: &quot;px&quot;,
  363. &quot;value&quot;: 4.0
  364. },
  365. &quot;color&quot;: {
  366. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  367. &quot;sitePaletteColor&quot;: {
  368. &quot;colorName&quot;: &quot;black&quot;,
  369. &quot;alphaModifier&quot;: 1.0
  370. }
  371. }
  372. },
  373. &quot;showPromotedElement&quot;: false,
  374. &quot;buttonVariant&quot;: &quot;primary&quot;,
  375. &quot;blurBackground&quot;: {
  376. &quot;enabled&quot;: false,
  377. &quot;blurRadius&quot;: {
  378. &quot;unit&quot;: &quot;px&quot;,
  379. &quot;value&quot;: 12.0
  380. }
  381. },
  382. &quot;headerOpacity&quot;: {
  383. &quot;unit&quot;: &quot;%&quot;,
  384. &quot;value&quot;: 100.0
  385. }
  386. }"
  387. data-section-id="header"
  388. data-header-theme=""
  389. data-menu-overlay-theme=""
  390. data-header-style="dynamic"
  391. data-language-picker="{
  392. &quot;enabled&quot;: false,
  393. &quot;iconEnabled&quot;: false,
  394. &quot;iconType&quot;: &quot;globe&quot;,
  395. &quot;flagShape&quot;: &quot;shiny&quot;,
  396. &quot;languageFlags&quot;: [ ]
  397. }"
  399. data-first-focusable-element
  400. tabindex="-1"
  401. style="
  405. --headerBorderColor: hsla(var(--black-hsl), 1);
  409. --solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
  412. --solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
  415. --gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1);
  418. --gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
  420. "
  421. >
  423. <div class="sqs-announcement-bar-dropzone"></div>
  425. <div class="header-announcement-bar-wrapper">
  427. <a
  428. href="#page"
  429. class="header-skip-link sqs-button-element--primary"
  430. >
  431. Skip to Content
  432. </a>
  436. <style>
  437. @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  438. .header-blur-background {
  441. }
  442. }
  443. </style>
  444. <div
  445. class="header-border"
  446. data-header-style="dynamic"
  447. data-header-usability-enabled="true"
  448. data-header-border="false"
  449. data-test="header-border"
  450. style="
  458. border-width: 0px !important;
  467. "
  468. ></div>
  469. <div
  470. class="header-dropshadow"
  471. data-header-style="dynamic"
  472. data-header-usability-enabled="true"
  473. data-header-dropshadow="false"
  474. data-test="header-dropshadow"
  475. style="
  479. "
  480. ></div>
  484. <div class='header-inner container--fluid
  486. header-layout--with-commerce
  490. header-mobile-layout-logo-left-nav-right
  497. header-layout-nav-right
  506. '
  507. style="
  515. padding: 0;
  520. "
  521. data-test="header-inner"
  522. >
  523. <!-- Background -->
  524. <div class="header-background theme-bg--primary"></div>
  526. <div class="header-display-desktop" data-content-field="site-title">
  542. <style>
  543. .top-bun,
  544. .patty,
  545. .bottom-bun {
  546. height: 1px;
  547. }
  548. </style>
  550. <!-- Burger -->
  551. <div class="header-burger
  553. menu-overlay-has-visible-non-navigation-items
  557. no-actions
  559. " data-animation-role="header-element">
  560. <button class="header-burger-btn burger" data-test="header-burger">
  561. <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span>
  562. <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span>
  563. <div class="burger-box">
  564. <div class="burger-inner header-menu-icon-doubleLineHamburger">
  565. <div class="top-bun"></div>
  566. <div class="patty"></div>
  567. <div class="bottom-bun"></div>
  568. </div>
  569. </div>
  570. </button>
  571. </div>
  574. <!-- Social -->
  578. <!-- Title and nav wrapper -->
  579. <div class="header-title-nav-wrapper">
  586. <!-- Title -->
  588. <div
  589. class="
  590. header-title
  592. "
  593. data-animation-role="header-element"
  594. >
  596. <div class="header-title-text">
  597. <a id="site-title" href="/" data-animation-role="header-element"><?= $brands ?></a>
  598. </div>
  601. </div>
  605. <!-- Nav -->
  606. <div class="header-nav">
  607. <div class="header-nav-wrapper">
  608. <nav class="header-nav-list">
  626. </nav>
  627. </div>
  628. </div>
  631. </div>
  634. <!-- Actions -->
  635. <div class="header-actions header-actions--right">
  638. <div class="user-accounts-link header-nav-item header-nav-item--collection customerAccountLoginDesktop" data-controller="UserAccountLink" data-animation-role="header-element">
  639. <a class="user-accounts-text-link header-nav-item" href="#" data-animation-role="header-element">
  640. <span class="unauth">Login</span>
  641. <span class="auth">Account</span>
  642. </a>
  643. </div>
  665. <div class="showOnMobile">
  672. <div class="header-actions-action header-actions-action--cart">
  673. <a href="/cart" class="cart-style-icon icon--stroke icon--fill icon--cart sqs-custom-cart header-icon show-empty-cart-state cart-quantity-zero header-icon-border-shape-none header-icon-border-style-outline" >
  674. <span class="Cart-inner">
  679. <svg class="icon icon--cart" width="61" height="49" viewBox="0 0 61 49">
  680. <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 2C0.5 1.17157 1.17157 0.5 2 0.5H13.6362C14.3878 0.5 15.0234 1.05632 15.123 1.80135L16.431 11.5916H59C59.5122 11.5916 59.989 11.8529 60.2645 12.2847C60.54 12.7165 60.5762 13.2591 60.3604 13.7236L50.182 35.632C49.9361 36.1614 49.4054 36.5 48.8217 36.5H18.0453C17.2937 36.5 16.6581 35.9437 16.5585 35.1987L12.3233 3.5H2C1.17157 3.5 0.5 2.82843 0.5 2ZM16.8319 14.5916L19.3582 33.5H47.8646L56.6491 14.5916H16.8319Z" />
  681. <path d="M18.589 35H49.7083L60 13H16L18.589 35Z" />
  682. <path d="M21 49C23.2091 49 25 47.2091 25 45C25 42.7909 23.2091 41 21 41C18.7909 41 17 42.7909 17 45C17 47.2091 18.7909 49 21 49Z" />
  683. <path d="M45 49C47.2091 49 49 47.2091 49 45C49 42.7909 47.2091 41 45 41C42.7909 41 41 42.7909 41 45C41 47.2091 42.7909 49 45 49Z" />
  684. </svg>
  686. <div class="icon-cart-quantity">
  688. <span class="cart-quantity-container">
  690. <span class="sqs-cart-quantity">0</span>
  692. </span>
  694. </div>
  695. </span>
  696. </a>
  697. </div>
  704. </div>
  707. <div class="showOnDesktop">
  714. <div class="header-actions-action header-actions-action--cart">
  715. <a href="/cart" class="cart-style-icon icon--stroke icon--fill icon--cart sqs-custom-cart header-icon show-empty-cart-state cart-quantity-zero header-icon-border-shape-none header-icon-border-style-outline" >
  716. <span class="Cart-inner">
  721. <svg class="icon icon--cart" width="61" height="49" viewBox="0 0 61 49">
  722. <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 2C0.5 1.17157 1.17157 0.5 2 0.5H13.6362C14.3878 0.5 15.0234 1.05632 15.123 1.80135L16.431 11.5916H59C59.5122 11.5916 59.989 11.8529 60.2645 12.2847C60.54 12.7165 60.5762 13.2591 60.3604 13.7236L50.182 35.632C49.9361 36.1614 49.4054 36.5 48.8217 36.5H18.0453C17.2937 36.5 16.6581 35.9437 16.5585 35.1987L12.3233 3.5H2C1.17157 3.5 0.5 2.82843 0.5 2ZM16.8319 14.5916L19.3582 33.5H47.8646L56.6491 14.5916H16.8319Z" />
  723. <path d="M18.589 35H49.7083L60 13H16L18.589 35Z" />
  724. <path d="M21 49C23.2091 49 25 47.2091 25 45C25 42.7909 23.2091 41 21 41C18.7909 41 17 42.7909 17 45C17 47.2091 18.7909 49 21 49Z" />
  725. <path d="M45 49C47.2091 49 49 47.2091 49 45C49 42.7909 47.2091 41 45 41C42.7909 41 41 42.7909 41 45C41 47.2091 42.7909 49 45 49Z" />
  726. </svg>
  728. <div class="icon-cart-quantity">
  730. <span class="cart-quantity-container">
  732. <span class="sqs-cart-quantity">0</span>
  734. </span>
  736. </div>
  737. </span>
  738. </a>
  739. </div>
  746. </div>
  749. </div>
  757. </div>
  758. <div class="header-display-mobile" data-content-field="site-title">
  761. <!-- Social -->
  765. <!-- Title and nav wrapper -->
  766. <div class="header-title-nav-wrapper">
  773. <!-- Title -->
  775. <div
  776. class="
  777. header-title
  779. "
  780. data-animation-role="header-element"
  781. >
  783. <div class="header-title-text">
  784. <a id="site-title" href="/" data-animation-role="header-element">Slot Gacor</a>
  785. </div>
  788. </div>
  792. <!-- Nav -->
  793. <div class="header-nav">
  794. <div class="header-nav-wrapper">
  795. <nav class="header-nav-list">
  814. <div class="header-nav-item header-nav-item--collection">
  815. <a
  816. href="/about"
  817. data-animation-role="header-element"
  819. >
  820. About
  821. </a>
  822. </div>
  829. <div class="header-nav-item header-nav-item--collection">
  830. <a
  831. href="/journal"
  832. data-animation-role="header-element"
  834. >
  835. Journal
  836. </a>
  837. </div>
  844. <div class="header-nav-item header-nav-item--collection">
  845. <a
  846. href="/contact"
  847. data-animation-role="header-element"
  849. >
  850. Contact
  851. </a>
  852. </div>
  859. </nav>
  860. </div>
  861. </div>
  864. </div>
  867. <!-- Actions -->
  868. <div class="header-actions header-actions--right">
  871. <div class="user-accounts-link header-nav-item header-nav-item--collection customerAccountLoginDesktop" data-controller="UserAccountLink" data-animation-role="header-element">
  872. <a class="user-accounts-text-link header-nav-item" href="#" data-animation-role="header-element">
  873. <span class="unauth">Login</span>
  874. <span class="auth">Account</span>
  875. </a>
  876. </div>
  898. <div class="showOnMobile">
  905. <div class="header-actions-action header-actions-action--cart">
  906. <a href="/cart" class="cart-style-icon icon--stroke icon--fill icon--cart sqs-custom-cart header-icon show-empty-cart-state cart-quantity-zero header-icon-border-shape-none header-icon-border-style-outline" >
  907. <span class="Cart-inner">
  912. <svg class="icon icon--cart" width="61" height="49" viewBox="0 0 61 49">
  913. <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 2C0.5 1.17157 1.17157 0.5 2 0.5H13.6362C14.3878 0.5 15.0234 1.05632 15.123 1.80135L16.431 11.5916H59C59.5122 11.5916 59.989 11.8529 60.2645 12.2847C60.54 12.7165 60.5762 13.2591 60.3604 13.7236L50.182 35.632C49.9361 36.1614 49.4054 36.5 48.8217 36.5H18.0453C17.2937 36.5 16.6581 35.9437 16.5585 35.1987L12.3233 3.5H2C1.17157 3.5 0.5 2.82843 0.5 2ZM16.8319 14.5916L19.3582 33.5H47.8646L56.6491 14.5916H16.8319Z" />
  914. <path d="M18.589 35H49.7083L60 13H16L18.589 35Z" />
  915. <path d="M21 49C23.2091 49 25 47.2091 25 45C25 42.7909 23.2091 41 21 41C18.7909 41 17 42.7909 17 45C17 47.2091 18.7909 49 21 49Z" />
  916. <path d="M45 49C47.2091 49 49 47.2091 49 45C49 42.7909 47.2091 41 45 41C42.7909 41 41 42.7909 41 45C41 47.2091 42.7909 49 45 49Z" />
  917. </svg>
  919. <div class="icon-cart-quantity">
  921. <span class="cart-quantity-container">
  923. <span class="sqs-cart-quantity">0</span>
  925. </span>
  927. </div>
  928. </span>
  929. </a>
  930. </div>
  937. </div>
  940. <div class="showOnDesktop">
  947. <div class="header-actions-action header-actions-action--cart">
  948. <a href="/cart" class="cart-style-icon icon--stroke icon--fill icon--cart sqs-custom-cart header-icon show-empty-cart-state cart-quantity-zero header-icon-border-shape-none header-icon-border-style-outline" >
  949. <span class="Cart-inner">
  954. <svg class="icon icon--cart" width="61" height="49" viewBox="0 0 61 49">
  955. <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 2C0.5 1.17157 1.17157 0.5 2 0.5H13.6362C14.3878 0.5 15.0234 1.05632 15.123 1.80135L16.431 11.5916H59C59.5122 11.5916 59.989 11.8529 60.2645 12.2847C60.54 12.7165 60.5762 13.2591 60.3604 13.7236L50.182 35.632C49.9361 36.1614 49.4054 36.5 48.8217 36.5H18.0453C17.2937 36.5 16.6581 35.9437 16.5585 35.1987L12.3233 3.5H2C1.17157 3.5 0.5 2.82843 0.5 2ZM16.8319 14.5916L19.3582 33.5H47.8646L56.6491 14.5916H16.8319Z" />
  956. <path d="M18.589 35H49.7083L60 13H16L18.589 35Z" />
  957. <path d="M21 49C23.2091 49 25 47.2091 25 45C25 42.7909 23.2091 41 21 41C18.7909 41 17 42.7909 17 45C17 47.2091 18.7909 49 21 49Z" />
  958. <path d="M45 49C47.2091 49 49 47.2091 49 45C49 42.7909 47.2091 41 45 41C42.7909 41 41 42.7909 41 45C41 47.2091 42.7909 49 45 49Z" />
  959. </svg>
  961. <div class="icon-cart-quantity">
  963. <span class="cart-quantity-container">
  965. <span class="sqs-cart-quantity">0</span>
  967. </span>
  969. </div>
  970. </span>
  971. </a>
  972. </div>
  979. </div>
  982. </div>
  987. <style>
  988. .top-bun,
  989. .patty,
  990. .bottom-bun {
  991. height: 1px;
  992. }
  993. </style>
  995. <!-- Burger -->
  996. <div class="header-burger
  998. menu-overlay-has-visible-non-navigation-items
  1002. no-actions
  1004. " data-animation-role="header-element">
  1005. <button class="header-burger-btn burger" data-test="header-burger">
  1006. <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span>
  1007. <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span>
  1008. <div class="burger-box">
  1009. <div class="burger-inner header-menu-icon-doubleLineHamburger">
  1010. <div class="top-bun"></div>
  1011. <div class="patty"></div>
  1012. <div class="bottom-bun"></div>
  1013. </div>
  1014. </div>
  1015. </button>
  1016. </div>
  1023. </div>
  1024. </div>
  1025. </div>
  1026. <!-- (Mobile) Menu Navigation -->
  1027. <div class="header-menu header-menu--folder-list
  1033. "
  1034. data-section-theme=""
  1035. data-current-styles="{
  1036. &quot;layout&quot;: &quot;navRight&quot;,
  1037. &quot;action&quot;: {
  1038. &quot;buttonText&quot;: &quot;Get Started&quot;,
  1039. &quot;newWindow&quot;: false
  1040. },
  1041. &quot;showSocial&quot;: false,
  1042. &quot;socialOptions&quot;: {
  1043. &quot;socialBorderShape&quot;: &quot;none&quot;,
  1044. &quot;socialBorderStyle&quot;: &quot;outline&quot;,
  1045. &quot;socialBorderThickness&quot;: {
  1046. &quot;unit&quot;: &quot;px&quot;,
  1047. &quot;value&quot;: 1.0
  1048. }
  1049. },
  1050. &quot;menuOverlayAnimation&quot;: &quot;fade&quot;,
  1051. &quot;cartStyle&quot;: &quot;cart&quot;,
  1052. &quot;cartText&quot;: &quot;Cart&quot;,
  1053. &quot;showEmptyCartState&quot;: true,
  1054. &quot;cartOptions&quot;: {
  1055. &quot;iconType&quot;: &quot;solid-7&quot;,
  1056. &quot;cartBorderShape&quot;: &quot;none&quot;,
  1057. &quot;cartBorderStyle&quot;: &quot;outline&quot;,
  1058. &quot;cartBorderThickness&quot;: {
  1059. &quot;unit&quot;: &quot;px&quot;,
  1060. &quot;value&quot;: 1.0
  1061. }
  1062. },
  1063. &quot;showButton&quot;: false,
  1064. &quot;showCart&quot;: true,
  1065. &quot;showAccountLogin&quot;: true,
  1066. &quot;headerStyle&quot;: &quot;dynamic&quot;,
  1067. &quot;languagePicker&quot;: {
  1068. &quot;enabled&quot;: false,
  1069. &quot;iconEnabled&quot;: false,
  1070. &quot;iconType&quot;: &quot;globe&quot;,
  1071. &quot;flagShape&quot;: &quot;shiny&quot;,
  1072. &quot;languageFlags&quot;: [ ]
  1073. },
  1074. &quot;mobileOptions&quot;: {
  1075. &quot;layout&quot;: &quot;logoLeftNavRight&quot;,
  1076. &quot;menuIcon&quot;: &quot;doubleLineHamburger&quot;,
  1077. &quot;menuIconOptions&quot;: {
  1078. &quot;style&quot;: &quot;doubleLineHamburger&quot;,
  1079. &quot;thickness&quot;: {
  1080. &quot;unit&quot;: &quot;px&quot;,
  1081. &quot;value&quot;: 1.0
  1082. }
  1083. }
  1084. },
  1085. &quot;dynamicOptions&quot;: {
  1086. &quot;border&quot;: {
  1087. &quot;enabled&quot;: false,
  1088. &quot;position&quot;: &quot;allSides&quot;,
  1089. &quot;thickness&quot;: {
  1090. &quot;unit&quot;: &quot;px&quot;,
  1091. &quot;value&quot;: 4.0
  1092. },
  1093. &quot;color&quot;: {
  1094. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1095. &quot;sitePaletteColor&quot;: {
  1096. &quot;colorName&quot;: &quot;black&quot;,
  1097. &quot;alphaModifier&quot;: 1.0
  1098. }
  1099. }
  1100. }
  1101. },
  1102. &quot;solidOptions&quot;: {
  1103. &quot;headerOpacity&quot;: {
  1104. &quot;unit&quot;: &quot;%&quot;,
  1105. &quot;value&quot;: 100.0
  1106. },
  1107. &quot;border&quot;: {
  1108. &quot;enabled&quot;: false,
  1109. &quot;position&quot;: &quot;allSides&quot;,
  1110. &quot;thickness&quot;: {
  1111. &quot;unit&quot;: &quot;px&quot;,
  1112. &quot;value&quot;: 4.0
  1113. },
  1114. &quot;color&quot;: {
  1115. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1116. &quot;sitePaletteColor&quot;: {
  1117. &quot;colorName&quot;: &quot;black&quot;,
  1118. &quot;alphaModifier&quot;: 1.0
  1119. }
  1120. }
  1121. },
  1122. &quot;dropShadow&quot;: {
  1123. &quot;enabled&quot;: false,
  1124. &quot;blur&quot;: {
  1125. &quot;unit&quot;: &quot;px&quot;,
  1126. &quot;value&quot;: 30.0
  1127. },
  1128. &quot;spread&quot;: {
  1129. &quot;unit&quot;: &quot;px&quot;,
  1130. &quot;value&quot;: 0.0
  1131. },
  1132. &quot;distance&quot;: {
  1133. &quot;unit&quot;: &quot;px&quot;,
  1134. &quot;value&quot;: 0.0
  1135. },
  1136. &quot;color&quot;: {
  1137. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1138. &quot;sitePaletteColor&quot;: {
  1139. &quot;colorName&quot;: &quot;black&quot;,
  1140. &quot;alphaModifier&quot;: 1.0
  1141. }
  1142. }
  1143. },
  1144. &quot;blurBackground&quot;: {
  1145. &quot;enabled&quot;: false,
  1146. &quot;blurRadius&quot;: {
  1147. &quot;unit&quot;: &quot;px&quot;,
  1148. &quot;value&quot;: 12.0
  1149. }
  1150. },
  1151. &quot;backgroundColor&quot;: {
  1152. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1153. &quot;sitePaletteColor&quot;: {
  1154. &quot;colorName&quot;: &quot;white&quot;,
  1155. &quot;alphaModifier&quot;: 1.0
  1156. }
  1157. },
  1158. &quot;navigationColor&quot;: {
  1159. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1160. &quot;sitePaletteColor&quot;: {
  1161. &quot;colorName&quot;: &quot;black&quot;,
  1162. &quot;alphaModifier&quot;: 1.0
  1163. }
  1164. }
  1165. },
  1166. &quot;gradientOptions&quot;: {
  1167. &quot;gradientType&quot;: &quot;faded&quot;,
  1168. &quot;headerOpacity&quot;: {
  1169. &quot;unit&quot;: &quot;%&quot;,
  1170. &quot;value&quot;: 90.0
  1171. },
  1172. &quot;border&quot;: {
  1173. &quot;enabled&quot;: false,
  1174. &quot;position&quot;: &quot;allSides&quot;,
  1175. &quot;thickness&quot;: {
  1176. &quot;unit&quot;: &quot;px&quot;,
  1177. &quot;value&quot;: 4.0
  1178. },
  1179. &quot;color&quot;: {
  1180. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1181. &quot;sitePaletteColor&quot;: {
  1182. &quot;colorName&quot;: &quot;black&quot;,
  1183. &quot;alphaModifier&quot;: 1.0
  1184. }
  1185. }
  1186. },
  1187. &quot;dropShadow&quot;: {
  1188. &quot;enabled&quot;: false,
  1189. &quot;blur&quot;: {
  1190. &quot;unit&quot;: &quot;px&quot;,
  1191. &quot;value&quot;: 30.0
  1192. },
  1193. &quot;spread&quot;: {
  1194. &quot;unit&quot;: &quot;px&quot;,
  1195. &quot;value&quot;: 0.0
  1196. },
  1197. &quot;distance&quot;: {
  1198. &quot;unit&quot;: &quot;px&quot;,
  1199. &quot;value&quot;: 0.0
  1200. },
  1201. &quot;color&quot;: {
  1202. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1203. &quot;sitePaletteColor&quot;: {
  1204. &quot;colorName&quot;: &quot;black&quot;,
  1205. &quot;alphaModifier&quot;: 1.0
  1206. }
  1207. }
  1208. },
  1209. &quot;blurBackground&quot;: {
  1210. &quot;enabled&quot;: false,
  1211. &quot;blurRadius&quot;: {
  1212. &quot;unit&quot;: &quot;px&quot;,
  1213. &quot;value&quot;: 12.0
  1214. }
  1215. },
  1216. &quot;backgroundColor&quot;: {
  1217. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1218. &quot;sitePaletteColor&quot;: {
  1219. &quot;colorName&quot;: &quot;white&quot;,
  1220. &quot;alphaModifier&quot;: 1.0
  1221. }
  1222. },
  1223. &quot;navigationColor&quot;: {
  1224. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1225. &quot;sitePaletteColor&quot;: {
  1226. &quot;colorName&quot;: &quot;black&quot;,
  1227. &quot;alphaModifier&quot;: 1.0
  1228. }
  1229. }
  1230. },
  1231. &quot;dropShadowOptions&quot;: {
  1232. &quot;enabled&quot;: false,
  1233. &quot;blur&quot;: {
  1234. &quot;unit&quot;: &quot;px&quot;,
  1235. &quot;value&quot;: 12.0
  1236. },
  1237. &quot;spread&quot;: {
  1238. &quot;unit&quot;: &quot;px&quot;,
  1239. &quot;value&quot;: 0.0
  1240. },
  1241. &quot;distance&quot;: {
  1242. &quot;unit&quot;: &quot;px&quot;,
  1243. &quot;value&quot;: 12.0
  1244. }
  1245. },
  1246. &quot;borderOptions&quot;: {
  1247. &quot;enabled&quot;: false,
  1248. &quot;position&quot;: &quot;allSides&quot;,
  1249. &quot;thickness&quot;: {
  1250. &quot;unit&quot;: &quot;px&quot;,
  1251. &quot;value&quot;: 4.0
  1252. },
  1253. &quot;color&quot;: {
  1254. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1255. &quot;sitePaletteColor&quot;: {
  1256. &quot;colorName&quot;: &quot;black&quot;,
  1257. &quot;alphaModifier&quot;: 1.0
  1258. }
  1259. }
  1260. },
  1261. &quot;showPromotedElement&quot;: false,
  1262. &quot;buttonVariant&quot;: &quot;primary&quot;,
  1263. &quot;blurBackground&quot;: {
  1264. &quot;enabled&quot;: false,
  1265. &quot;blurRadius&quot;: {
  1266. &quot;unit&quot;: &quot;px&quot;,
  1267. &quot;value&quot;: 12.0
  1268. }
  1269. },
  1270. &quot;headerOpacity&quot;: {
  1271. &quot;unit&quot;: &quot;%&quot;,
  1272. &quot;value&quot;: 100.0
  1273. }
  1274. }"
  1275. data-section-id="overlay-nav"
  1276. data-show-account-login="true"
  1277. data-test="header-menu">
  1278. <div class="header-menu-bg theme-bg--primary"></div>
  1279. <div class="header-menu-nav">
  1280. <nav class="header-menu-nav-list">
  1281. <div data-folder="root" class="header-menu-nav-folder">
  1282. <div class="header-menu-nav-folder-content">
  1287. </div>
  1288. </nav>
  1289. </div>
  1290. </div>
  1291. </header>
  1296. <main id="page" class="container" role="main">
  1299. <article class="sections" id="sections" data-page-sections="6631c90faeb31445592848dd">
  1309. <section
  1310. data-test="page-section"
  1312. data-section-theme=""
  1313. class='page-section
  1315. content-collection
  1316. full-bleed-section
  1317. collection-type-products
  1319. background-width--full-bleed
  1321. section-height--medium
  1324. content-width--wide
  1326. horizontal-alignment--center
  1327. vertical-alignment--middle
  1332. '
  1334. data-section-id="6631c93f3f368e6450a3c6b0"
  1336. data-controller="SectionWrapperController"
  1337. data-current-styles="{
  1338. &quot;imageOverlayOpacity&quot;: 0.15,
  1339. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  1340. &quot;sectionHeight&quot;: &quot;section-height--medium&quot;,
  1341. &quot;customSectionHeight&quot;: 10,
  1342. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  1343. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  1344. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  1345. &quot;customContentWidth&quot;: 50,
  1346. &quot;backgroundColor&quot;: &quot;&quot;,
  1347. &quot;sectionTheme&quot;: &quot;&quot;,
  1348. &quot;sectionAnimation&quot;: &quot;none&quot;,
  1349. &quot;backgroundMode&quot;: &quot;image&quot;
  1350. }"
  1351. data-current-context="{
  1352. &quot;video&quot;: null,
  1353. &quot;backgroundImageId&quot;: null,
  1354. &quot;backgroundMediaEffect&quot;: null,
  1355. &quot;divider&quot;: null,
  1356. &quot;typeName&quot;: &quot;products&quot;
  1357. }"
  1358. data-animation="none"
  1365. >
  1366. <div
  1367. class="section-border"
  1369. >
  1370. <div class="section-background">
  1374. </div>
  1375. </div>
  1376. <div
  1377. class='content-wrapper'
  1378. style='
  1381. '
  1382. >
  1383. <div
  1384. class="content"
  1386. >
  1394. <section
  1395. id="pdp"
  1396. class="
  1397. products
  1398. collection-content-wrapper
  1399. product-layout-side-by-side
  1400. "
  1401. >
  1410. <article class="ProductItem hentry author-rizka-murni-rahayu-- post-type-store-item" data-item-id="6631c913db526509ec0a92cc">
  1412. <nav class="ProductItem-nav">
  1413. <div class="ProductItem-nav-breadcrumb" data-animation-role="content">
  1414. <a href="/store" class="ProductItem-nav-breadcrumb-link">Store</a>
  1415. <span class="ProductItem-nav-breadcrumb-separator"></span>
  1416. <a href="<?= $fullUrl ?>" class="ProductItem-nav-breadcrumb-link"><?= $brands . ' ' . $title ?></a>
  1417. </div>
  1421. </nav>
  1424. <section class="ProductItem-summary" data-controller="ProductGallery">
  1425. <section
  1426. aria-label="Gallery"
  1427. class="ProductItem-gallery"
  1428. data-product-gallery="container"
  1429. >
  1432. <div
  1433. class="ProductItem-gallery-slides"
  1434. data-animation-role="image"
  1435. data-product-gallery="slides"
  1436. >
  1440. <div
  1441. class="ProductItem-gallery-slides-item"
  1442. data-slide-index="1"
  1443. data-image-id=6631c91a90f43b402155df60
  1444. data-controller="ImageZoom"
  1445. data-slide-url="x5ertanlossisqc63mvkiwpgnlvada"
  1446. data-product-gallery="slides-item"
  1447. data-test="pdp-gallery-slide"
  1448. >
  1449. <img
  1450. aria-describedby="ProductItem-gallery-slides-item-1-index-6631c91a90f43b402155df60"
  1451. class="ProductItem-gallery-slides-item-image"
  1452. data-load="false"
  1453. data-src="<?= $image ?>" data-image="<?= $image ?>" data-image-dimensions="1280x1280" data-image-focal-point="0.5,0.5" alt="<?= $brands ?>"
  1454. elementtiming="nbf-products-gallery"
  1455. />
  1456. <span
  1457. id="ProductItem-gallery-slides-item-1-index-6631c91a90f43b402155df60"
  1458. style="display: none;"
  1459. >
  1460. Image 1 of
  1461. </span>
  1462. <div class="product-image-zoom-duplicate" aria-hidden="true">
  1463. <img data-load="false" data-src="<?= $image ?>" data-image="<?= $image ?>" data-image-dimensions="1280x1280" data-image-focal-point="0.5,0.5" alt="<?= $brands ?>" elementtiming="nbf-products-gallery-zoom" />
  1464. </div>
  1465. </div>
  1469. <div
  1470. class="gallery-lightbox-outer-wrapper"
  1471. data-use-image-loader="true"
  1472. data-controller="Lightbox"
  1473. >
  1474. <div class="gallery-lightbox " data-section-theme="">
  1475. <div class="gallery-lightbox-background"></div>
  1477. <div class="gallery-lightbox-header">
  1478. <button class="gallery-lightbox-close-btn" aria-label="Close" data-close data-test="gallery-lightbox-close">
  1479. <div class="gallery-lightbox-close-btn-icon">
  1480. <svg viewBox="0 0 40 40">
  1481. <path d="M4.3,35.7L35.7,4.3"/>
  1482. <path d="M4.3,4.3l31.4,31.4"/>
  1483. </svg>
  1484. </div>
  1485. </button>
  1486. </div>
  1489. <div class="gallery-lightbox-wrapper">
  1490. <div class="gallery-lightbox-list">
  1492. <figure class="gallery-lightbox-item" data-slide-url="x5ertanlossisqc63mvkiwpgnlvada">
  1493. <div class="gallery-lightbox-item-wrapper">
  1494. <div class="gallery-lightbox-item-src">
  1495. <div class="gallery-lightbox-item-img content-fit">
  1496. <img data-src="<?= $image ?>" data-image="<?= $image ?>" data-image-dimensions="1280x1280" data-image-focal-point="0.5,0.5" alt="<?= $brands ?>" data-load="false" elementtiming="nbf-product-lightbox" />
  1497. </div>
  1498. </div>
  1499. </div>
  1500. </figure>
  1502. </div>
  1504. <div class="gallery-lightbox-controls" data-test="gallery-lightbox-controls">
  1505. <div class="gallery-lightbox-control" data-previous data-test="gallery-lightbox-control-previous">
  1506. <button class="gallery-lightbox-control-btn" aria-label="Previous Slide">
  1507. <div class="gallery-lightbox-control-btn-icon">
  1508. <svg class="caret-left-icon--small" viewBox="0 0 9 16">
  1509. <polyline fill="none" stroke-miterlimit="10" points="7.3,14.7 2.5,8 7.3,1.2 "/>
  1510. </svg>
  1511. </div>
  1512. </button>
  1513. </div>
  1514. <div class="gallery-lightbox-control" data-next data-test="gallery-lightbox-control-next">
  1515. <button class="gallery-lightbox-control-btn" aria-label="Next Slide">
  1516. <div class="gallery-lightbox-control-btn-icon">
  1517. <svg class="caret-right-icon--small" viewBox="0 0 9 16">
  1518. <polyline fill="none" stroke-miterlimit="10" points="1.6,1.2 6.5,7.9 1.6,14.7 "/>
  1519. </svg>
  1520. </div>
  1521. </button>
  1522. </div>
  1523. </div>
  1525. </div>
  1526. </div>
  1527. </div>
  1528. </div>
  1530. </section>
  1537. <section
  1538. class="
  1539. product-details
  1540. ProductItem-details
  1541. "
  1542. data-test="pdp-details"
  1543. data-current-context='{
  1544. "isSubscription": "false",
  1545. "subscriptionType": ""
  1546. }'
  1547. >
  1548. <h1
  1549. class="ProductItem-details-title"
  1550. data-content-field="title"
  1551. data-test="pdp-title"
  1552. >
  1553. <?= $brands . ' ' . $title ?>
  1554. </h1>
  1555. <div
  1556. data-controller="ProductItemVariants,ProductCartButton"
  1557. class="ProductItem-details-checkout"
  1558. >
  1560. <div
  1561. class="ProductItem-product-price"
  1562. data-animation-role="content"
  1563. >
  1567. <div class="product-price">
  1568. IDR 0.00
  1569. </div>
  1570. <div class="ProductItem-details-excerpt" data-content-field="excerpt" id="yui_3_17_2_1_1711957212902_116"><style>
  1571. .SLOT1131 {
  1572. display: grid;
  1573. grid-template-columns: repeat(2,1fr);
  1574. font-weight: 700;
  1575. }
  1576. .SLOT1131 a {
  1577. text-align: center;
  1578. }
  1579. .login, .register {
  1580. color: #fff;
  1581. padding: 13px 10px;
  1582. }
  1583. .login, .login-button {
  1584. border: 1px solid #ffffff;
  1585. background: linear-gradient(to bottom,rgb(233, 55, 55) 0,#3d063d 100%);
  1586. }
  1587. .register, .register-button {
  1588. background: linear-gradient(to bottom,rgb(31, 145, 3) 0,#d4d462 100%);
  1589. border: 1px solid #ffffff;
  1590. }
  1591. </style><div class="SLOT1131">
  1592. <a href="<?= $amp ?>" rel="nofollow noreferrer" class="register">DAFTAR</a><a href="<?= $amp ?>" rel="nofollow noreferrer" class="login">LOGIN</a>
  1593. </div></div>
  1594. <div data-afterpay="true" data-current-context="{
  1595. &quot;6631c913db526509ec0a92cc&quot;: {
  1596. &quot;scarcityEnabled&quot;: false,
  1597. &quot;scarcityShownByDefault&quot;: false,
  1598. &quot;afterPayAvailable&quot;: false,
  1599. &quot;klarnaAvailable&quot;: false,
  1600. &quot;shopperLanguage&quot;: &quot;en&quot;,
  1601. &quot;afterPayMin&quot;: 0,
  1602. &quot;afterPayMax&quot;: 0,
  1603. &quot;klarnaMin&quot;: 0,
  1604. &quot;klarnaMax&quot;: 0,
  1605. &quot;mailingListSignUpEnabled&quot;: false,
  1606. &quot;mailingListOptInByDefault&quot;: false
  1607. }
  1608. }"></div>
  1609. <div class="pdp-overlay"></div>
  1614. </div>
  1616. <div
  1617. class="ProductItem-details-excerpt"
  1618. data-content-field="excerpt"
  1619. >
  1620. <p class="" style="white-space:pre-wrap;"><?= $brands . ' ' . $deskripsi?></p>
  1621. </div>
  1638. <div class="product-quantity-input" data-item-id="6631c913db526509ec0a92cc" data-animation-role="content">
  1639. <div class="quantity-label">Quantity:</div>
  1640. <input aria-label="Quantity" size="4" max="9999" min="1" value="1" type="number" step="1"></input>
  1641. </div>
  1662. <div class="sqs-add-to-cart-button-wrapper" data-animation-role="button">
  1663. <div class="sqs-add-to-cart-button sqs-suppress-edit-mode sqs-editable-button sqs-button-element--primary " role="button" tabindex="0" data-dynamic-strings data-collection-id="6631c90faeb31445592848dc" data-item-id="6631c913db526509ec0a92cc" data-product-type="1" data-use-custom-label="false" data-original-label="Add To Cart" >
  1664. <div class="sqs-add-to-cart-button-inner">Add To Cart</div>
  1665. </div>
  1666. </div>
  1668. </div>
  1669. </section>
  1671. </section>
  1680. </article>
  1684. </section>
  1685. </div>
  1687. </div>
  1689. </section>
  1692. </article>
  1700. </main>
  1701. <script type="text/javascript">
  1702. const firstSection = document.querySelector('.page-section');
  1703. const header = document.querySelector('.header');
  1704. const mobileOverlayNav = document.querySelector('.header-menu');
  1705. const sectionBackground = firstSection ? firstSection.querySelector('.section-background') : null;
  1706. const headerHeight = header ? header.getBoundingClientRect().height : 0;
  1707. const firstSectionHasBackground = firstSection ? firstSection.className.indexOf('has-background') >= 0 : false;
  1708. const isFirstSectionInset = firstSection ? firstSection.className.indexOf('background-width--inset') >= 0 : false;
  1709. const isLayoutEngineSection = firstSection ? firstSection.className.indexOf('layout-engine-section') >= 0 : false;
  1711. if (firstSection) {
  1712. firstSection.style.paddingTop = headerHeight + 'px';
  1713. }
  1714. if (sectionBackground && isLayoutEngineSection) {
  1715. if (isFirstSectionInset) {
  1716. sectionBackground.style.top = headerHeight + 'px';
  1717. } else {
  1718. sectionBackground.style.top = '';
  1719. }
  1720. }
  1721. //# sourceURL=headerPositioning.js
  1722. </script>
  1728. </div>
  1730. <script defer="defer" src="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/site-bundle.c60096393cff060396b454574afa2699.js" type="text/javascript"></script>
  1733. </body>
  1734. </html>
comments powered by Disqus