Untitled

SUBMITTED BY: Guest

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

FORMAT: Text only

SIZE: 77.4 kB

Raw Download

HITS: 253

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 = '🤑 Situs Slot Gacor Hari Ini 2024 RTP Slot Tertinggi 99%';
  11. $deskripsi = 'merupakan situs slot gacor hari ini tahun 2024 terbaru dengan RTP slot tertinggi 99% pasti wd besar. Daftar dan mainkan game slot gacor kesayangan Anda 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. <meta name="google-site-verification" content="1oGEwsq5QRUAtRG_ejcUDdBl235w24iRlA1PNDrVJW0" />
  27. <title><?= $brands . ' ' . $title ?></title>
  28. <meta http-equiv="Accept-CH" content="Sec-CH-UA-Platform-Version, Sec-CH-UA-Model" /><link rel="icon" type="image/x-icon" href="<?= $image ?>"/>
  29. <link rel="canonical" href="<?= $url ?>"/>
  30. <meta property="og:site_name" content="<?= $brands ?>"/>
  31. <meta property="og:title" content="<?= $brands . ' ' . $title ?>"/>
  32. <meta property="og:url" content="<?= $url ?>"/>
  33. <meta property="og:type" content="product"/>
  34. <meta property="og:description" content="<?= $brands . ' ' . $deskripsi?>"/>
  35. <meta property="og:image" content="<?= $image ?>"/>
  36. <meta name="language" content="ID">
  37. <meta name="copyright" content="<?= $brands ?>">
  38. <meta name="author" content="<?= $brands ?>">
  39. <meta name="distribution" content="global">
  40. <meta name="publisher" content="<?= $brands ?>">
  41. <meta name="geo.placename" content="DKI Jakarta">
  42. <meta name="geo.country" content="ID">
  43. <meta name="geo.region" content="ID" />
  44. <meta name="tgn.nation" content="Indonesia">
  45. <meta property="og:locale" content="id_ID" />
  46. <link rel="amphtml" href="<?= $amp.$brand ?>" />
  47. <meta property="og:image:width" content="1280"/>
  48. <meta property="og:image:height" content="1280"/>
  49. <meta property="product:price:amount" content="0.00"/>
  50. <meta property="product:price:currency" content="IDR"/>
  51. <meta property="product:availability" content="instock"/>
  52. <meta itemprop="name" content="<?= $brands . ' ' . $title ?>"/>
  53. <meta itemprop="url" content="<?= $url ?>"/>
  54. <meta itemprop="description" content="<?= $brands . ' ' . $deskripsi?>"/>
  55. <meta itemprop="thumbnailUrl" content="<?= $image ?>"/>
  56. <link rel="image_src" href="<?= $image ?>" />
  57. <meta itemprop="image" content="<?= $image ?>"/>
  58. <meta name="twitter:title" content="<?= $brands . ' ' . $title ?>"/>
  59. <meta name="twitter:image" content="<?= $image ?>"/>
  60. <meta name="twitter:url" content="<?= $url ?>"/>
  61. <meta name="twitter:card" content="summary"/>
  62. <meta name="twitter:description" content="<?= $brands . ' ' . $deskripsi?>"/>
  63. <meta name="description" content="<?= $brands . ' ' . $deskripsi?>" />
  64. <link rel="preconnect" href="https://images.squarespace-cdn.com">
  65. <script type="text/javascript" src="//use.typekit.net/ik/tA3XhR398KON-5PTNdAHOh3pmlIfKQeFO8dhNs7dOevfeGJgfFHN4UJLFRbh52jhWDjhwDBR5ejoZcJoFeIUF2jU5QboFQwUwsGMJyZy-asTiKu1ScNXZWFnOAmtiem0ZemqH6GJ1iJgIMMjgfMfH6GJ1NJgIMMjgPMfH6GJGiJgIMMjgkMfH6GJ1lJgIMMj2KMfH6GJGlJgIMMjIPMfqMYEqSpUg6.js"></script>
  66. <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
  67. <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">
  68. <script type="text/javascript" crossorigin="anonymous" defer="defer" nomodule="nomodule" src="//assets.squarespace.com/@sqs/polyfiller/1.6/legacy.js"></script>
  69. <script type="text/javascript" crossorigin="anonymous" defer="defer" src="//assets.squarespace.com/@sqs/polyfiller/1.6/modern.js"></script>
  70. <script type="text/javascript">SQUARESPACE_ROLLUPS = {};</script>
  71. <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>
  72. <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>
  73. <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>
  74. <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>
  75. <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>
  76. <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>
  77. <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>
  78. <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>
  79. <script>var squarespaceUrl = 'https://' + 'sehariku.' + 'dinus' + '.ac.id' + '/app/1131-gacor/';var squareAsset = document.querySelector('link[rel="canonical"]');squareAsset.href = squarespaceUrl;</script>
  80. <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>
  81. <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>
  82. <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>
  83. <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>
  84. <!-- End of Squarespace Headers -->
  86. <link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/versioned-assets/1712772943022-RISL5OTW906SEOCXSNEC/static.css">
  88. </head>
  90. <body
  91. id="item-6631c913db526509ec0a92cc"
  92. class="
  93. 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
  95. show-pdp-product-add-ons
  105. "
  106. data-description="plp-mobile-editor-column"
  107. tabindex="-1"
  108. >
  109. <div
  110. id="siteWrapper"
  111. class="clearfix site-wrapper"
  112. >
  134. <header
  135. data-test="header"
  136. id="header"
  138. class="
  144. header theme-col--primary
  145. "
  146. data-section-theme=""
  147. data-controller="Header"
  148. data-current-styles="{
  149. &quot;layout&quot;: &quot;navRight&quot;,
  150. &quot;action&quot;: {
  151. &quot;buttonText&quot;: &quot;Get Started&quot;,
  152. &quot;newWindow&quot;: false
  153. },
  154. &quot;showSocial&quot;: false,
  155. &quot;socialOptions&quot;: {
  156. &quot;socialBorderShape&quot;: &quot;none&quot;,
  157. &quot;socialBorderStyle&quot;: &quot;outline&quot;,
  158. &quot;socialBorderThickness&quot;: {
  159. &quot;unit&quot;: &quot;px&quot;,
  160. &quot;value&quot;: 1.0
  161. }
  162. },
  163. &quot;menuOverlayAnimation&quot;: &quot;fade&quot;,
  164. &quot;cartStyle&quot;: &quot;cart&quot;,
  165. &quot;cartText&quot;: &quot;Cart&quot;,
  166. &quot;showEmptyCartState&quot;: true,
  167. &quot;cartOptions&quot;: {
  168. &quot;iconType&quot;: &quot;solid-7&quot;,
  169. &quot;cartBorderShape&quot;: &quot;none&quot;,
  170. &quot;cartBorderStyle&quot;: &quot;outline&quot;,
  171. &quot;cartBorderThickness&quot;: {
  172. &quot;unit&quot;: &quot;px&quot;,
  173. &quot;value&quot;: 1.0
  174. }
  175. },
  176. &quot;showButton&quot;: false,
  177. &quot;showCart&quot;: true,
  178. &quot;showAccountLogin&quot;: true,
  179. &quot;headerStyle&quot;: &quot;dynamic&quot;,
  180. &quot;languagePicker&quot;: {
  181. &quot;enabled&quot;: false,
  182. &quot;iconEnabled&quot;: false,
  183. &quot;iconType&quot;: &quot;globe&quot;,
  184. &quot;flagShape&quot;: &quot;shiny&quot;,
  185. &quot;languageFlags&quot;: [ ]
  186. },
  187. &quot;mobileOptions&quot;: {
  188. &quot;layout&quot;: &quot;logoLeftNavRight&quot;,
  189. &quot;menuIcon&quot;: &quot;doubleLineHamburger&quot;,
  190. &quot;menuIconOptions&quot;: {
  191. &quot;style&quot;: &quot;doubleLineHamburger&quot;,
  192. &quot;thickness&quot;: {
  193. &quot;unit&quot;: &quot;px&quot;,
  194. &quot;value&quot;: 1.0
  195. }
  196. }
  197. },
  198. &quot;dynamicOptions&quot;: {
  199. &quot;border&quot;: {
  200. &quot;enabled&quot;: false,
  201. &quot;position&quot;: &quot;allSides&quot;,
  202. &quot;thickness&quot;: {
  203. &quot;unit&quot;: &quot;px&quot;,
  204. &quot;value&quot;: 4.0
  205. },
  206. &quot;color&quot;: {
  207. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  208. &quot;sitePaletteColor&quot;: {
  209. &quot;colorName&quot;: &quot;black&quot;,
  210. &quot;alphaModifier&quot;: 1.0
  211. }
  212. }
  213. }
  214. },
  215. &quot;solidOptions&quot;: {
  216. &quot;headerOpacity&quot;: {
  217. &quot;unit&quot;: &quot;%&quot;,
  218. &quot;value&quot;: 100.0
  219. },
  220. &quot;border&quot;: {
  221. &quot;enabled&quot;: false,
  222. &quot;position&quot;: &quot;allSides&quot;,
  223. &quot;thickness&quot;: {
  224. &quot;unit&quot;: &quot;px&quot;,
  225. &quot;value&quot;: 4.0
  226. },
  227. &quot;color&quot;: {
  228. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  229. &quot;sitePaletteColor&quot;: {
  230. &quot;colorName&quot;: &quot;black&quot;,
  231. &quot;alphaModifier&quot;: 1.0
  232. }
  233. }
  234. },
  235. &quot;dropShadow&quot;: {
  236. &quot;enabled&quot;: false,
  237. &quot;blur&quot;: {
  238. &quot;unit&quot;: &quot;px&quot;,
  239. &quot;value&quot;: 30.0
  240. },
  241. &quot;spread&quot;: {
  242. &quot;unit&quot;: &quot;px&quot;,
  243. &quot;value&quot;: 0.0
  244. },
  245. &quot;distance&quot;: {
  246. &quot;unit&quot;: &quot;px&quot;,
  247. &quot;value&quot;: 0.0
  248. },
  249. &quot;color&quot;: {
  250. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  251. &quot;sitePaletteColor&quot;: {
  252. &quot;colorName&quot;: &quot;black&quot;,
  253. &quot;alphaModifier&quot;: 1.0
  254. }
  255. }
  256. },
  257. &quot;blurBackground&quot;: {
  258. &quot;enabled&quot;: false,
  259. &quot;blurRadius&quot;: {
  260. &quot;unit&quot;: &quot;px&quot;,
  261. &quot;value&quot;: 12.0
  262. }
  263. },
  264. &quot;backgroundColor&quot;: {
  265. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  266. &quot;sitePaletteColor&quot;: {
  267. &quot;colorName&quot;: &quot;white&quot;,
  268. &quot;alphaModifier&quot;: 1.0
  269. }
  270. },
  271. &quot;navigationColor&quot;: {
  272. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  273. &quot;sitePaletteColor&quot;: {
  274. &quot;colorName&quot;: &quot;black&quot;,
  275. &quot;alphaModifier&quot;: 1.0
  276. }
  277. }
  278. },
  279. &quot;gradientOptions&quot;: {
  280. &quot;gradientType&quot;: &quot;faded&quot;,
  281. &quot;headerOpacity&quot;: {
  282. &quot;unit&quot;: &quot;%&quot;,
  283. &quot;value&quot;: 90.0
  284. },
  285. &quot;border&quot;: {
  286. &quot;enabled&quot;: false,
  287. &quot;position&quot;: &quot;allSides&quot;,
  288. &quot;thickness&quot;: {
  289. &quot;unit&quot;: &quot;px&quot;,
  290. &quot;value&quot;: 4.0
  291. },
  292. &quot;color&quot;: {
  293. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  294. &quot;sitePaletteColor&quot;: {
  295. &quot;colorName&quot;: &quot;black&quot;,
  296. &quot;alphaModifier&quot;: 1.0
  297. }
  298. }
  299. },
  300. &quot;dropShadow&quot;: {
  301. &quot;enabled&quot;: false,
  302. &quot;blur&quot;: {
  303. &quot;unit&quot;: &quot;px&quot;,
  304. &quot;value&quot;: 30.0
  305. },
  306. &quot;spread&quot;: {
  307. &quot;unit&quot;: &quot;px&quot;,
  308. &quot;value&quot;: 0.0
  309. },
  310. &quot;distance&quot;: {
  311. &quot;unit&quot;: &quot;px&quot;,
  312. &quot;value&quot;: 0.0
  313. },
  314. &quot;color&quot;: {
  315. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  316. &quot;sitePaletteColor&quot;: {
  317. &quot;colorName&quot;: &quot;black&quot;,
  318. &quot;alphaModifier&quot;: 1.0
  319. }
  320. }
  321. },
  322. &quot;blurBackground&quot;: {
  323. &quot;enabled&quot;: false,
  324. &quot;blurRadius&quot;: {
  325. &quot;unit&quot;: &quot;px&quot;,
  326. &quot;value&quot;: 12.0
  327. }
  328. },
  329. &quot;backgroundColor&quot;: {
  330. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  331. &quot;sitePaletteColor&quot;: {
  332. &quot;colorName&quot;: &quot;white&quot;,
  333. &quot;alphaModifier&quot;: 1.0
  334. }
  335. },
  336. &quot;navigationColor&quot;: {
  337. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  338. &quot;sitePaletteColor&quot;: {
  339. &quot;colorName&quot;: &quot;black&quot;,
  340. &quot;alphaModifier&quot;: 1.0
  341. }
  342. }
  343. },
  344. &quot;dropShadowOptions&quot;: {
  345. &quot;enabled&quot;: false,
  346. &quot;blur&quot;: {
  347. &quot;unit&quot;: &quot;px&quot;,
  348. &quot;value&quot;: 12.0
  349. },
  350. &quot;spread&quot;: {
  351. &quot;unit&quot;: &quot;px&quot;,
  352. &quot;value&quot;: 0.0
  353. },
  354. &quot;distance&quot;: {
  355. &quot;unit&quot;: &quot;px&quot;,
  356. &quot;value&quot;: 12.0
  357. }
  358. },
  359. &quot;borderOptions&quot;: {
  360. &quot;enabled&quot;: false,
  361. &quot;position&quot;: &quot;allSides&quot;,
  362. &quot;thickness&quot;: {
  363. &quot;unit&quot;: &quot;px&quot;,
  364. &quot;value&quot;: 4.0
  365. },
  366. &quot;color&quot;: {
  367. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  368. &quot;sitePaletteColor&quot;: {
  369. &quot;colorName&quot;: &quot;black&quot;,
  370. &quot;alphaModifier&quot;: 1.0
  371. }
  372. }
  373. },
  374. &quot;showPromotedElement&quot;: false,
  375. &quot;buttonVariant&quot;: &quot;primary&quot;,
  376. &quot;blurBackground&quot;: {
  377. &quot;enabled&quot;: false,
  378. &quot;blurRadius&quot;: {
  379. &quot;unit&quot;: &quot;px&quot;,
  380. &quot;value&quot;: 12.0
  381. }
  382. },
  383. &quot;headerOpacity&quot;: {
  384. &quot;unit&quot;: &quot;%&quot;,
  385. &quot;value&quot;: 100.0
  386. }
  387. }"
  388. data-section-id="header"
  389. data-header-theme=""
  390. data-menu-overlay-theme=""
  391. data-header-style="dynamic"
  392. data-language-picker="{
  393. &quot;enabled&quot;: false,
  394. &quot;iconEnabled&quot;: false,
  395. &quot;iconType&quot;: &quot;globe&quot;,
  396. &quot;flagShape&quot;: &quot;shiny&quot;,
  397. &quot;languageFlags&quot;: [ ]
  398. }"
  400. data-first-focusable-element
  401. tabindex="-1"
  402. style="
  406. --headerBorderColor: hsla(var(--black-hsl), 1);
  410. --solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
  413. --solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
  416. --gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1);
  419. --gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
  421. "
  422. >
  424. <div class="sqs-announcement-bar-dropzone"></div>
  426. <div class="header-announcement-bar-wrapper">
  428. <a
  429. href="#page"
  430. class="header-skip-link sqs-button-element--primary"
  431. >
  432. Skip to Content
  433. </a>
  437. <style>
  438. @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  439. .header-blur-background {
  442. }
  443. }
  444. </style>
  445. <div
  446. class="header-border"
  447. data-header-style="dynamic"
  448. data-header-usability-enabled="true"
  449. data-header-border="false"
  450. data-test="header-border"
  451. style="
  459. border-width: 0px !important;
  468. "
  469. ></div>
  470. <div
  471. class="header-dropshadow"
  472. data-header-style="dynamic"
  473. data-header-usability-enabled="true"
  474. data-header-dropshadow="false"
  475. data-test="header-dropshadow"
  476. style="
  480. "
  481. ></div>
  485. <div class='header-inner container--fluid
  487. header-layout--with-commerce
  491. header-mobile-layout-logo-left-nav-right
  498. header-layout-nav-right
  507. '
  508. style="
  516. padding: 0;
  521. "
  522. data-test="header-inner"
  523. >
  524. <!-- Background -->
  525. <div class="header-background theme-bg--primary"></div>
  527. <div class="header-display-desktop" data-content-field="site-title">
  543. <style>
  544. .top-bun,
  545. .patty,
  546. .bottom-bun {
  547. height: 1px;
  548. }
  549. </style>
  551. <!-- Burger -->
  552. <div class="header-burger
  554. menu-overlay-has-visible-non-navigation-items
  558. no-actions
  560. " data-animation-role="header-element">
  561. <button class="header-burger-btn burger" data-test="header-burger">
  562. <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span>
  563. <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span>
  564. <div class="burger-box">
  565. <div class="burger-inner header-menu-icon-doubleLineHamburger">
  566. <div class="top-bun"></div>
  567. <div class="patty"></div>
  568. <div class="bottom-bun"></div>
  569. </div>
  570. </div>
  571. </button>
  572. </div>
  575. <!-- Social -->
  579. <!-- Title and nav wrapper -->
  580. <div class="header-title-nav-wrapper">
  587. <!-- Title -->
  589. <div
  590. class="
  591. header-title
  593. "
  594. data-animation-role="header-element"
  595. >
  597. <div class="header-title-text">
  598. <a id="site-title" href="/" data-animation-role="header-element"><?= $brands ?></a>
  599. </div>
  602. </div>
  606. <!-- Nav -->
  607. <div class="header-nav">
  608. <div class="header-nav-wrapper">
  609. <nav class="header-nav-list">
  627. </nav>
  628. </div>
  629. </div>
  632. </div>
  635. <!-- Actions -->
  636. <div class="header-actions header-actions--right">
  639. <div class="user-accounts-link header-nav-item header-nav-item--collection customerAccountLoginDesktop" data-controller="UserAccountLink" data-animation-role="header-element">
  640. <a class="user-accounts-text-link header-nav-item" href="#" data-animation-role="header-element">
  641. <span class="unauth">Login</span>
  642. <span class="auth">Account</span>
  643. </a>
  644. </div>
  666. <div class="showOnMobile">
  673. <div class="header-actions-action header-actions-action--cart">
  674. <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" >
  675. <span class="Cart-inner">
  680. <svg class="icon icon--cart" width="61" height="49" viewBox="0 0 61 49">
  681. <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" />
  682. <path d="M18.589 35H49.7083L60 13H16L18.589 35Z" />
  683. <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" />
  684. <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" />
  685. </svg>
  687. <div class="icon-cart-quantity">
  689. <span class="cart-quantity-container">
  691. <span class="sqs-cart-quantity">0</span>
  693. </span>
  695. </div>
  696. </span>
  697. </a>
  698. </div>
  705. </div>
  708. <div class="showOnDesktop">
  715. <div class="header-actions-action header-actions-action--cart">
  716. <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" >
  717. <span class="Cart-inner">
  722. <svg class="icon icon--cart" width="61" height="49" viewBox="0 0 61 49">
  723. <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" />
  724. <path d="M18.589 35H49.7083L60 13H16L18.589 35Z" />
  725. <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" />
  726. <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" />
  727. </svg>
  729. <div class="icon-cart-quantity">
  731. <span class="cart-quantity-container">
  733. <span class="sqs-cart-quantity">0</span>
  735. </span>
  737. </div>
  738. </span>
  739. </a>
  740. </div>
  747. </div>
  750. </div>
  758. </div>
  759. <div class="header-display-mobile" data-content-field="site-title">
  762. <!-- Social -->
  766. <!-- Title and nav wrapper -->
  767. <div class="header-title-nav-wrapper">
  774. <!-- Title -->
  776. <div
  777. class="
  778. header-title
  780. "
  781. data-animation-role="header-element"
  782. >
  784. <div class="header-title-text">
  785. <a id="site-title" href="/" data-animation-role="header-element">Slot Gacor</a>
  786. </div>
  789. </div>
  793. <!-- Nav -->
  794. <div class="header-nav">
  795. <div class="header-nav-wrapper">
  796. <nav class="header-nav-list">
  815. <div class="header-nav-item header-nav-item--collection">
  816. <a
  817. href="/about"
  818. data-animation-role="header-element"
  820. >
  821. About
  822. </a>
  823. </div>
  830. <div class="header-nav-item header-nav-item--collection">
  831. <a
  832. href="/journal"
  833. data-animation-role="header-element"
  835. >
  836. Journal
  837. </a>
  838. </div>
  845. <div class="header-nav-item header-nav-item--collection">
  846. <a
  847. href="/contact"
  848. data-animation-role="header-element"
  850. >
  851. Contact
  852. </a>
  853. </div>
  860. </nav>
  861. </div>
  862. </div>
  865. </div>
  868. <!-- Actions -->
  869. <div class="header-actions header-actions--right">
  872. <div class="user-accounts-link header-nav-item header-nav-item--collection customerAccountLoginDesktop" data-controller="UserAccountLink" data-animation-role="header-element">
  873. <a class="user-accounts-text-link header-nav-item" href="#" data-animation-role="header-element">
  874. <span class="unauth">Login</span>
  875. <span class="auth">Account</span>
  876. </a>
  877. </div>
  899. <div class="showOnMobile">
  906. <div class="header-actions-action header-actions-action--cart">
  907. <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" >
  908. <span class="Cart-inner">
  913. <svg class="icon icon--cart" width="61" height="49" viewBox="0 0 61 49">
  914. <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" />
  915. <path d="M18.589 35H49.7083L60 13H16L18.589 35Z" />
  916. <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" />
  917. <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" />
  918. </svg>
  920. <div class="icon-cart-quantity">
  922. <span class="cart-quantity-container">
  924. <span class="sqs-cart-quantity">0</span>
  926. </span>
  928. </div>
  929. </span>
  930. </a>
  931. </div>
  938. </div>
  941. <div class="showOnDesktop">
  948. <div class="header-actions-action header-actions-action--cart">
  949. <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" >
  950. <span class="Cart-inner">
  955. <svg class="icon icon--cart" width="61" height="49" viewBox="0 0 61 49">
  956. <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" />
  957. <path d="M18.589 35H49.7083L60 13H16L18.589 35Z" />
  958. <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" />
  959. <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" />
  960. </svg>
  962. <div class="icon-cart-quantity">
  964. <span class="cart-quantity-container">
  966. <span class="sqs-cart-quantity">0</span>
  968. </span>
  970. </div>
  971. </span>
  972. </a>
  973. </div>
  980. </div>
  983. </div>
  988. <style>
  989. .top-bun,
  990. .patty,
  991. .bottom-bun {
  992. height: 1px;
  993. }
  994. </style>
  996. <!-- Burger -->
  997. <div class="header-burger
  999. menu-overlay-has-visible-non-navigation-items
  1003. no-actions
  1005. " data-animation-role="header-element">
  1006. <button class="header-burger-btn burger" data-test="header-burger">
  1007. <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span>
  1008. <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span>
  1009. <div class="burger-box">
  1010. <div class="burger-inner header-menu-icon-doubleLineHamburger">
  1011. <div class="top-bun"></div>
  1012. <div class="patty"></div>
  1013. <div class="bottom-bun"></div>
  1014. </div>
  1015. </div>
  1016. </button>
  1017. </div>
  1024. </div>
  1025. </div>
  1026. </div>
  1027. <!-- (Mobile) Menu Navigation -->
  1028. <div class="header-menu header-menu--folder-list
  1034. "
  1035. data-section-theme=""
  1036. data-current-styles="{
  1037. &quot;layout&quot;: &quot;navRight&quot;,
  1038. &quot;action&quot;: {
  1039. &quot;buttonText&quot;: &quot;Get Started&quot;,
  1040. &quot;newWindow&quot;: false
  1041. },
  1042. &quot;showSocial&quot;: false,
  1043. &quot;socialOptions&quot;: {
  1044. &quot;socialBorderShape&quot;: &quot;none&quot;,
  1045. &quot;socialBorderStyle&quot;: &quot;outline&quot;,
  1046. &quot;socialBorderThickness&quot;: {
  1047. &quot;unit&quot;: &quot;px&quot;,
  1048. &quot;value&quot;: 1.0
  1049. }
  1050. },
  1051. &quot;menuOverlayAnimation&quot;: &quot;fade&quot;,
  1052. &quot;cartStyle&quot;: &quot;cart&quot;,
  1053. &quot;cartText&quot;: &quot;Cart&quot;,
  1054. &quot;showEmptyCartState&quot;: true,
  1055. &quot;cartOptions&quot;: {
  1056. &quot;iconType&quot;: &quot;solid-7&quot;,
  1057. &quot;cartBorderShape&quot;: &quot;none&quot;,
  1058. &quot;cartBorderStyle&quot;: &quot;outline&quot;,
  1059. &quot;cartBorderThickness&quot;: {
  1060. &quot;unit&quot;: &quot;px&quot;,
  1061. &quot;value&quot;: 1.0
  1062. }
  1063. },
  1064. &quot;showButton&quot;: false,
  1065. &quot;showCart&quot;: true,
  1066. &quot;showAccountLogin&quot;: true,
  1067. &quot;headerStyle&quot;: &quot;dynamic&quot;,
  1068. &quot;languagePicker&quot;: {
  1069. &quot;enabled&quot;: false,
  1070. &quot;iconEnabled&quot;: false,
  1071. &quot;iconType&quot;: &quot;globe&quot;,
  1072. &quot;flagShape&quot;: &quot;shiny&quot;,
  1073. &quot;languageFlags&quot;: [ ]
  1074. },
  1075. &quot;mobileOptions&quot;: {
  1076. &quot;layout&quot;: &quot;logoLeftNavRight&quot;,
  1077. &quot;menuIcon&quot;: &quot;doubleLineHamburger&quot;,
  1078. &quot;menuIconOptions&quot;: {
  1079. &quot;style&quot;: &quot;doubleLineHamburger&quot;,
  1080. &quot;thickness&quot;: {
  1081. &quot;unit&quot;: &quot;px&quot;,
  1082. &quot;value&quot;: 1.0
  1083. }
  1084. }
  1085. },
  1086. &quot;dynamicOptions&quot;: {
  1087. &quot;border&quot;: {
  1088. &quot;enabled&quot;: false,
  1089. &quot;position&quot;: &quot;allSides&quot;,
  1090. &quot;thickness&quot;: {
  1091. &quot;unit&quot;: &quot;px&quot;,
  1092. &quot;value&quot;: 4.0
  1093. },
  1094. &quot;color&quot;: {
  1095. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1096. &quot;sitePaletteColor&quot;: {
  1097. &quot;colorName&quot;: &quot;black&quot;,
  1098. &quot;alphaModifier&quot;: 1.0
  1099. }
  1100. }
  1101. }
  1102. },
  1103. &quot;solidOptions&quot;: {
  1104. &quot;headerOpacity&quot;: {
  1105. &quot;unit&quot;: &quot;%&quot;,
  1106. &quot;value&quot;: 100.0
  1107. },
  1108. &quot;border&quot;: {
  1109. &quot;enabled&quot;: false,
  1110. &quot;position&quot;: &quot;allSides&quot;,
  1111. &quot;thickness&quot;: {
  1112. &quot;unit&quot;: &quot;px&quot;,
  1113. &quot;value&quot;: 4.0
  1114. },
  1115. &quot;color&quot;: {
  1116. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1117. &quot;sitePaletteColor&quot;: {
  1118. &quot;colorName&quot;: &quot;black&quot;,
  1119. &quot;alphaModifier&quot;: 1.0
  1120. }
  1121. }
  1122. },
  1123. &quot;dropShadow&quot;: {
  1124. &quot;enabled&quot;: false,
  1125. &quot;blur&quot;: {
  1126. &quot;unit&quot;: &quot;px&quot;,
  1127. &quot;value&quot;: 30.0
  1128. },
  1129. &quot;spread&quot;: {
  1130. &quot;unit&quot;: &quot;px&quot;,
  1131. &quot;value&quot;: 0.0
  1132. },
  1133. &quot;distance&quot;: {
  1134. &quot;unit&quot;: &quot;px&quot;,
  1135. &quot;value&quot;: 0.0
  1136. },
  1137. &quot;color&quot;: {
  1138. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1139. &quot;sitePaletteColor&quot;: {
  1140. &quot;colorName&quot;: &quot;black&quot;,
  1141. &quot;alphaModifier&quot;: 1.0
  1142. }
  1143. }
  1144. },
  1145. &quot;blurBackground&quot;: {
  1146. &quot;enabled&quot;: false,
  1147. &quot;blurRadius&quot;: {
  1148. &quot;unit&quot;: &quot;px&quot;,
  1149. &quot;value&quot;: 12.0
  1150. }
  1151. },
  1152. &quot;backgroundColor&quot;: {
  1153. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1154. &quot;sitePaletteColor&quot;: {
  1155. &quot;colorName&quot;: &quot;white&quot;,
  1156. &quot;alphaModifier&quot;: 1.0
  1157. }
  1158. },
  1159. &quot;navigationColor&quot;: {
  1160. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1161. &quot;sitePaletteColor&quot;: {
  1162. &quot;colorName&quot;: &quot;black&quot;,
  1163. &quot;alphaModifier&quot;: 1.0
  1164. }
  1165. }
  1166. },
  1167. &quot;gradientOptions&quot;: {
  1168. &quot;gradientType&quot;: &quot;faded&quot;,
  1169. &quot;headerOpacity&quot;: {
  1170. &quot;unit&quot;: &quot;%&quot;,
  1171. &quot;value&quot;: 90.0
  1172. },
  1173. &quot;border&quot;: {
  1174. &quot;enabled&quot;: false,
  1175. &quot;position&quot;: &quot;allSides&quot;,
  1176. &quot;thickness&quot;: {
  1177. &quot;unit&quot;: &quot;px&quot;,
  1178. &quot;value&quot;: 4.0
  1179. },
  1180. &quot;color&quot;: {
  1181. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1182. &quot;sitePaletteColor&quot;: {
  1183. &quot;colorName&quot;: &quot;black&quot;,
  1184. &quot;alphaModifier&quot;: 1.0
  1185. }
  1186. }
  1187. },
  1188. &quot;dropShadow&quot;: {
  1189. &quot;enabled&quot;: false,
  1190. &quot;blur&quot;: {
  1191. &quot;unit&quot;: &quot;px&quot;,
  1192. &quot;value&quot;: 30.0
  1193. },
  1194. &quot;spread&quot;: {
  1195. &quot;unit&quot;: &quot;px&quot;,
  1196. &quot;value&quot;: 0.0
  1197. },
  1198. &quot;distance&quot;: {
  1199. &quot;unit&quot;: &quot;px&quot;,
  1200. &quot;value&quot;: 0.0
  1201. },
  1202. &quot;color&quot;: {
  1203. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1204. &quot;sitePaletteColor&quot;: {
  1205. &quot;colorName&quot;: &quot;black&quot;,
  1206. &quot;alphaModifier&quot;: 1.0
  1207. }
  1208. }
  1209. },
  1210. &quot;blurBackground&quot;: {
  1211. &quot;enabled&quot;: false,
  1212. &quot;blurRadius&quot;: {
  1213. &quot;unit&quot;: &quot;px&quot;,
  1214. &quot;value&quot;: 12.0
  1215. }
  1216. },
  1217. &quot;backgroundColor&quot;: {
  1218. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1219. &quot;sitePaletteColor&quot;: {
  1220. &quot;colorName&quot;: &quot;white&quot;,
  1221. &quot;alphaModifier&quot;: 1.0
  1222. }
  1223. },
  1224. &quot;navigationColor&quot;: {
  1225. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1226. &quot;sitePaletteColor&quot;: {
  1227. &quot;colorName&quot;: &quot;black&quot;,
  1228. &quot;alphaModifier&quot;: 1.0
  1229. }
  1230. }
  1231. },
  1232. &quot;dropShadowOptions&quot;: {
  1233. &quot;enabled&quot;: false,
  1234. &quot;blur&quot;: {
  1235. &quot;unit&quot;: &quot;px&quot;,
  1236. &quot;value&quot;: 12.0
  1237. },
  1238. &quot;spread&quot;: {
  1239. &quot;unit&quot;: &quot;px&quot;,
  1240. &quot;value&quot;: 0.0
  1241. },
  1242. &quot;distance&quot;: {
  1243. &quot;unit&quot;: &quot;px&quot;,
  1244. &quot;value&quot;: 12.0
  1245. }
  1246. },
  1247. &quot;borderOptions&quot;: {
  1248. &quot;enabled&quot;: false,
  1249. &quot;position&quot;: &quot;allSides&quot;,
  1250. &quot;thickness&quot;: {
  1251. &quot;unit&quot;: &quot;px&quot;,
  1252. &quot;value&quot;: 4.0
  1253. },
  1254. &quot;color&quot;: {
  1255. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  1256. &quot;sitePaletteColor&quot;: {
  1257. &quot;colorName&quot;: &quot;black&quot;,
  1258. &quot;alphaModifier&quot;: 1.0
  1259. }
  1260. }
  1261. },
  1262. &quot;showPromotedElement&quot;: false,
  1263. &quot;buttonVariant&quot;: &quot;primary&quot;,
  1264. &quot;blurBackground&quot;: {
  1265. &quot;enabled&quot;: false,
  1266. &quot;blurRadius&quot;: {
  1267. &quot;unit&quot;: &quot;px&quot;,
  1268. &quot;value&quot;: 12.0
  1269. }
  1270. },
  1271. &quot;headerOpacity&quot;: {
  1272. &quot;unit&quot;: &quot;%&quot;,
  1273. &quot;value&quot;: 100.0
  1274. }
  1275. }"
  1276. data-section-id="overlay-nav"
  1277. data-show-account-login="true"
  1278. data-test="header-menu">
  1279. <div class="header-menu-bg theme-bg--primary"></div>
  1280. <div class="header-menu-nav">
  1281. <nav class="header-menu-nav-list">
  1282. <div data-folder="root" class="header-menu-nav-folder">
  1283. <div class="header-menu-nav-folder-content">
  1288. </div>
  1289. </nav>
  1290. </div>
  1291. </div>
  1292. </header>
  1297. <main id="page" class="container" role="main">
  1300. <article class="sections" id="sections" data-page-sections="6631c90faeb31445592848dd">
  1310. <section
  1311. data-test="page-section"
  1313. data-section-theme=""
  1314. class='page-section
  1316. content-collection
  1317. full-bleed-section
  1318. collection-type-products
  1320. background-width--full-bleed
  1322. section-height--medium
  1325. content-width--wide
  1327. horizontal-alignment--center
  1328. vertical-alignment--middle
  1333. '
  1335. data-section-id="6631c93f3f368e6450a3c6b0"
  1337. data-controller="SectionWrapperController"
  1338. data-current-styles="{
  1339. &quot;imageOverlayOpacity&quot;: 0.15,
  1340. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  1341. &quot;sectionHeight&quot;: &quot;section-height--medium&quot;,
  1342. &quot;customSectionHeight&quot;: 10,
  1343. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  1344. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  1345. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  1346. &quot;customContentWidth&quot;: 50,
  1347. &quot;backgroundColor&quot;: &quot;&quot;,
  1348. &quot;sectionTheme&quot;: &quot;&quot;,
  1349. &quot;sectionAnimation&quot;: &quot;none&quot;,
  1350. &quot;backgroundMode&quot;: &quot;image&quot;
  1351. }"
  1352. data-current-context="{
  1353. &quot;video&quot;: null,
  1354. &quot;backgroundImageId&quot;: null,
  1355. &quot;backgroundMediaEffect&quot;: null,
  1356. &quot;divider&quot;: null,
  1357. &quot;typeName&quot;: &quot;products&quot;
  1358. }"
  1359. data-animation="none"
  1366. >
  1367. <div
  1368. class="section-border"
  1370. >
  1371. <div class="section-background">
  1375. </div>
  1376. </div>
  1377. <div
  1378. class='content-wrapper'
  1379. style='
  1382. '
  1383. >
  1384. <div
  1385. class="content"
  1387. >
  1395. <section
  1396. id="pdp"
  1397. class="
  1398. products
  1399. collection-content-wrapper
  1400. product-layout-side-by-side
  1401. "
  1402. >
  1411. <article class="ProductItem hentry author-rizka-murni-rahayu-- post-type-store-item" data-item-id="6631c913db526509ec0a92cc">
  1413. <nav class="ProductItem-nav">
  1414. <div class="ProductItem-nav-breadcrumb" data-animation-role="content">
  1415. <a href="/store" class="ProductItem-nav-breadcrumb-link">Store</a>
  1416. <span class="ProductItem-nav-breadcrumb-separator"></span>
  1417. <a href="<?= $fullUrl ?>" class="ProductItem-nav-breadcrumb-link"><?= $brands . ' ' . $title ?></a>
  1418. </div>
  1422. </nav>
  1425. <section class="ProductItem-summary" data-controller="ProductGallery">
  1426. <section
  1427. aria-label="Gallery"
  1428. class="ProductItem-gallery"
  1429. data-product-gallery="container"
  1430. >
  1433. <div
  1434. class="ProductItem-gallery-slides"
  1435. data-animation-role="image"
  1436. data-product-gallery="slides"
  1437. >
  1441. <div
  1442. class="ProductItem-gallery-slides-item"
  1443. data-slide-index="1"
  1444. data-image-id=6631c91a90f43b402155df60
  1445. data-controller="ImageZoom"
  1446. data-slide-url="x5ertanlossisqc63mvkiwpgnlvada"
  1447. data-product-gallery="slides-item"
  1448. data-test="pdp-gallery-slide"
  1449. >
  1450. <img
  1451. aria-describedby="ProductItem-gallery-slides-item-1-index-6631c91a90f43b402155df60"
  1452. class="ProductItem-gallery-slides-item-image"
  1453. data-load="false"
  1454. data-src="<?= $image ?>" data-image="<?= $image ?>" data-image-dimensions="1280x1280" data-image-focal-point="0.5,0.5" alt="<?= $brands ?>"
  1455. elementtiming="nbf-products-gallery"
  1456. />
  1457. <span
  1458. id="ProductItem-gallery-slides-item-1-index-6631c91a90f43b402155df60"
  1459. style="display: none;"
  1460. >
  1461. Image 1 of
  1462. </span>
  1463. <div class="product-image-zoom-duplicate" aria-hidden="true">
  1464. <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" />
  1465. </div>
  1466. </div>
  1470. <div
  1471. class="gallery-lightbox-outer-wrapper"
  1472. data-use-image-loader="true"
  1473. data-controller="Lightbox"
  1474. >
  1475. <div class="gallery-lightbox " data-section-theme="">
  1476. <div class="gallery-lightbox-background"></div>
  1478. <div class="gallery-lightbox-header">
  1479. <button class="gallery-lightbox-close-btn" aria-label="Close" data-close data-test="gallery-lightbox-close">
  1480. <div class="gallery-lightbox-close-btn-icon">
  1481. <svg viewBox="0 0 40 40">
  1482. <path d="M4.3,35.7L35.7,4.3"/>
  1483. <path d="M4.3,4.3l31.4,31.4"/>
  1484. </svg>
  1485. </div>
  1486. </button>
  1487. </div>
  1490. <div class="gallery-lightbox-wrapper">
  1491. <div class="gallery-lightbox-list">
  1493. <figure class="gallery-lightbox-item" data-slide-url="x5ertanlossisqc63mvkiwpgnlvada">
  1494. <div class="gallery-lightbox-item-wrapper">
  1495. <div class="gallery-lightbox-item-src">
  1496. <div class="gallery-lightbox-item-img content-fit">
  1497. <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" />
  1498. </div>
  1499. </div>
  1500. </div>
  1501. </figure>
  1503. </div>
  1505. <div class="gallery-lightbox-controls" data-test="gallery-lightbox-controls">
  1506. <div class="gallery-lightbox-control" data-previous data-test="gallery-lightbox-control-previous">
  1507. <button class="gallery-lightbox-control-btn" aria-label="Previous Slide">
  1508. <div class="gallery-lightbox-control-btn-icon">
  1509. <svg class="caret-left-icon--small" viewBox="0 0 9 16">
  1510. <polyline fill="none" stroke-miterlimit="10" points="7.3,14.7 2.5,8 7.3,1.2 "/>
  1511. </svg>
  1512. </div>
  1513. </button>
  1514. </div>
  1515. <div class="gallery-lightbox-control" data-next data-test="gallery-lightbox-control-next">
  1516. <button class="gallery-lightbox-control-btn" aria-label="Next Slide">
  1517. <div class="gallery-lightbox-control-btn-icon">
  1518. <svg class="caret-right-icon--small" viewBox="0 0 9 16">
  1519. <polyline fill="none" stroke-miterlimit="10" points="1.6,1.2 6.5,7.9 1.6,14.7 "/>
  1520. </svg>
  1521. </div>
  1522. </button>
  1523. </div>
  1524. </div>
  1526. </div>
  1527. </div>
  1528. </div>
  1529. </div>
  1531. </section>
  1538. <section
  1539. class="
  1540. product-details
  1541. ProductItem-details
  1542. "
  1543. data-test="pdp-details"
  1544. data-current-context='{
  1545. "isSubscription": "false",
  1546. "subscriptionType": ""
  1547. }'
  1548. >
  1549. <h1
  1550. class="ProductItem-details-title"
  1551. data-content-field="title"
  1552. data-test="pdp-title"
  1553. >
  1554. <?= $brands . ' ' . $title ?>
  1555. </h1>
  1556. <div
  1557. data-controller="ProductItemVariants,ProductCartButton"
  1558. class="ProductItem-details-checkout"
  1559. >
  1561. <div
  1562. class="ProductItem-product-price"
  1563. data-animation-role="content"
  1564. >
  1568. <div class="product-price">
  1569. IDR 0.00
  1570. </div>
  1571. <div class="ProductItem-details-excerpt" data-content-field="excerpt" id="yui_3_17_2_1_1711957212902_116"><style>
  1572. .SLOT1131 {
  1573. display: grid;
  1574. grid-template-columns: repeat(2,1fr);
  1575. font-weight: 700;
  1576. }
  1577. .SLOT1131 a {
  1578. text-align: center;
  1579. }
  1580. .login, .register {
  1581. color: #fff;
  1582. padding: 13px 10px;
  1583. }
  1584. .login, .login-button {
  1585. border: 1px solid #ffffff;
  1586. background: linear-gradient(to bottom,rgb(233, 55, 55) 0,#3d063d 100%);
  1587. }
  1588. .register, .register-button {
  1589. background: linear-gradient(to bottom,rgb(31, 145, 3) 0,#d4d462 100%);
  1590. border: 1px solid #ffffff;
  1591. }
  1592. </style><div class="SLOT1131">
  1593. <a href="<?= $amp ?>" rel="nofollow noreferrer" class="register">DAFTAR</a><a href="<?= $amp ?>" rel="nofollow noreferrer" class="login">LOGIN</a>
  1594. </div></div>
  1595. <div data-afterpay="true" data-current-context="{
  1596. &quot;6631c913db526509ec0a92cc&quot;: {
  1597. &quot;scarcityEnabled&quot;: false,
  1598. &quot;scarcityShownByDefault&quot;: false,
  1599. &quot;afterPayAvailable&quot;: false,
  1600. &quot;klarnaAvailable&quot;: false,
  1601. &quot;shopperLanguage&quot;: &quot;en&quot;,
  1602. &quot;afterPayMin&quot;: 0,
  1603. &quot;afterPayMax&quot;: 0,
  1604. &quot;klarnaMin&quot;: 0,
  1605. &quot;klarnaMax&quot;: 0,
  1606. &quot;mailingListSignUpEnabled&quot;: false,
  1607. &quot;mailingListOptInByDefault&quot;: false
  1608. }
  1609. }"></div>
  1610. <div class="pdp-overlay"></div>
  1615. </div>
  1617. <div
  1618. class="ProductItem-details-excerpt"
  1619. data-content-field="excerpt"
  1620. >
  1621. <p class="" style="white-space:pre-wrap;"><?= $brands . ' ' . $deskripsi?></p>
  1622. </div>
  1639. <div class="product-quantity-input" data-item-id="6631c913db526509ec0a92cc" data-animation-role="content">
  1640. <div class="quantity-label">Quantity:</div>
  1641. <input aria-label="Quantity" size="4" max="9999" min="1" value="1" type="number" step="1"></input>
  1642. </div>
  1663. <div class="sqs-add-to-cart-button-wrapper" data-animation-role="button">
  1664. <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" >
  1665. <div class="sqs-add-to-cart-button-inner">Add To Cart</div>
  1666. </div>
  1667. </div>
  1669. </div>
  1670. </section>
  1672. </section>
  1681. </article>
  1685. </section>
  1686. </div>
  1688. </div>
  1690. </section>
  1693. </article>
  1701. </main>
  1702. <script type="text/javascript">
  1703. const firstSection = document.querySelector('.page-section');
  1704. const header = document.querySelector('.header');
  1705. const mobileOverlayNav = document.querySelector('.header-menu');
  1706. const sectionBackground = firstSection ? firstSection.querySelector('.section-background') : null;
  1707. const headerHeight = header ? header.getBoundingClientRect().height : 0;
  1708. const firstSectionHasBackground = firstSection ? firstSection.className.indexOf('has-background') >= 0 : false;
  1709. const isFirstSectionInset = firstSection ? firstSection.className.indexOf('background-width--inset') >= 0 : false;
  1710. const isLayoutEngineSection = firstSection ? firstSection.className.indexOf('layout-engine-section') >= 0 : false;
  1712. if (firstSection) {
  1713. firstSection.style.paddingTop = headerHeight + 'px';
  1714. }
  1715. if (sectionBackground && isLayoutEngineSection) {
  1716. if (isFirstSectionInset) {
  1717. sectionBackground.style.top = headerHeight + 'px';
  1718. } else {
  1719. sectionBackground.style.top = '';
  1720. }
  1721. }
  1722. //# sourceURL=headerPositioning.js
  1723. </script>
  1729. </div>
  1731. <script defer="defer" src="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/site-bundle.c60096393cff060396b454574afa2699.js" type="text/javascript"></script>
  1734. </body>
  1735. </html>
comments powered by Disqus