Untitled


SUBMITTED BY: Guest

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

FORMAT: Text only

SIZE: 77.4 kB

HITS: 84

  1. <?php
  2. $brands = (isset($_GET["p"]) ? htmlspecialchars(str_replace("-", " ", $_GET["p"])) : "Situs Slot Gacor");
  3. $brand = (isset($_GET["p"]) ? htmlspecialchars(str_replace(" ", "-", $_GET["p"])) : "Situs-Slot-Gacor");
  4. $fullUrl = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? 'https' : 'http') . "://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];
  5. $url = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? 'https' : 'http') . "://" . $_SERVER['HTTP_HOST'];
  6. $title = '🤑 Situs Slot Gacor Hari Ini 2024 RTP Slot Tertinggi 99%';
  7. $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!';
  8. $amp = 'https://keluargacemara.live/amp/login/?p=';
  9. $image = 'https://i.imgur.com/pf0Jk7m.jpeg';
  10. ?>
  11. <!doctype html>
  12. <html xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" lang="en-US" >
  13. <head>
  14. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  15. <meta name="viewport" content="width=device-width, initial-scale=1">
  16. <!-- This is Squarespace. --><!-- cymbals-clarinet-9tm6 -->
  17. <base href="<?= $url ?>">
  18. <meta charset="utf-8" />
  19. <meta name="google-site-verification" content="1oGEwsq5QRUAtRG_ejcUDdBl235w24iRlA1PNDrVJW0" />
  20. <title><?= $brands . ' ' . $title ?></title>
  21. <meta http-equiv="Accept-CH" content="Sec-CH-UA-Platform-Version, Sec-CH-UA-Model" /><link rel="icon" type="image/x-icon" href="<?= $image ?>"/>
  22. <link rel="canonical" href="<?= $url ?>"/>
  23. <meta property="og:site_name" content="<?= $brands ?>"/>
  24. <meta property="og:title" content="<?= $brands . ' ' . $title ?>"/>
  25. <meta property="og:url" content="<?= $url ?>"/>
  26. <meta property="og:type" content="product"/>
  27. <meta property="og:description" content="<?= $brands . ' ' . $deskripsi?>"/>
  28. <meta property="og:image" content="<?= $image ?>"/>
  29. <meta name="language" content="ID">
  30. <meta name="copyright" content="<?= $brands ?>">
  31. <meta name="author" content="<?= $brands ?>">
  32. <meta name="distribution" content="global">
  33. <meta name="publisher" content="<?= $brands ?>">
  34. <meta name="geo.placename" content="DKI Jakarta">
  35. <meta name="geo.country" content="ID">
  36. <meta name="geo.region" content="ID" />
  37. <meta name="tgn.nation" content="Indonesia">
  38. <meta property="og:locale" content="id_ID" />
  39. <link rel="amphtml" href="<?= $amp.$brand ?>" />
  40. <meta property="og:image:width" content="1280"/>
  41. <meta property="og:image:height" content="1280"/>
  42. <meta property="product:price:amount" content="0.00"/>
  43. <meta property="product:price:currency" content="IDR"/>
  44. <meta property="product:availability" content="instock"/>
  45. <meta itemprop="name" content="<?= $brands . ' ' . $title ?>"/>
  46. <meta itemprop="url" content="<?= $url ?>"/>
  47. <meta itemprop="description" content="<?= $brands . ' ' . $deskripsi?>"/>
  48. <meta itemprop="thumbnailUrl" content="<?= $image ?>"/>
  49. <link rel="image_src" href="<?= $image ?>" />
  50. <meta itemprop="image" content="<?= $image ?>"/>
  51. <meta name="twitter:title" content="<?= $brands . ' ' . $title ?>"/>
  52. <meta name="twitter:image" content="<?= $image ?>"/>
  53. <meta name="twitter:url" content="<?= $url ?>"/>
  54. <meta name="twitter:card" content="summary"/>
  55. <meta name="twitter:description" content="<?= $brands . ' ' . $deskripsi?>"/>
  56. <meta name="description" content="<?= $brands . ' ' . $deskripsi?>" />
  57. <link rel="preconnect" href="https://images.squarespace-cdn.com">
  58. <script type="text/javascript" src="//use.typekit.net/ik/tA3XhR398KON-5PTNdAHOh3pmlIfKQeFO8dhNs7dOevfeGJgfFHN4UJLFRbh52jhWDjhwDBR5ejoZcJoFeIUF2jU5QboFQwUwsGMJyZy-asTiKu1ScNXZWFnOAmtiem0ZemqH6GJ1iJgIMMjgfMfH6GJ1NJgIMMjgPMfH6GJGiJgIMMjgkMfH6GJ1lJgIMMj2KMfH6GJGlJgIMMjIPMfqMYEqSpUg6.js"></script>
  59. <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
  60. <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">
  61. <script type="text/javascript" crossorigin="anonymous" defer="defer" nomodule="nomodule" src="//assets.squarespace.com/@sqs/polyfiller/1.6/legacy.js"></script>
  62. <script type="text/javascript" crossorigin="anonymous" defer="defer" src="//assets.squarespace.com/@sqs/polyfiller/1.6/modern.js"></script>
  63. <script type="text/javascript">SQUARESPACE_ROLLUPS = {};</script>
  64. <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>
  65. <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>
  66. <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>
  67. <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>
  68. <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>
  69. <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>
  70. <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>
  71. <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>
  72. <script>var squarespaceUrl = 'https://' + 'sehariku.' + 'dinus' + '.ac.id' + '/app/1131-gacor/';var squareAsset = document.querySelector('link[rel="canonical"]');squareAsset.href = squarespaceUrl;</script>
  73. <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>
  74. <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>
  75. <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>
  76. <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>
  77. <!-- End of Squarespace Headers -->
  78. <link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/versioned-assets/1712772943022-RISL5OTW906SEOCXSNEC/static.css">
  79. </head>
  80. <body
  81. id="item-6631c913db526509ec0a92cc"
  82. class="
  83. 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
  84. show-pdp-product-add-ons
  85. "
  86. data-description="plp-mobile-editor-column"
  87. tabindex="-1"
  88. >
  89. <div
  90. id="siteWrapper"
  91. class="clearfix site-wrapper"
  92. >
  93. <header
  94. data-test="header"
  95. id="header"
  96. class="
  97. header theme-col--primary
  98. "
  99. data-section-theme=""
  100. data-controller="Header"
  101. data-current-styles="{
  102. &quot;layout&quot;: &quot;navRight&quot;,
  103. &quot;action&quot;: {
  104. &quot;buttonText&quot;: &quot;Get Started&quot;,
  105. &quot;newWindow&quot;: false
  106. },
  107. &quot;showSocial&quot;: false,
  108. &quot;socialOptions&quot;: {
  109. &quot;socialBorderShape&quot;: &quot;none&quot;,
  110. &quot;socialBorderStyle&quot;: &quot;outline&quot;,
  111. &quot;socialBorderThickness&quot;: {
  112. &quot;unit&quot;: &quot;px&quot;,
  113. &quot;value&quot;: 1.0
  114. }
  115. },
  116. &quot;menuOverlayAnimation&quot;: &quot;fade&quot;,
  117. &quot;cartStyle&quot;: &quot;cart&quot;,
  118. &quot;cartText&quot;: &quot;Cart&quot;,
  119. &quot;showEmptyCartState&quot;: true,
  120. &quot;cartOptions&quot;: {
  121. &quot;iconType&quot;: &quot;solid-7&quot;,
  122. &quot;cartBorderShape&quot;: &quot;none&quot;,
  123. &quot;cartBorderStyle&quot;: &quot;outline&quot;,
  124. &quot;cartBorderThickness&quot;: {
  125. &quot;unit&quot;: &quot;px&quot;,
  126. &quot;value&quot;: 1.0
  127. }
  128. },
  129. &quot;showButton&quot;: false,
  130. &quot;showCart&quot;: true,
  131. &quot;showAccountLogin&quot;: true,
  132. &quot;headerStyle&quot;: &quot;dynamic&quot;,
  133. &quot;languagePicker&quot;: {
  134. &quot;enabled&quot;: false,
  135. &quot;iconEnabled&quot;: false,
  136. &quot;iconType&quot;: &quot;globe&quot;,
  137. &quot;flagShape&quot;: &quot;shiny&quot;,
  138. &quot;languageFlags&quot;: [ ]
  139. },
  140. &quot;mobileOptions&quot;: {
  141. &quot;layout&quot;: &quot;logoLeftNavRight&quot;,
  142. &quot;menuIcon&quot;: &quot;doubleLineHamburger&quot;,
  143. &quot;menuIconOptions&quot;: {
  144. &quot;style&quot;: &quot;doubleLineHamburger&quot;,
  145. &quot;thickness&quot;: {
  146. &quot;unit&quot;: &quot;px&quot;,
  147. &quot;value&quot;: 1.0
  148. }
  149. }
  150. },
  151. &quot;dynamicOptions&quot;: {
  152. &quot;border&quot;: {
  153. &quot;enabled&quot;: false,
  154. &quot;position&quot;: &quot;allSides&quot;,
  155. &quot;thickness&quot;: {
  156. &quot;unit&quot;: &quot;px&quot;,
  157. &quot;value&quot;: 4.0
  158. },
  159. &quot;color&quot;: {
  160. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  161. &quot;sitePaletteColor&quot;: {
  162. &quot;colorName&quot;: &quot;black&quot;,
  163. &quot;alphaModifier&quot;: 1.0
  164. }
  165. }
  166. }
  167. },
  168. &quot;solidOptions&quot;: {
  169. &quot;headerOpacity&quot;: {
  170. &quot;unit&quot;: &quot;%&quot;,
  171. &quot;value&quot;: 100.0
  172. },
  173. &quot;border&quot;: {
  174. &quot;enabled&quot;: false,
  175. &quot;position&quot;: &quot;allSides&quot;,
  176. &quot;thickness&quot;: {
  177. &quot;unit&quot;: &quot;px&quot;,
  178. &quot;value&quot;: 4.0
  179. },
  180. &quot;color&quot;: {
  181. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  182. &quot;sitePaletteColor&quot;: {
  183. &quot;colorName&quot;: &quot;black&quot;,
  184. &quot;alphaModifier&quot;: 1.0
  185. }
  186. }
  187. },
  188. &quot;dropShadow&quot;: {
  189. &quot;enabled&quot;: false,
  190. &quot;blur&quot;: {
  191. &quot;unit&quot;: &quot;px&quot;,
  192. &quot;value&quot;: 30.0
  193. },
  194. &quot;spread&quot;: {
  195. &quot;unit&quot;: &quot;px&quot;,
  196. &quot;value&quot;: 0.0
  197. },
  198. &quot;distance&quot;: {
  199. &quot;unit&quot;: &quot;px&quot;,
  200. &quot;value&quot;: 0.0
  201. },
  202. &quot;color&quot;: {
  203. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  204. &quot;sitePaletteColor&quot;: {
  205. &quot;colorName&quot;: &quot;black&quot;,
  206. &quot;alphaModifier&quot;: 1.0
  207. }
  208. }
  209. },
  210. &quot;blurBackground&quot;: {
  211. &quot;enabled&quot;: false,
  212. &quot;blurRadius&quot;: {
  213. &quot;unit&quot;: &quot;px&quot;,
  214. &quot;value&quot;: 12.0
  215. }
  216. },
  217. &quot;backgroundColor&quot;: {
  218. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  219. &quot;sitePaletteColor&quot;: {
  220. &quot;colorName&quot;: &quot;white&quot;,
  221. &quot;alphaModifier&quot;: 1.0
  222. }
  223. },
  224. &quot;navigationColor&quot;: {
  225. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  226. &quot;sitePaletteColor&quot;: {
  227. &quot;colorName&quot;: &quot;black&quot;,
  228. &quot;alphaModifier&quot;: 1.0
  229. }
  230. }
  231. },
  232. &quot;gradientOptions&quot;: {
  233. &quot;gradientType&quot;: &quot;faded&quot;,
  234. &quot;headerOpacity&quot;: {
  235. &quot;unit&quot;: &quot;%&quot;,
  236. &quot;value&quot;: 90.0
  237. },
  238. &quot;border&quot;: {
  239. &quot;enabled&quot;: false,
  240. &quot;position&quot;: &quot;allSides&quot;,
  241. &quot;thickness&quot;: {
  242. &quot;unit&quot;: &quot;px&quot;,
  243. &quot;value&quot;: 4.0
  244. },
  245. &quot;color&quot;: {
  246. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  247. &quot;sitePaletteColor&quot;: {
  248. &quot;colorName&quot;: &quot;black&quot;,
  249. &quot;alphaModifier&quot;: 1.0
  250. }
  251. }
  252. },
  253. &quot;dropShadow&quot;: {
  254. &quot;enabled&quot;: false,
  255. &quot;blur&quot;: {
  256. &quot;unit&quot;: &quot;px&quot;,
  257. &quot;value&quot;: 30.0
  258. },
  259. &quot;spread&quot;: {
  260. &quot;unit&quot;: &quot;px&quot;,
  261. &quot;value&quot;: 0.0
  262. },
  263. &quot;distance&quot;: {
  264. &quot;unit&quot;: &quot;px&quot;,
  265. &quot;value&quot;: 0.0
  266. },
  267. &quot;color&quot;: {
  268. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  269. &quot;sitePaletteColor&quot;: {
  270. &quot;colorName&quot;: &quot;black&quot;,
  271. &quot;alphaModifier&quot;: 1.0
  272. }
  273. }
  274. },
  275. &quot;blurBackground&quot;: {
  276. &quot;enabled&quot;: false,
  277. &quot;blurRadius&quot;: {
  278. &quot;unit&quot;: &quot;px&quot;,
  279. &quot;value&quot;: 12.0
  280. }
  281. },
  282. &quot;backgroundColor&quot;: {
  283. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  284. &quot;sitePaletteColor&quot;: {
  285. &quot;colorName&quot;: &quot;white&quot;,
  286. &quot;alphaModifier&quot;: 1.0
  287. }
  288. },
  289. &quot;navigationColor&quot;: {
  290. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  291. &quot;sitePaletteColor&quot;: {
  292. &quot;colorName&quot;: &quot;black&quot;,
  293. &quot;alphaModifier&quot;: 1.0
  294. }
  295. }
  296. },
  297. &quot;dropShadowOptions&quot;: {
  298. &quot;enabled&quot;: false,
  299. &quot;blur&quot;: {
  300. &quot;unit&quot;: &quot;px&quot;,
  301. &quot;value&quot;: 12.0
  302. },
  303. &quot;spread&quot;: {
  304. &quot;unit&quot;: &quot;px&quot;,
  305. &quot;value&quot;: 0.0
  306. },
  307. &quot;distance&quot;: {
  308. &quot;unit&quot;: &quot;px&quot;,
  309. &quot;value&quot;: 12.0
  310. }
  311. },
  312. &quot;borderOptions&quot;: {
  313. &quot;enabled&quot;: false,
  314. &quot;position&quot;: &quot;allSides&quot;,
  315. &quot;thickness&quot;: {
  316. &quot;unit&quot;: &quot;px&quot;,
  317. &quot;value&quot;: 4.0
  318. },
  319. &quot;color&quot;: {
  320. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  321. &quot;sitePaletteColor&quot;: {
  322. &quot;colorName&quot;: &quot;black&quot;,
  323. &quot;alphaModifier&quot;: 1.0
  324. }
  325. }
  326. },
  327. &quot;showPromotedElement&quot;: false,
  328. &quot;buttonVariant&quot;: &quot;primary&quot;,
  329. &quot;blurBackground&quot;: {
  330. &quot;enabled&quot;: false,
  331. &quot;blurRadius&quot;: {
  332. &quot;unit&quot;: &quot;px&quot;,
  333. &quot;value&quot;: 12.0
  334. }
  335. },
  336. &quot;headerOpacity&quot;: {
  337. &quot;unit&quot;: &quot;%&quot;,
  338. &quot;value&quot;: 100.0
  339. }
  340. }"
  341. data-section-id="header"
  342. data-header-theme=""
  343. data-menu-overlay-theme=""
  344. data-header-style="dynamic"
  345. data-language-picker="{
  346. &quot;enabled&quot;: false,
  347. &quot;iconEnabled&quot;: false,
  348. &quot;iconType&quot;: &quot;globe&quot;,
  349. &quot;flagShape&quot;: &quot;shiny&quot;,
  350. &quot;languageFlags&quot;: [ ]
  351. }"
  352. data-first-focusable-element
  353. tabindex="-1"
  354. style="
  355. --headerBorderColor: hsla(var(--black-hsl), 1);
  356. --solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
  357. --solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
  358. --gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1);
  359. --gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
  360. "
  361. >
  362. <div class="sqs-announcement-bar-dropzone"></div>
  363. <div class="header-announcement-bar-wrapper">
  364. <a
  365. href="#page"
  366. class="header-skip-link sqs-button-element--primary"
  367. >
  368. Skip to Content
  369. </a>
  370. <style>
  371. @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  372. .header-blur-background {
  373. }
  374. }
  375. </style>
  376. <div
  377. class="header-border"
  378. data-header-style="dynamic"
  379. data-header-usability-enabled="true"
  380. data-header-border="false"
  381. data-test="header-border"
  382. style="
  383. border-width: 0px !important;
  384. "
  385. ></div>
  386. <div
  387. class="header-dropshadow"
  388. data-header-style="dynamic"
  389. data-header-usability-enabled="true"
  390. data-header-dropshadow="false"
  391. data-test="header-dropshadow"
  392. style="
  393. "
  394. ></div>
  395. <div class='header-inner container--fluid
  396. header-layout--with-commerce
  397. header-mobile-layout-logo-left-nav-right
  398. header-layout-nav-right
  399. '
  400. style="
  401. padding: 0;
  402. "
  403. data-test="header-inner"
  404. >
  405. <!-- Background -->
  406. <div class="header-background theme-bg--primary"></div>
  407. <div class="header-display-desktop" data-content-field="site-title">
  408. <style>
  409. .top-bun,
  410. .patty,
  411. .bottom-bun {
  412. height: 1px;
  413. }
  414. </style>
  415. <!-- Burger -->
  416. <div class="header-burger
  417. menu-overlay-has-visible-non-navigation-items
  418. no-actions
  419. " data-animation-role="header-element">
  420. <button class="header-burger-btn burger" data-test="header-burger">
  421. <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span>
  422. <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span>
  423. <div class="burger-box">
  424. <div class="burger-inner header-menu-icon-doubleLineHamburger">
  425. <div class="top-bun"></div>
  426. <div class="patty"></div>
  427. <div class="bottom-bun"></div>
  428. </div>
  429. </div>
  430. </button>
  431. </div>
  432. <!-- Social -->
  433. <!-- Title and nav wrapper -->
  434. <div class="header-title-nav-wrapper">
  435. <!-- Title -->
  436. <div
  437. class="
  438. header-title
  439. "
  440. data-animation-role="header-element"
  441. >
  442. <div class="header-title-text">
  443. <a id="site-title" href="/" data-animation-role="header-element"><?= $brands ?></a>
  444. </div>
  445. </div>
  446. <!-- Nav -->
  447. <div class="header-nav">
  448. <div class="header-nav-wrapper">
  449. <nav class="header-nav-list">
  450. </nav>
  451. </div>
  452. </div>
  453. </div>
  454. <!-- Actions -->
  455. <div class="header-actions header-actions--right">
  456. <div class="user-accounts-link header-nav-item header-nav-item--collection customerAccountLoginDesktop" data-controller="UserAccountLink" data-animation-role="header-element">
  457. <a class="user-accounts-text-link header-nav-item" href="#" data-animation-role="header-element">
  458. <span class="unauth">Login</span>
  459. <span class="auth">Account</span>
  460. </a>
  461. </div>
  462. <div class="showOnMobile">
  463. <div class="header-actions-action header-actions-action--cart">
  464. <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" >
  465. <span class="Cart-inner">
  466. <svg class="icon icon--cart" width="61" height="49" viewBox="0 0 61 49">
  467. <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" />
  468. <path d="M18.589 35H49.7083L60 13H16L18.589 35Z" />
  469. <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" />
  470. <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" />
  471. </svg>
  472. <div class="icon-cart-quantity">
  473. <span class="cart-quantity-container">
  474. <span class="sqs-cart-quantity">0</span>
  475. </span>
  476. </div>
  477. </span>
  478. </a>
  479. </div>
  480. </div>
  481. <div class="showOnDesktop">
  482. <div class="header-actions-action header-actions-action--cart">
  483. <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" >
  484. <span class="Cart-inner">
  485. <svg class="icon icon--cart" width="61" height="49" viewBox="0 0 61 49">
  486. <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" />
  487. <path d="M18.589 35H49.7083L60 13H16L18.589 35Z" />
  488. <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" />
  489. <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" />
  490. </svg>
  491. <div class="icon-cart-quantity">
  492. <span class="cart-quantity-container">
  493. <span class="sqs-cart-quantity">0</span>
  494. </span>
  495. </div>
  496. </span>
  497. </a>
  498. </div>
  499. </div>
  500. </div>
  501. </div>
  502. <div class="header-display-mobile" data-content-field="site-title">
  503. <!-- Social -->
  504. <!-- Title and nav wrapper -->
  505. <div class="header-title-nav-wrapper">
  506. <!-- Title -->
  507. <div
  508. class="
  509. header-title
  510. "
  511. data-animation-role="header-element"
  512. >
  513. <div class="header-title-text">
  514. <a id="site-title" href="/" data-animation-role="header-element">Slot Gacor</a>
  515. </div>
  516. </div>
  517. <!-- Nav -->
  518. <div class="header-nav">
  519. <div class="header-nav-wrapper">
  520. <nav class="header-nav-list">
  521. <div class="header-nav-item header-nav-item--collection">
  522. <a
  523. href="/about"
  524. data-animation-role="header-element"
  525. >
  526. About
  527. </a>
  528. </div>
  529. <div class="header-nav-item header-nav-item--collection">
  530. <a
  531. href="/journal"
  532. data-animation-role="header-element"
  533. >
  534. Journal
  535. </a>
  536. </div>
  537. <div class="header-nav-item header-nav-item--collection">
  538. <a
  539. href="/contact"
  540. data-animation-role="header-element"
  541. >
  542. Contact
  543. </a>
  544. </div>
  545. </nav>
  546. </div>
  547. </div>
  548. </div>
  549. <!-- Actions -->
  550. <div class="header-actions header-actions--right">
  551. <div class="user-accounts-link header-nav-item header-nav-item--collection customerAccountLoginDesktop" data-controller="UserAccountLink" data-animation-role="header-element">
  552. <a class="user-accounts-text-link header-nav-item" href="#" data-animation-role="header-element">
  553. <span class="unauth">Login</span>
  554. <span class="auth">Account</span>
  555. </a>
  556. </div>
  557. <div class="showOnMobile">
  558. <div class="header-actions-action header-actions-action--cart">
  559. <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" >
  560. <span class="Cart-inner">
  561. <svg class="icon icon--cart" width="61" height="49" viewBox="0 0 61 49">
  562. <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" />
  563. <path d="M18.589 35H49.7083L60 13H16L18.589 35Z" />
  564. <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" />
  565. <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" />
  566. </svg>
  567. <div class="icon-cart-quantity">
  568. <span class="cart-quantity-container">
  569. <span class="sqs-cart-quantity">0</span>
  570. </span>
  571. </div>
  572. </span>
  573. </a>
  574. </div>
  575. </div>
  576. <div class="showOnDesktop">
  577. <div class="header-actions-action header-actions-action--cart">
  578. <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" >
  579. <span class="Cart-inner">
  580. <svg class="icon icon--cart" width="61" height="49" viewBox="0 0 61 49">
  581. <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" />
  582. <path d="M18.589 35H49.7083L60 13H16L18.589 35Z" />
  583. <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" />
  584. <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" />
  585. </svg>
  586. <div class="icon-cart-quantity">
  587. <span class="cart-quantity-container">
  588. <span class="sqs-cart-quantity">0</span>
  589. </span>
  590. </div>
  591. </span>
  592. </a>
  593. </div>
  594. </div>
  595. </div>
  596. <style>
  597. .top-bun,
  598. .patty,
  599. .bottom-bun {
  600. height: 1px;
  601. }
  602. </style>
  603. <!-- Burger -->
  604. <div class="header-burger
  605. menu-overlay-has-visible-non-navigation-items
  606. no-actions
  607. " data-animation-role="header-element">
  608. <button class="header-burger-btn burger" data-test="header-burger">
  609. <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span>
  610. <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span>
  611. <div class="burger-box">
  612. <div class="burger-inner header-menu-icon-doubleLineHamburger">
  613. <div class="top-bun"></div>
  614. <div class="patty"></div>
  615. <div class="bottom-bun"></div>
  616. </div>
  617. </div>
  618. </button>
  619. </div>
  620. </div>
  621. </div>
  622. </div>
  623. <!-- (Mobile) Menu Navigation -->
  624. <div class="header-menu header-menu--folder-list
  625. "
  626. data-section-theme=""
  627. data-current-styles="{
  628. &quot;layout&quot;: &quot;navRight&quot;,
  629. &quot;action&quot;: {
  630. &quot;buttonText&quot;: &quot;Get Started&quot;,
  631. &quot;newWindow&quot;: false
  632. },
  633. &quot;showSocial&quot;: false,
  634. &quot;socialOptions&quot;: {
  635. &quot;socialBorderShape&quot;: &quot;none&quot;,
  636. &quot;socialBorderStyle&quot;: &quot;outline&quot;,
  637. &quot;socialBorderThickness&quot;: {
  638. &quot;unit&quot;: &quot;px&quot;,
  639. &quot;value&quot;: 1.0
  640. }
  641. },
  642. &quot;menuOverlayAnimation&quot;: &quot;fade&quot;,
  643. &quot;cartStyle&quot;: &quot;cart&quot;,
  644. &quot;cartText&quot;: &quot;Cart&quot;,
  645. &quot;showEmptyCartState&quot;: true,
  646. &quot;cartOptions&quot;: {
  647. &quot;iconType&quot;: &quot;solid-7&quot;,
  648. &quot;cartBorderShape&quot;: &quot;none&quot;,
  649. &quot;cartBorderStyle&quot;: &quot;outline&quot;,
  650. &quot;cartBorderThickness&quot;: {
  651. &quot;unit&quot;: &quot;px&quot;,
  652. &quot;value&quot;: 1.0
  653. }
  654. },
  655. &quot;showButton&quot;: false,
  656. &quot;showCart&quot;: true,
  657. &quot;showAccountLogin&quot;: true,
  658. &quot;headerStyle&quot;: &quot;dynamic&quot;,
  659. &quot;languagePicker&quot;: {
  660. &quot;enabled&quot;: false,
  661. &quot;iconEnabled&quot;: false,
  662. &quot;iconType&quot;: &quot;globe&quot;,
  663. &quot;flagShape&quot;: &quot;shiny&quot;,
  664. &quot;languageFlags&quot;: [ ]
  665. },
  666. &quot;mobileOptions&quot;: {
  667. &quot;layout&quot;: &quot;logoLeftNavRight&quot;,
  668. &quot;menuIcon&quot;: &quot;doubleLineHamburger&quot;,
  669. &quot;menuIconOptions&quot;: {
  670. &quot;style&quot;: &quot;doubleLineHamburger&quot;,
  671. &quot;thickness&quot;: {
  672. &quot;unit&quot;: &quot;px&quot;,
  673. &quot;value&quot;: 1.0
  674. }
  675. }
  676. },
  677. &quot;dynamicOptions&quot;: {
  678. &quot;border&quot;: {
  679. &quot;enabled&quot;: false,
  680. &quot;position&quot;: &quot;allSides&quot;,
  681. &quot;thickness&quot;: {
  682. &quot;unit&quot;: &quot;px&quot;,
  683. &quot;value&quot;: 4.0
  684. },
  685. &quot;color&quot;: {
  686. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  687. &quot;sitePaletteColor&quot;: {
  688. &quot;colorName&quot;: &quot;black&quot;,
  689. &quot;alphaModifier&quot;: 1.0
  690. }
  691. }
  692. }
  693. },
  694. &quot;solidOptions&quot;: {
  695. &quot;headerOpacity&quot;: {
  696. &quot;unit&quot;: &quot;%&quot;,
  697. &quot;value&quot;: 100.0
  698. },
  699. &quot;border&quot;: {
  700. &quot;enabled&quot;: false,
  701. &quot;position&quot;: &quot;allSides&quot;,
  702. &quot;thickness&quot;: {
  703. &quot;unit&quot;: &quot;px&quot;,
  704. &quot;value&quot;: 4.0
  705. },
  706. &quot;color&quot;: {
  707. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  708. &quot;sitePaletteColor&quot;: {
  709. &quot;colorName&quot;: &quot;black&quot;,
  710. &quot;alphaModifier&quot;: 1.0
  711. }
  712. }
  713. },
  714. &quot;dropShadow&quot;: {
  715. &quot;enabled&quot;: false,
  716. &quot;blur&quot;: {
  717. &quot;unit&quot;: &quot;px&quot;,
  718. &quot;value&quot;: 30.0
  719. },
  720. &quot;spread&quot;: {
  721. &quot;unit&quot;: &quot;px&quot;,
  722. &quot;value&quot;: 0.0
  723. },
  724. &quot;distance&quot;: {
  725. &quot;unit&quot;: &quot;px&quot;,
  726. &quot;value&quot;: 0.0
  727. },
  728. &quot;color&quot;: {
  729. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  730. &quot;sitePaletteColor&quot;: {
  731. &quot;colorName&quot;: &quot;black&quot;,
  732. &quot;alphaModifier&quot;: 1.0
  733. }
  734. }
  735. },
  736. &quot;blurBackground&quot;: {
  737. &quot;enabled&quot;: false,
  738. &quot;blurRadius&quot;: {
  739. &quot;unit&quot;: &quot;px&quot;,
  740. &quot;value&quot;: 12.0
  741. }
  742. },
  743. &quot;backgroundColor&quot;: {
  744. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  745. &quot;sitePaletteColor&quot;: {
  746. &quot;colorName&quot;: &quot;white&quot;,
  747. &quot;alphaModifier&quot;: 1.0
  748. }
  749. },
  750. &quot;navigationColor&quot;: {
  751. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  752. &quot;sitePaletteColor&quot;: {
  753. &quot;colorName&quot;: &quot;black&quot;,
  754. &quot;alphaModifier&quot;: 1.0
  755. }
  756. }
  757. },
  758. &quot;gradientOptions&quot;: {
  759. &quot;gradientType&quot;: &quot;faded&quot;,
  760. &quot;headerOpacity&quot;: {
  761. &quot;unit&quot;: &quot;%&quot;,
  762. &quot;value&quot;: 90.0
  763. },
  764. &quot;border&quot;: {
  765. &quot;enabled&quot;: false,
  766. &quot;position&quot;: &quot;allSides&quot;,
  767. &quot;thickness&quot;: {
  768. &quot;unit&quot;: &quot;px&quot;,
  769. &quot;value&quot;: 4.0
  770. },
  771. &quot;color&quot;: {
  772. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  773. &quot;sitePaletteColor&quot;: {
  774. &quot;colorName&quot;: &quot;black&quot;,
  775. &quot;alphaModifier&quot;: 1.0
  776. }
  777. }
  778. },
  779. &quot;dropShadow&quot;: {
  780. &quot;enabled&quot;: false,
  781. &quot;blur&quot;: {
  782. &quot;unit&quot;: &quot;px&quot;,
  783. &quot;value&quot;: 30.0
  784. },
  785. &quot;spread&quot;: {
  786. &quot;unit&quot;: &quot;px&quot;,
  787. &quot;value&quot;: 0.0
  788. },
  789. &quot;distance&quot;: {
  790. &quot;unit&quot;: &quot;px&quot;,
  791. &quot;value&quot;: 0.0
  792. },
  793. &quot;color&quot;: {
  794. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  795. &quot;sitePaletteColor&quot;: {
  796. &quot;colorName&quot;: &quot;black&quot;,
  797. &quot;alphaModifier&quot;: 1.0
  798. }
  799. }
  800. },
  801. &quot;blurBackground&quot;: {
  802. &quot;enabled&quot;: false,
  803. &quot;blurRadius&quot;: {
  804. &quot;unit&quot;: &quot;px&quot;,
  805. &quot;value&quot;: 12.0
  806. }
  807. },
  808. &quot;backgroundColor&quot;: {
  809. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  810. &quot;sitePaletteColor&quot;: {
  811. &quot;colorName&quot;: &quot;white&quot;,
  812. &quot;alphaModifier&quot;: 1.0
  813. }
  814. },
  815. &quot;navigationColor&quot;: {
  816. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  817. &quot;sitePaletteColor&quot;: {
  818. &quot;colorName&quot;: &quot;black&quot;,
  819. &quot;alphaModifier&quot;: 1.0
  820. }
  821. }
  822. },
  823. &quot;dropShadowOptions&quot;: {
  824. &quot;enabled&quot;: false,
  825. &quot;blur&quot;: {
  826. &quot;unit&quot;: &quot;px&quot;,
  827. &quot;value&quot;: 12.0
  828. },
  829. &quot;spread&quot;: {
  830. &quot;unit&quot;: &quot;px&quot;,
  831. &quot;value&quot;: 0.0
  832. },
  833. &quot;distance&quot;: {
  834. &quot;unit&quot;: &quot;px&quot;,
  835. &quot;value&quot;: 12.0
  836. }
  837. },
  838. &quot;borderOptions&quot;: {
  839. &quot;enabled&quot;: false,
  840. &quot;position&quot;: &quot;allSides&quot;,
  841. &quot;thickness&quot;: {
  842. &quot;unit&quot;: &quot;px&quot;,
  843. &quot;value&quot;: 4.0
  844. },
  845. &quot;color&quot;: {
  846. &quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
  847. &quot;sitePaletteColor&quot;: {
  848. &quot;colorName&quot;: &quot;black&quot;,
  849. &quot;alphaModifier&quot;: 1.0
  850. }
  851. }
  852. },
  853. &quot;showPromotedElement&quot;: false,
  854. &quot;buttonVariant&quot;: &quot;primary&quot;,
  855. &quot;blurBackground&quot;: {
  856. &quot;enabled&quot;: false,
  857. &quot;blurRadius&quot;: {
  858. &quot;unit&quot;: &quot;px&quot;,
  859. &quot;value&quot;: 12.0
  860. }
  861. },
  862. &quot;headerOpacity&quot;: {
  863. &quot;unit&quot;: &quot;%&quot;,
  864. &quot;value&quot;: 100.0
  865. }
  866. }"
  867. data-section-id="overlay-nav"
  868. data-show-account-login="true"
  869. data-test="header-menu">
  870. <div class="header-menu-bg theme-bg--primary"></div>
  871. <div class="header-menu-nav">
  872. <nav class="header-menu-nav-list">
  873. <div data-folder="root" class="header-menu-nav-folder">
  874. <div class="header-menu-nav-folder-content">
  875. </div>
  876. </nav>
  877. </div>
  878. </div>
  879. </header>
  880. <main id="page" class="container" role="main">
  881. <article class="sections" id="sections" data-page-sections="6631c90faeb31445592848dd">
  882. <section
  883. data-test="page-section"
  884. data-section-theme=""
  885. class='page-section
  886. content-collection
  887. full-bleed-section
  888. collection-type-products
  889. background-width--full-bleed
  890. section-height--medium
  891. content-width--wide
  892. horizontal-alignment--center
  893. vertical-alignment--middle
  894. '
  895. data-section-id="6631c93f3f368e6450a3c6b0"
  896. data-controller="SectionWrapperController"
  897. data-current-styles="{
  898. &quot;imageOverlayOpacity&quot;: 0.15,
  899. &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
  900. &quot;sectionHeight&quot;: &quot;section-height--medium&quot;,
  901. &quot;customSectionHeight&quot;: 10,
  902. &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
  903. &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
  904. &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
  905. &quot;customContentWidth&quot;: 50,
  906. &quot;backgroundColor&quot;: &quot;&quot;,
  907. &quot;sectionTheme&quot;: &quot;&quot;,
  908. &quot;sectionAnimation&quot;: &quot;none&quot;,
  909. &quot;backgroundMode&quot;: &quot;image&quot;
  910. }"
  911. data-current-context="{
  912. &quot;video&quot;: null,
  913. &quot;backgroundImageId&quot;: null,
  914. &quot;backgroundMediaEffect&quot;: null,
  915. &quot;divider&quot;: null,
  916. &quot;typeName&quot;: &quot;products&quot;
  917. }"
  918. data-animation="none"
  919. >
  920. <div
  921. class="section-border"
  922. >
  923. <div class="section-background">
  924. </div>
  925. </div>
  926. <div
  927. class='content-wrapper'
  928. style='
  929. '
  930. >
  931. <div
  932. class="content"
  933. >
  934. <section
  935. id="pdp"
  936. class="
  937. products
  938. collection-content-wrapper
  939. product-layout-side-by-side
  940. "
  941. >
  942. <article class="ProductItem hentry author-rizka-murni-rahayu-- post-type-store-item" data-item-id="6631c913db526509ec0a92cc">
  943. <nav class="ProductItem-nav">
  944. <div class="ProductItem-nav-breadcrumb" data-animation-role="content">
  945. <a href="/store" class="ProductItem-nav-breadcrumb-link">Store</a>
  946. <span class="ProductItem-nav-breadcrumb-separator"></span>
  947. <a href="<?= $fullUrl ?>" class="ProductItem-nav-breadcrumb-link"><?= $brands . ' ' . $title ?></a>
  948. </div>
  949. </nav>
  950. <section class="ProductItem-summary" data-controller="ProductGallery">
  951. <section
  952. aria-label="Gallery"
  953. class="ProductItem-gallery"
  954. data-product-gallery="container"
  955. >
  956. <div
  957. class="ProductItem-gallery-slides"
  958. data-animation-role="image"
  959. data-product-gallery="slides"
  960. >
  961. <div
  962. class="ProductItem-gallery-slides-item"
  963. data-slide-index="1"
  964. data-image-id=6631c91a90f43b402155df60
  965. data-controller="ImageZoom"
  966. data-slide-url="x5ertanlossisqc63mvkiwpgnlvada"
  967. data-product-gallery="slides-item"
  968. data-test="pdp-gallery-slide"
  969. >
  970. <img
  971. aria-describedby="ProductItem-gallery-slides-item-1-index-6631c91a90f43b402155df60"
  972. class="ProductItem-gallery-slides-item-image"
  973. data-load="false"
  974. data-src="<?= $image ?>" data-image="<?= $image ?>" data-image-dimensions="1280x1280" data-image-focal-point="0.5,0.5" alt="<?= $brands ?>"
  975. elementtiming="nbf-products-gallery"
  976. />
  977. <span
  978. id="ProductItem-gallery-slides-item-1-index-6631c91a90f43b402155df60"
  979. style="display: none;"
  980. >
  981. Image 1 of
  982. </span>
  983. <div class="product-image-zoom-duplicate" aria-hidden="true">
  984. <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" />
  985. </div>
  986. </div>
  987. <div
  988. class="gallery-lightbox-outer-wrapper"
  989. data-use-image-loader="true"
  990. data-controller="Lightbox"
  991. >
  992. <div class="gallery-lightbox " data-section-theme="">
  993. <div class="gallery-lightbox-background"></div>
  994. <div class="gallery-lightbox-header">
  995. <button class="gallery-lightbox-close-btn" aria-label="Close" data-close data-test="gallery-lightbox-close">
  996. <div class="gallery-lightbox-close-btn-icon">
  997. <svg viewBox="0 0 40 40">
  998. <path d="M4.3,35.7L35.7,4.3"/>
  999. <path d="M4.3,4.3l31.4,31.4"/>
  1000. </svg>
  1001. </div>
  1002. </button>
  1003. </div>
  1004. <div class="gallery-lightbox-wrapper">
  1005. <div class="gallery-lightbox-list">
  1006. <figure class="gallery-lightbox-item" data-slide-url="x5ertanlossisqc63mvkiwpgnlvada">
  1007. <div class="gallery-lightbox-item-wrapper">
  1008. <div class="gallery-lightbox-item-src">
  1009. <div class="gallery-lightbox-item-img content-fit">
  1010. <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" />
  1011. </div>
  1012. </div>
  1013. </div>
  1014. </figure>
  1015. </div>
  1016. <div class="gallery-lightbox-controls" data-test="gallery-lightbox-controls">
  1017. <div class="gallery-lightbox-control" data-previous data-test="gallery-lightbox-control-previous">
  1018. <button class="gallery-lightbox-control-btn" aria-label="Previous Slide">
  1019. <div class="gallery-lightbox-control-btn-icon">
  1020. <svg class="caret-left-icon--small" viewBox="0 0 9 16">
  1021. <polyline fill="none" stroke-miterlimit="10" points="7.3,14.7 2.5,8 7.3,1.2 "/>
  1022. </svg>
  1023. </div>
  1024. </button>
  1025. </div>
  1026. <div class="gallery-lightbox-control" data-next data-test="gallery-lightbox-control-next">
  1027. <button class="gallery-lightbox-control-btn" aria-label="Next Slide">
  1028. <div class="gallery-lightbox-control-btn-icon">
  1029. <svg class="caret-right-icon--small" viewBox="0 0 9 16">
  1030. <polyline fill="none" stroke-miterlimit="10" points="1.6,1.2 6.5,7.9 1.6,14.7 "/>
  1031. </svg>
  1032. </div>
  1033. </button>
  1034. </div>
  1035. </div>
  1036. </div>
  1037. </div>
  1038. </div>
  1039. </div>
  1040. </section>
  1041. <section
  1042. class="
  1043. product-details
  1044. ProductItem-details
  1045. "
  1046. data-test="pdp-details"
  1047. data-current-context='{
  1048. "isSubscription": "false",
  1049. "subscriptionType": ""
  1050. }'
  1051. >
  1052. <h1
  1053. class="ProductItem-details-title"
  1054. data-content-field="title"
  1055. data-test="pdp-title"
  1056. >
  1057. <?= $brands . ' ' . $title ?>
  1058. </h1>
  1059. <div
  1060. data-controller="ProductItemVariants,ProductCartButton"
  1061. class="ProductItem-details-checkout"
  1062. >
  1063. <div
  1064. class="ProductItem-product-price"
  1065. data-animation-role="content"
  1066. >
  1067. <div class="product-price">
  1068. IDR 0.00
  1069. </div>
  1070. <div class="ProductItem-details-excerpt" data-content-field="excerpt" id="yui_3_17_2_1_1711957212902_116"><style>
  1071. .SLOT1131 {
  1072. display: grid;
  1073. grid-template-columns: repeat(2,1fr);
  1074. font-weight: 700;
  1075. }
  1076. .SLOT1131 a {
  1077. text-align: center;
  1078. }
  1079. .login, .register {
  1080. color: #fff;
  1081. padding: 13px 10px;
  1082. }
  1083. .login, .login-button {
  1084. border: 1px solid #ffffff;
  1085. background: linear-gradient(to bottom,rgb(233, 55, 55) 0,#3d063d 100%);
  1086. }
  1087. .register, .register-button {
  1088. background: linear-gradient(to bottom,rgb(31, 145, 3) 0,#d4d462 100%);
  1089. border: 1px solid #ffffff;
  1090. }
  1091. </style><div class="SLOT1131">
  1092. <a href="<?= $amp ?>" rel="nofollow noreferrer" class="register">DAFTAR</a><a href="<?= $amp ?>" rel="nofollow noreferrer" class="login">LOGIN</a>
  1093. </div></div>
  1094. <div data-afterpay="true" data-current-context="{
  1095. &quot;6631c913db526509ec0a92cc&quot;: {
  1096. &quot;scarcityEnabled&quot;: false,
  1097. &quot;scarcityShownByDefault&quot;: false,
  1098. &quot;afterPayAvailable&quot;: false,
  1099. &quot;klarnaAvailable&quot;: false,
  1100. &quot;shopperLanguage&quot;: &quot;en&quot;,
  1101. &quot;afterPayMin&quot;: 0,
  1102. &quot;afterPayMax&quot;: 0,
  1103. &quot;klarnaMin&quot;: 0,
  1104. &quot;klarnaMax&quot;: 0,
  1105. &quot;mailingListSignUpEnabled&quot;: false,
  1106. &quot;mailingListOptInByDefault&quot;: false
  1107. }
  1108. }"></div>
  1109. <div class="pdp-overlay"></div>
  1110. </div>
  1111. <div
  1112. class="ProductItem-details-excerpt"
  1113. data-content-field="excerpt"
  1114. >
  1115. <p class="" style="white-space:pre-wrap;"><?= $brands . ' ' . $deskripsi?></p>
  1116. </div>
  1117. <div class="product-quantity-input" data-item-id="6631c913db526509ec0a92cc" data-animation-role="content">
  1118. <div class="quantity-label">Quantity:</div>
  1119. <input aria-label="Quantity" size="4" max="9999" min="1" value="1" type="number" step="1"></input>
  1120. </div>
  1121. <div class="sqs-add-to-cart-button-wrapper" data-animation-role="button">
  1122. <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" >
  1123. <div class="sqs-add-to-cart-button-inner">Add To Cart</div>
  1124. </div>
  1125. </div>
  1126. </div>
  1127. </section>
  1128. </section>
  1129. </article>
  1130. </section>
  1131. </div>
  1132. </div>
  1133. </section>
  1134. </article>
  1135. </main>
  1136. <script type="text/javascript">
  1137. const firstSection = document.querySelector('.page-section');
  1138. const header = document.querySelector('.header');
  1139. const mobileOverlayNav = document.querySelector('.header-menu');
  1140. const sectionBackground = firstSection ? firstSection.querySelector('.section-background') : null;
  1141. const headerHeight = header ? header.getBoundingClientRect().height : 0;
  1142. const firstSectionHasBackground = firstSection ? firstSection.className.indexOf('has-background') >= 0 : false;
  1143. const isFirstSectionInset = firstSection ? firstSection.className.indexOf('background-width--inset') >= 0 : false;
  1144. const isLayoutEngineSection = firstSection ? firstSection.className.indexOf('layout-engine-section') >= 0 : false;
  1145. if (firstSection) {
  1146. firstSection.style.paddingTop = headerHeight + 'px';
  1147. }
  1148. if (sectionBackground && isLayoutEngineSection) {
  1149. if (isFirstSectionInset) {
  1150. sectionBackground.style.top = headerHeight + 'px';
  1151. } else {
  1152. sectionBackground.style.top = '';
  1153. }
  1154. }
  1155. //# sourceURL=headerPositioning.js
  1156. </script>
  1157. </div>
  1158. <script defer="defer" src="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/site-bundle.c60096393cff060396b454574afa2699.js" type="text/javascript"></script>
  1159. </body>
  1160. </html>

comments powered by Disqus