{"id":9,"date":"2021-06-03T14:58:15","date_gmt":"2021-06-03T06:58:15","guid":{"rendered":"https:\/\/demo.creativethemes.com\/blocksy\/persona\/?page_id=9"},"modified":"2026-04-13T11:11:00","modified_gmt":"2026-04-13T03:11:00","slug":"about","status":"publish","type":"page","link":"https:\/\/alleneden.com\/index.php\/about\/","title":{"rendered":"\u516c\u53f8\u7b80\u4ecb"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc66180 e-con-full e-flex e-con e-parent\" data-id=\"bc66180\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35f4d5c elementor-widget elementor-widget-html\" data-id=\"35f4d5c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- 1. \u6837\u5f0f\u5b9a\u4e49 -->\r\n<style>\r\n  \/* === \u65b0\u589e\u4ee3\u7801\u5f00\u59cb\uff1a\u56fa\u5b9a\u9875\u9762\uff0c\u7981\u6b62\u4e0a\u4e0b\u79fb\u52a8\uff0c\u9690\u85cf\u6eda\u52a8\u6761 === *\/\r\n  html, body {\r\n    margin: 0;\r\n    padding: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    overscroll-behavior: none; \/* \u7981\u6b62 Mac\/\u79fb\u52a8\u7aef \u7684\u6a61\u76ae\u7b4b\u56de\u5f39\u6548\u679c *\/\r\n    \/* \u6ce8\uff1a\u8fd9\u91cc\u4e0d\u4f7f\u7528 overflow: hidden\uff0c\u5426\u5219\u4f1a\u7834\u574f\u4f60\u7684 ScrollTrigger \u52a8\u753b\u76d1\u542c *\/\r\n  }\r\n  \r\n  \/* \u9690\u85cf\u7f51\u9875\u5168\u5c40\u6eda\u52a8\u6761\uff0c\u4fdd\u6301\u9875\u9762\u89c6\u89c9\u4e0a\u7684\u7edd\u5bf9\u56fa\u5b9a *\/\r\n  ::-webkit-scrollbar {\r\n    display: none; \/* Chrome, Safari, Opera *\/\r\n  }\r\n  html {\r\n    scrollbar-width: none; \/* Firefox *\/\r\n    -ms-overflow-style: none; \/* IE\/Edge *\/\r\n  }\r\n  \/* === \u65b0\u589e\u4ee3\u7801\u7ed3\u675f === *\/\r\n\r\n  .dgb-section {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    font-family: 'Helvetica Neue', Arial, sans-serif;\r\n    background-color: #000;\r\n    color: #fff;\r\n    overflow-x: hidden;\r\n  }\r\n  .dgb-wrapper {\r\n    position: relative;\r\n    height: 100vh;\r\n    width: 100vw;\r\n    display: flex;\r\n    align-items: center;\r\n    overflow: hidden;\r\n  }\r\n  \r\n  .dgb-text-panel {\r\n    width: 80%;\r\n    height: 100%;\r\n    position: relative;\r\n    z-index: 10;\r\n    padding-left: 8vw;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n  .dgb-text-item {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    width: 85%;\r\n    max-width: 1000px;\r\n    padding-right: 40px;\r\n  }\r\n  \r\n  .dgb-subtitle {\r\n    font-size: clamp(10px, 1vw, 14px);\r\n    font-weight: 700;\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n    margin-bottom: 2.5vh;\r\n    color: #fff;\r\n  }\r\n  \r\n  .dgb-title {\r\n    font-size: 48px;\r\n    font-weight: 800;\r\n    line-height: 1.05;\r\n    margin: 0;\r\n    letter-spacing: -0.02em;\r\n    color: #fff;\r\n  }\r\n\r\n  .dgb-title-en {\r\n    display: inline-block;\r\n    font-size: 28px;\r\n    font-weight: 400;\r\n    line-height: 1.35;\r\n    margin-top: 15px; \r\n    color: rgba(255, 255, 255, 0.85); \r\n  }\r\n  \r\n  .dgb-highlight {\r\n    position: relative;\r\n    display: inline-block;\r\n  }\r\n  .dgb-highlight::after {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    bottom: 2px;\r\n    width: 100%;\r\n    height: 4px;\r\n    background-color: #E3000F;\r\n  }\r\n\r\n  .dgb-wheel-panel {\r\n    position: absolute;\r\n    left: 105%;\r\n    top: 50%;\r\n    width: 0;\r\n    height: 0;\r\n    z-index: 5;\r\n  }\r\n  \r\n  .dgb-wheel-item {\r\n    position: absolute;\r\n    width: 42vw;\r\n    max-width: 980px;\r\n    height: auto; \r\n    overflow: hidden;\r\n    box-shadow: 0 30px 60px rgba(0,0,0,0.6);\r\n    opacity: 0; \r\n  }\r\n\r\n  .dgb-wheel-item img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    object-fit: contain;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .dgb-text-panel {\r\n      width: 100%;\r\n      padding-left: 5vw;\r\n      padding-right: 5vw;\r\n    }\r\n    .dgb-text-item {\r\n      top: 25%;\r\n    }\r\n    .dgb-wheel-panel {\r\n      left: 110%;\r\n      top: 75%;\r\n    }\r\n    .dgb-wheel-item {\r\n      width: 60vw;\r\n    }\r\n    .dgb-title {\r\n      font-size: 36px;\r\n    }\r\n    .dgb-title-en {\r\n      font-size: 20px;\r\n      margin-top: 10px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- 2. HTML \u7ed3\u6784 -->\r\n<div class=\"dgb-section\" id=\"dgb-scroll-container\">\r\n  <div class=\"dgb-wrapper\">\r\n    \r\n    <div class=\"dgb-text-panel\">\r\n      <div class=\"dgb-text-item\">\r\n        <div class=\"dgb-subtitle\">ABOUT US<\/div>\r\n        <h2 class=\"dgb-title\">\r\n          \u827e\u4f26\u6613\u767b\uff08Allen Eden, AE\uff09\u96c6\u56e2\u516c\u53f8\u4f4d\u4e8e\u4e2d\u56fd\u6df1\u5733\uff0c\u662f\u4e00\u652f\u4ee5\"\u97f3\u4e50\u3001\u670b\u53cb\u3001\u7f8e\u597d\u751f\u6d3b\"\u4e3a\u6838\u5fc3\u7406\u5ff5\u7684\u5e74\u8f7b\u56e2\u961f\uff0c\u96c6\u56e2\u4e1a\u52a1\u6db5\u76d6\u4e50\u5668\u8d38\u6613\u3001\u9910\u996e\u5a31\u4e50\u7b49\u76f8\u5173\u4ea7\u4e1a\u3002<br>\r\n          <span class=\"dgb-title-en\">Headquartered in Shenzhen, China, Allen Eden (AE) Group is a dynamic young team guided by the core philosophy of Music, Friends, Better Life. Its business scope covers musical instrument trade, catering and entertainment, and other related industries.<\/span>\r\n        <\/h2>\r\n      <\/div>\r\n      \r\n      <div class=\"dgb-text-item\">\r\n        <div class=\"dgb-subtitle\">INSTRUMENT TRADE<\/div>\r\n        <h2 class=\"dgb-title\">\r\n          \u4f5c\u4e3a\u5168\u7403\u77e5\u540d\u4e50\u5668\u54c1\u724c\u8fdb\u53e3\u5546\u3001\u4ee3\u7406\u5546\u3001\u8fd0\u8425\u5546\uff0cAllen Eden \u5206\u9500\u4f53\u7cfb\u6df1\u8015\u4e9a\u592a\u5730\u533a\uff0c\u4e0e\u8d851000\u5bb6\u4f18\u8d28\u4e50\u5668\u5206\u9500\u5546\u5efa\u7acb\u957f\u671f\u7a33\u5b9a\u7684\u5408\u4f5c\u5173\u7cfb\uff0c\u4ee5\"\u670d\u52a1\u4e50\u5668\u7231\u597d\u8005\u3001\u8d4b\u80fd\u884c\u4e1a\u4f19\u4f34\"\u4e3a\u76ee\u6807\uff0c\u63a8\u52a8\u4e50\u5668\u4ea7\u4e1a\u6b63\u5411\u53d1\u5c55\u3002<br>\r\n          <span class=\"dgb-title-en\">As a renowned importer, agent and operator of global musical instrument brands, Allen Eden has a well-established distribution network deeply rooted in the Asia-Pacific region, and has built long-term and stable cooperative relationships with over 1,000 high-quality musical instrument distributors. With the mission of serving musical instrument enthusiasts and empowering industry partners, we are committed to driving the positive development of the musical instrument industry.<\/span>\r\n        <\/h2>\r\n      <\/div>\r\n      \r\n      <div class=\"dgb-text-item\">\r\n        <div class=\"dgb-subtitle\">CATERING & CULTURE<\/div>\r\n        <h2 class=\"dgb-title\">\r\n          \u76ee\u524d\uff0c\u65d7\u4e0b\u4ee3\u7406\u54c1\u724c\u5305\u62ec Tagima\uff08\u5df4\u897f\uff09\u3001Orange\uff08\u82f1\u56fd\uff09\u3001Godin\uff08\u52a0\u62ff\u5927\uff09\u3001Surpo\uff08\u7f8e\u56fd\uff09\u3001Fishman\uff08\u7f8e\u56fd\uff09\u3001G7\uff08\u82f1\u56fd\uff09\u3001Wambooka\uff08\u610f\u5927\u5229\uff09\u3001VegaTrem\uff08\u897f\u73ed\u7259\uff09\u3001Seagull\uff08\u52a0\u62ff\u5927\uff09\u3001Veelah\uff08\u4e2d\u56fd\uff09\u3002<br>\r\n          <span class=\"dgb-title-en\">At present, the brands we represent include Tagima (Brazil), Orange (UK), Godin (Canada), Surpo (USA), Fishman (USA), G7 (UK), Wambooka (Italy), VegaTrem (Spain), Seagull (Canada) and Veelah (China).<\/span>\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"dgb-text-item\">\r\n        <div class=\"dgb-subtitle\">CATERING & CULTURE<\/div>\r\n        <h2 class=\"dgb-title\">\r\n          \"\u97f3\u4e50\u3001\u670b\u53cb\u3001\u7f8e\u597d\u751f\u6d3b\"<br>\r\n          <span class=\"dgb-title-en\">Music, Friends, Better Life<br>At present, the brands we represent include Tagima (Brazil), Orange (UK), Godin (Canada), Surpo (USA), Fishman (USA), G7 (UK), Wambooka (Italy), VegaTrem (Spain), Seagull (Canada) and Veelah (China).<\/span>\r\n        <\/h2>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"dgb-wheel-panel\">\r\n      <div class=\"dgb-wheel-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/alleneden.com\/wp-content\/uploads\/2026\/04\/\u914d\u56fe1-scaled.webp\" alt=\"Supercar and Jet\">\r\n      <\/div>\r\n      <div class=\"dgb-wheel-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/alleneden.com\/wp-content\/uploads\/2026\/04\/\u914d\u56fe2-scaled.webp\" alt=\"Design detail\">\r\n      <\/div>\r\n      <div class=\"dgb-wheel-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/alleneden.com\/wp-content\/uploads\/2026\/04\/\u914d\u56fe3-scaled.webp\" alt=\"Architecture\">\r\n      <\/div>\r\n      <div class=\"dgb-wheel-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/alleneden.com\/wp-content\/uploads\/2026\/04\/\u914d\u56fe4.webp\" alt=\"Design detail\">\r\n      <\/div>\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- 3. \u4ec5\u5f15\u5165 GSAP\uff0c\u79fb\u9664 Lenis -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<!-- 4. \u52a8\u753b\u63a7\u5236\u903b\u8f91 -->\r\n<script>\r\n  function initDgbAnimation() {\r\n    if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') {\r\n      setTimeout(initDgbAnimation, 100);\r\n      return;\r\n    }\r\n    \r\n    gsap.registerPlugin(ScrollTrigger);\r\n\r\n    const wheelPanel = document.querySelector('.dgb-wheel-panel');\r\n    const wheelItems = document.querySelectorAll('.dgb-wheel-item');\r\n    const textItems = document.querySelectorAll('.dgb-text-item');\r\n    \r\n    let radius = window.innerWidth * 0.45; \r\n    const angleStep = 45; \r\n    \r\n    if (window.innerWidth <= 768) {\r\n      radius = window.innerWidth * 0.7;\r\n    }\r\n\r\n    wheelItems.forEach((item, i) => {\r\n      let angleDeg = 180 - (i * angleStep);\r\n      let angleRad = angleDeg * Math.PI \/ 180;\r\n      \r\n      let x = radius * Math.cos(angleRad);\r\n      let y = radius * Math.sin(angleRad);\r\n      \r\n      let startOpacity = i === 0 ? 1 : 0.2;\r\n      let startScale = i === 0 ? 1 : 0.8;\r\n      \r\n      gsap.set(item, { x: x, y: y, xPercent: -50, yPercent: -50, opacity: startOpacity, scale: startScale });\r\n    });\r\n\r\n    \/\/ === \u65b0\u589e\uff1a\u9875\u9762\u521a\u52a0\u8f7d\u65f6\u7acb\u523b\u8ba9\u7b2c\u4e00\u4e2a\u6587\u5b57\u663e\u793a\uff0c\u89e3\u51b3\u7a7a\u767d\u7b49\u5f85\u95ee\u9898 ===\r\n    textItems.forEach((text, i) => {\r\n      gsap.set(text, { opacity: i === 0 ? 1 : 0 });\r\n      text.style.pointerEvents = i === 0 ? 'auto' : 'none';\r\n    });\r\n    \/\/ ==============================================================\r\n\r\n    const totalRotation = (wheelItems.length - 1) * angleStep;\r\n\r\n    ScrollTrigger.create({\r\n      trigger: \"#dgb-scroll-container\",\r\n      start: \"top top\",\r\n      end: \"+=\" + (wheelItems.length * 600),\r\n      pin: true,\r\n      scrub: 0, \/\/ \u5173\u952e\uff1a0 = \u5373\u65f6\u54cd\u5e94\uff0c\u6ed1\u8f6e\u52a8\u5373\u52a8\uff0c\u505c\u5373\u505c\uff0c\u65e0\u4efb\u4f55\u60ef\u6027\u6216\u5ef6\u8fdf\r\n      \r\n      onUpdate: (self) => {\r\n        const progress = self.progress;\r\n        \r\n        const currentRotation = progress * totalRotation;\r\n        gsap.set(wheelPanel, { rotation: currentRotation });\r\n        \r\n        const exactIndex = progress * (wheelItems.length - 1);\r\n        \r\n        wheelItems.forEach((item, i) => {\r\n          let dist = Math.abs(exactIndex - i);\r\n          let scale = 1 - Math.min(dist * 0.2, 0.25); \r\n          let opacity = 1 - Math.min(dist * 0.8, 0.9);\r\n          \r\n          gsap.set(item, { \r\n            rotation: -currentRotation,\r\n            scale: scale,\r\n            opacity: opacity\r\n          });\r\n        });\r\n\r\n        textItems.forEach((text, i) => {\r\n          let dist = Math.abs(exactIndex - i);\r\n          let textOpacity = 1 - Math.min(dist * 1.5, 1);\r\n          gsap.set(text, { opacity: textOpacity });\r\n          text.style.pointerEvents = textOpacity > 0.1 ? 'auto' : 'none';\r\n        });\r\n      }\r\n    });\r\n  }\r\n\r\n  if (document.readyState === 'complete' || document.readyState === 'interactive') {\r\n    initDgbAnimation();\r\n  } else {\r\n    window.addEventListener('DOMContentLoaded', initDgbAnimation);\r\n  }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Pellentesque tincidunt tristique neque, eget venenatis enim gravida quis. Fusce at egestas libero. Cras convallis egestas ullamcorper suspens.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":28,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":5}},"_links":{"self":[{"href":"https:\/\/alleneden.com\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alleneden.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alleneden.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alleneden.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alleneden.com\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":55,"href":"https:\/\/alleneden.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":8286,"href":"https:\/\/alleneden.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/8286"}],"wp:attachment":[{"href":"https:\/\/alleneden.com\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}