{"id":8,"date":"2025-07-16T20:58:15","date_gmt":"2025-07-16T12:58:15","guid":{"rendered":"https:\/\/www.anthonykong.com\/?page_id=8"},"modified":"2025-07-20T19:23:01","modified_gmt":"2025-07-20T11:23:01","slug":"home","status":"publish","type":"page","link":"https:\/\/www.anthonykong.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b09ef0 e-flex e-con-boxed e-con e-parent\" data-id=\"2b09ef0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-395d5aa elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"395d5aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- One-page HTML\/CSS\/JS Skeleton for Elementor HTML widget -->\r\n<!-- Dependencies: Google Fonts, Font Awesome, Swiper.js, Formspree -->\r\n\r\n<!-- Add these links inside your <head> in the HTML widget -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700&family=Source+Sans+Pro:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" integrity=\"sha512-somehash\u2026\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/swiper\/swiper-bundle.min.css\" \/>\r\n\r\n<style>\r\n:root {\r\n  --color-primary: #0B3C5D;\r\n  --color-accent: #3282B8;\r\n  --color-highlight: #1E4F2B;\r\n  --color-bg: #EAEAEA;\r\n  ---bg: rgba(234, 234, 234, 0.5);\r\n  --font-heading: 'Montserrat', sans-serif;\r\n  --font-body: 'Source Sans Pro', sans-serif;\r\n}\r\n* { margin:0; padding:0; box-sizing:border-box; }\r\nbody, html { font-family: var(--font-body); scroll-behavior: smooth; overflow-x: hidden;}\r\n#onepage .session { width:100%; }\r\n#homepage { position: relative;\r\n  width: 100%; height:100vh; background: url('https:\/\/www.anthonykong.com\/wp-content\/uploads\/2025\/07\/Back-shot.png'); background-size: cover !important;   \/* scale to cover whole area *\/\r\n  background-position: center center !important;\r\n  background-repeat: no-repeat !important; display:flex; align-items:center; justify-content:center; }\r\n\r\n.homepage-title {\r\n    color:#fff;\r\n    font-family:var(--font-heading);\r\n    font-size:4rem;\r\n    letter-spacing:4px;\r\n}\r\n  \r\n@media (max-width: 768px) {\r\n  .homepage-title {\r\n    text-align: center;\r\n  }\r\n}\r\n\r\n\/* Session 2: Nav container *\/\r\n#session2 {\r\n  background: var(--color-bg);\r\n  position: relative;\r\n  z-index: 10;\r\n}\r\n\r\n\/* Base & sticky *\/\r\n.site-nav {\r\n  position: relative;\r\n  width: 100%;\r\n  left: 0;\r\n  background: var(--color-bg);\r\n  z-index: 1000;\r\n  transition: box-shadow 0.3s ease;\r\n}\r\n.site-nav.fixed {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  box-shadow: 0 2px 4px rgba(0,0,0,0.1);\r\n}\r\n\r\n.nav-container {\r\n  max-width: 100vw;\r\n  width: 100%;\r\n  margin: 0 auto;\r\n  height: var(--nav-height);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 0.4rem 2rem;\r\n}\r\n\r\n.logo {\r\n  font-family: var(--font-heading);\r\n  font-size: 1.25rem;\r\n  color: var(--color-primary);\r\n  text-decoration: none;\r\n}\r\n\r\n.nav-links.desktop {\r\n  display: flex;\r\n  gap: 1.5rem;\r\n  list-style: none;\r\n}\r\n.nav-links.desktop a {\r\n  text-decoration: none;\r\n  font-family: var(--font-body);\r\n  font-weight: 600;\r\n  color: var(--color-primary);\r\n}\r\n\r\n.nav-toggle {\r\n  display: none;\r\n  background: none;\r\n  border: none;\r\n  cursor: pointer;\r\n}\r\n.nav-toggle i {\r\n  color: var(--color-primary);\r\n}\r\n\r\n.mobile-menu {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 80%; max-width: 80vw;\r\n  height: 100%;\r\n  background: #fff;\r\n  transform: translateX(-100%);\r\n  transition: transform 0.3s ease;\r\n  z-index: 999;\r\n  padding-top: var(--nav-height);\r\n}\r\n.mobile-menu.open {\r\n  transform: translateX(0);\r\n}\r\n\r\n.nav-links.mobile {\r\n  list-style: none;\r\n  padding: 1rem;\r\n}\r\n.nav-links.mobile li {\r\n  margin-bottom: 1.25rem;\r\n}\r\n.nav-links.mobile a {\r\n  text-decoration: none;\r\n  font-family: var(--font-body);\r\n  font-size: 1.1rem;\r\n  font-weight: 600;\r\n  color: var(--color-primary);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .nav-links.desktop { display: none; }\r\n  .nav-toggle { display: block; }\r\n}\r\n\r\n#about-anthony {\r\n\theight:100vh;\r\n\tpadding:4rem 2rem;\r\n\tdisplay:grid;\r\n\tbackground: url('https:\/\/www.anthonykong.com\/wp-content\/uploads\/2025\/07\/session-3.2.jpg') center\/cover no-repeat;\r\n}\r\n.about-text {\r\n\twidth:65vw;\r\n\tflex:1;\r\n\tcolor:#fff;\r\n}\r\n.ability-icons {\r\n\twidth:70vw;\r\n\tflex:1;\r\n\tdisplay:flex;\r\n\tflex-wrap:wrap;\r\n\tgap:1rem;\r\n}\r\n.icon-item {\r\n\twidth:45%;\r\n\topacity:0;\r\n\ttransform: translateY(20px);\r\n\ttransition: all 0.6s ease;\r\n\tcolor:#fff;\r\n\ttext-align:center;\r\n}\r\n.icon-item.visible { \r\n\topacity:1;\r\n\ttransform: translateY(0);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  #about-anthony {\r\n\tpadding:3rem 2rem;\r\n\tbackground: url('https:\/\/www.anthonykong.com\/wp-content\/uploads\/2025\/07\/about-mobile-v5.jpg') center\/cover no-repeat; \r\n    }\r\n    .about-text {\r\n    \twidth:100%;\r\n    }\r\n    .ability-icons {\r\n    \twidth:100%;\r\n    }\r\n}\r\n\r\n\r\n\/* Session 4: Programs *\/\r\n#programs {\r\n  height: 100vh;\r\n  padding: 4rem 4rem;\r\n  background: var(--color-bg);\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.program-title{\r\n    font-size: 4rem;\r\n    font-family:var(--font-heading);\r\n    color:var(--color-primary);\r\n    text-align:center;\r\n    letter-spacing: 3px;\r\n}\r\n.program-buttons {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 1rem;\r\n  margin-top: 10vh;\r\n}\r\n.program-button {\r\n  padding: 2rem;\r\n  background: var(--color-primary);\r\n  color: #fff;\r\n  text-align: center;\r\n  cursor: pointer;\r\n  font-family: var(--font-heading);\r\n  font-size: 2rem;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 25vh;\r\n  position: relative;\r\n  transition: background 0.3s ease;\r\n  border-radius: 12px;\r\n  box-shadow: 0 5px 10px rgba(0,0,0,0.4);\r\n}\r\n.program-button span.default-label {\r\n  display: inline;\r\n}\r\n.program-button span.hover-label {\r\n  display: none;\r\n  font-size: 1rem;\r\n  padding-right: 15px;\r\n  padding-left: 15px;\r\n}\r\n.program-button:hover {\r\n  background: var(--color-accent);\r\n}\r\n.program-button:hover span.default-label {\r\n  display: none;\r\n}\r\n.program-button:hover span.hover-label {\r\n  display: inline;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  #programs {\r\n  padding: 6rem 1rem;\r\n  height: auto;\r\n}\r\n.program-title{\r\n    font-size: 3rem;\r\n    letter-spacing: 3px;\r\n}\r\n.program-buttons {\r\n  grid-template-columns: repeat(2, 1fr);\r\n  margin-top: 5vh;\r\n}\r\n.program-button {\r\n  padding: 1rem;\r\n  min-height: 10vh;\r\n  font-size: 1.2rem;\r\n}\r\n.program-button span.hover-label {\r\n  font-size: 0.7rem;\r\n  padding-right: 5px;\r\n  padding-left: 5px;\r\n}\r\n}\r\n\r\n\r\n#testimonial {\r\n\tmin-height:100vh;\r\n\tpadding:5vw 20vw;\r\n\tbackground: url('https:\/\/www.anthonykong.com\/wp-content\/uploads\/2025\/07\/testimonial-v1.jpg') center\/cover no-repeat;\r\n}\r\n#fade-slider {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 90vw; \/* Set your max width *\/\r\n  margin-top: 5vh;\r\n  height: 70vh;\r\n  overflow: hidden;\r\n  background: rgba(255,255,255,0.7);\r\n  border-radius: 1.5em;\r\n  box-shadow: 0 8px 32px rgba(0,0,0,0.1);\r\n}\r\n.slide {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  opacity: 1;\r\n  transition: opacity 1s;\r\n  height: 100%;\r\n}\r\n.slide.fade-out {\r\n  opacity: 0;\r\n}\r\n.slider-pic {\r\n  max-height: 50vh;\r\n  width: auto;\r\n  margin-bottom: 1.2em;\r\n  transition: box-shadow 0.4s;\r\n  box-shadow: 0 4px 16px rgba(0,0,0,0.12);\r\n  object-fit: cover center;\r\n}\r\n.caption .name {\r\n  font-weight: bold;\r\n  font-size: 1.1em;\r\n  margin-bottom: 0.5rem;\r\n  text-align: center;\r\n}\r\n.caption .quote {\r\n  font-style: italic;\r\n  font-size: 1em;\r\n  color: #444;\r\n  text-align: center;\r\n}\r\n#fade-slider button {\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  background: rgba(0,0,0,0.1);\r\n  border: none;\r\n  font-size: 2rem;\r\n  padding: 0.3rem 0.5rem;\r\n  border-radius: 20%;\r\n  cursor: pointer;\r\n  z-index: 2;\r\n  transition: background 0.3s;\r\n}\r\n#prev-btn { left: 10px; }\r\n#next-btn { right: 10px; }\r\n#fade-slider button:hover {\r\n  background: rgba(0,0,0,0.18);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n#testimonial {\r\n    min-height: auto;\r\n\theight: auto;\r\n\tpadding:15vw 5vw;\r\n}\r\n#fade-slider {\r\n  height: 50vh;\r\n}\r\n.caption .quote {\r\n  font-style: italic;\r\n  font-size: 0.7em;\r\n  color: #444;\r\n  text-align: center;\r\n}\r\n#fade-slider button {\r\n  background: rgba(255,255,255,0.5);\r\n}\r\n}\r\n\r\n\r\n#contact { \r\n\theight: 100vh;\r\n\tbackground:url('https:\/\/www.anthonykong.com\/wp-content\/uploads\/2025\/07\/contact-bg-v2.jpg') center\/cover no-repeat;\r\n\tpadding:4vw;\r\n}\r\n.contact-title {\r\n    font-size: 2rem;\r\n\tfont-weight:600;\r\n\tcolor:var(--color-primary);\r\n}\r\n.contact-form {\r\n  max-width: 55vw;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2rem;\r\n  background: rgba(255,255,255,0.6);\r\n  padding: 2rem;\r\n  border-radius: 8px;\r\n  align-items: center;\r\n}\r\n.form-label {\r\n  width: 40vw;\r\n  margin: 10px 0px 25px 0px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  font-weight: 600;\r\n  color: var(--color-primary);\r\n  text-transform: uppercase;\r\n  font-size: 0.9rem;\r\n}\r\n.form-label input,\r\n.form-label textarea {\r\n  padding: 0.75rem 1rem;\r\n  border: 1px solid #000;\r\n  border-radius: 8px;\r\n  font-family: var(--font-body);\r\n  background: transparent;\r\n  color: #000;\r\n  font-size: 1rem;\r\n  letter-spacing: 0.5px;\r\n}\r\n.form-label input::placeholder,\r\n.form-label textarea::placeholder {\r\n  color: #888;\r\n  text-transform: uppercase;\r\n  font-size: 1rem;\r\n  letter-spacing: 0.5px;\r\n}\r\n.btn-submit {\r\n    padding:0.75rem;\r\n    background: var(--color-highlight);\r\n    color:#fff;\r\n    border:none;\r\n    cursor:pointer;\r\n    font-family: var(--font-heading);\r\n    font-weight:700;\r\n    width: 40vw;\r\n    border-radius: 8px;\r\n    transition: background 0.3s ease;}\r\n.btn-submit:hover {\r\n  background: #7a8298;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n#contact {\r\n\theight: auto;\r\nbackground:url('https:\/\/www.anthonykong.com\/wp-content\/uploads\/2025\/07\/contact-bg-mobile-v2.jpg') center\/cover no-repeat;\r\npadding: 1rem 1rem 15rem 1rem;\r\n}\r\n.contact-title {\r\n    font-size: 2.5rem;\r\n    text-align: center\r\n}\r\n.contact-form {\r\n  align-self: center;\r\n  max-width: 90vw;\r\n  background: rgba(255,255,255,0.5);\r\n}\r\n.form-label {\r\n  width: 85vw;\r\n  margin: 10px 0px 25px 0px;\r\n}\r\n.btn-submit {\r\n    width: 85vw;\r\n}\r\n}\r\n\r\n#session7 {\r\npadding:1rem;\r\nbackground: var(--color-primary);\r\ncolor:#fff;\r\ntext-align:center;\r\n}\r\n.social-icons {\r\ndisplay:flex;\r\njustify-content:center;\r\ngap:6rem;\r\n}\r\n@media (max-width: 768px) {\r\n.social-icons {\r\ngap:1rem;\r\n}\r\n}\r\n\r\n.site-footer {\r\n      padding: 5px 0px;\r\n      text-align: center;\r\n      color: #ddd;\r\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n      border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n      background-color: rgba(0,0,0, 0.6);\r\n    }\r\n    \r\n    .footer-powered {\r\n    margin-top: 4px;\r\n    font-size: 12px\r\n    }\r\n    \r\n    .footer-powered a {\r\n      color: #00e676;\r\n      text-decoration: none;\r\n  font-size: 12px;\r\n    }\r\n    \r\n    .footer-powered a:hover {\r\n      text-decoration: underline;\r\n    }\r\n    \r\n    .footer-cta {\r\n      margin-top: 0px;\r\n    }\r\n    \r\n    .footer-contact-btn {\r\n      display: inline-block;\r\n      margin-left: 10px;\r\n      padding: 6px 12px;\r\n      background-color: #00e676;\r\n      color: #000;\r\n      border-radius: 6px;\r\n      text-decoration: none;\r\n      font-weight: 500;\r\n      font-size: 10px;\r\n      transition: background-color 0.3s ease;\r\n    }\r\n    \r\n    .footer-contact-btn:hover {\r\n      background-color: #00c766;\r\n    }\r\n<\/style>\r\n\r\n<div id=\"onepage\">\r\n  <!-- Session 1: Hero -->\r\n  <section id=\"homepage\">\r\n    <h1 class=\"homepage-title\">ANTHONY KONG<\/h1>\r\n  <\/section>\r\n\r\n  <!-- Session 2: Nav -->\r\n  <section id=\"session2\">\r\n    <nav class=\"site-nav\" id=\"siteNav\">\r\n      <div class=\"nav-container\">\r\n        <a href=\"#homepage\" class=\"logo\">ANTHONY KONG<\/a>\r\n        <ul class=\"nav-links desktop\">\r\n          <li><a href=\"#about-anthony\">About<\/a><\/li>\r\n          <li><a href=\"#programs\">Programs<\/a><\/li>\r\n          <li><a href=\"#testimonial\">Testimonial<\/a><\/li>\r\n          <li><a href=\"#contact\">Contact<\/a><\/li>\r\n        <\/ul>\r\n        <button class=\"nav-toggle\" aria-label=\"Toggle menu\" aria-expanded=\"false\">\r\n          <i class=\"fa fa-bars fa-lg\"><\/i>\r\n        <\/button>\r\n      <\/div>\r\n      <div class=\"mobile-menu\" aria-hidden=\"true\">\r\n        <ul class=\"nav-links mobile\">\r\n          <li><a href=\"#about-anthony\">About<\/a><\/li>\r\n          <li><a href=\"#programs\">Programs<\/a><\/li>\r\n          <li><a href=\"#testimonial\">Testimonial<\/a><\/li>\r\n          <li><a href=\"#contact\">Contact<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/nav>\r\n  <\/section>\r\n\r\n  <!-- Session 3: About + Abilities -->\r\n  <section id=\"about-anthony\">\r\n    <div class=\"about-text\">\r\n      <h1 style=\"font-family:var(--font-heading); letter-spacing: 3px;\">ANTHONY KONG<\/h1>\r\n      <p style=\"color:#fff; margin-top:1rem;\">A visionary trainer and strategist with a track record of success in network marketing, corporate training, and international seminars. Having trained over 50,000 participants worldwide, he specializes in immersive learning experiences that blend neuroscience, gamification, and real-world strategy to elevate leadership, sales, and mindset transformation.<\/p>\r\n    <\/div>\r\n    <div class=\"ability-icons\">\r\n      <div class=\"icon-item\"><i class=\"fa-solid fa-people-group fa-2x\"><\/i><p>Team Building<\/p><\/div>\r\n      <div class=\"icon-item\"><i class=\"fa-solid fa-handshake-angle fa-2x\"><\/i><p>Negotiation<\/p><\/div>\r\n      <div class=\"icon-item\"><i class=\"fa-solid fa-chart-line fa-2x\"><\/i><p>Sales Strategy<\/p><\/div>\r\n      <div class=\"icon-item\"><i class=\"fa-solid fa-brain fa-2x\"><\/i><p>Mindset<\/p><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Session 4: Programs -->\r\n<section id=\"programs\" class=\"session\">\r\n  <h1 class=\"program-title\">PROGRAMS FOR YOU<\/h1>\r\n  <h3 style=\"font-family:var(--font-heading); color:var(--color-primary); text-align:center;\">( Offered in 1 to 2 hours of presentation with Q&A )<\/h3>\r\n  <div class=\"program-buttons\">\r\n    <div class=\"program-button\">\r\n      <span class=\"default-label\">Team Building<\/span>\r\n      <span class=\"hover-label\">Strengthen your team through shared experiences<\/span>\r\n    <\/div>\r\n    <div class=\"program-button\">\r\n      <span class=\"default-label\">Marketing Development<\/span>\r\n      <span class=\"hover-label\">Drive engagement and expand your market<\/span>\r\n    <\/div>\r\n    <div class=\"program-button\">\r\n      <span class=\"default-label\">Sales Leadership<\/span>\r\n      <span class=\"hover-label\">Cultivate top-tier sales performance<\/span>\r\n    <\/div>\r\n    <div class=\"program-button\">\r\n      <span class=\"default-label\">Trainer Development<\/span>\r\n      <span class=\"hover-label\">Refine instructional skills for maximum impact<\/span>\r\n    <\/div>\r\n    <div class=\"program-button\">\r\n      <span class=\"default-label\">Bootcamps<\/span>\r\n      <span class=\"hover-label\">Accelerate your learning in a focused environment<\/span>\r\n    <\/div>\r\n    <div class=\"program-button\">\r\n      <span class=\"default-label\">Business Coaching<\/span>\r\n      <span class=\"hover-label\">Achieve your professional aspirations with guidance<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n  <!-- Session 5: Testimonial Carousel -->\r\n  <section id=\"testimonial\">\r\n    <h1 style=\"font-family:var(--font-heading); text-align:center; letter-spacing: 3px;\">TESTIMONIALS<\/h1>\r\n    <div id=\"fade-slider\">\r\n      <div class=\"slide\">\r\n        <img decoding=\"async\" class=\"slider-pic\" src=\"\" alt=\"Customer\">\r\n        <div class=\"caption\">\r\n          <div class=\"name\"><\/div>\r\n          <div class=\"quote\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <button id=\"prev-btn\" aria-label=\"Previous\"><<\/button>\r\n      <button id=\"next-btn\" aria-label=\"Next\">><\/button>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Session 6: Contact Form -->\r\n  <section id=\"contact\">\r\n    <div class=\"contact-form\">\r\n      <div class=\"contact-title\">You Fill This Up, I'll Help You Out!<\/div>\r\n      <form action=\"https:\/\/formspree.io\/f\/xkgzobpy\" method=\"POST\">\r\n        <label class=\"form-label\">\r\n            <input type=\"text\" name=\"name\" placeholder=\"Name\" required>\r\n        <\/label>\r\n        <label class=\"form-label\">\r\n            <input type=\"email\" name=\"email\" placeholder=\"Email address\" required>\r\n        <\/label>\r\n        <label class=\"form-label\">\r\n            <input type=\"text\" name=\"company\" placeholder=\"company name\">\r\n        <\/label>\r\n        <label class=\"form-label\">\r\n            <input type=\"tel\" name=\"phone\" placeholder=\"Phone Number\">\r\n        <\/label>\r\n        <label class=\"form-label\">\r\n            <textarea name=\"message\" placeholder=\"DROP YOUR MESSAGE here!\" maxlength=\"50\"><\/textarea>\r\n            <\/label>\r\n        <button type=\"submit\" class=\"btn-submit\">Send<\/button>\r\n      <\/form>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Session 7: Footer -->\r\n  <div id=\"session7\">\r\n    <div class=\"social-icons\">\r\n      <a href=\"#\"><i class=\"fa-brands fa-facebook fa-lg\"><\/i><\/a>\r\n      <a href=\"#\"><i class=\"fa-brands fa-linkedin fa-lg\"><\/i><\/a>\r\n      <a href=\"#\"><i class=\"fa-brands fa-instagram fa-lg\"><\/i><\/a>\r\n      <a href=\"#\"><i class=\"fa-brands fa-telegram fa-lg\"><\/i><\/a>\r\n      <a href=\"#\"><i class=\"fa-brands fa-twitter fa-lg\"><\/i><\/a>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <footer class=\"site-footer\">\r\n      <div class=\"footer-cta\">\r\n        <span style=\"font-size:12px\">The Last Business Card You\u2019ll ever need!<\/span>\r\n        <a href=\"https:\/\/businesskad.com\/contact\" target=\"_blank\" class=\"footer-contact-btn\">Contact Us<\/a>\r\n      <\/div>\r\n      <div class=\"footer-powered\">Powered by <a href=\"https:\/\/businesskad.com\" target=\"_blank\">businesskad.com<\/a><\/div>\r\n      \r\n    <\/footer> \r\n<\/div>\r\n\r\n<!-- Scripts: place at end of HTML widget -->\r\n<script src=\"https:\/\/unpkg.com\/swiper\/swiper-bundle.min.js\"><\/script>\r\n<script>\r\n\/\/ Wrapped in DOMContentLoaded for load order\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const siteNav = document.getElementById('siteNav');\r\n  const toggle  = siteNav.querySelector('.nav-toggle');\r\n  const menu    = siteNav.querySelector('.mobile-menu');\r\n  const icon    = toggle.querySelector('i');\r\n\r\n  \/\/ Sticky after About section\r\n  const threshold = document.getElementById('about-anthony').offsetTop - siteNav.offsetHeight;\r\n  window.addEventListener('scroll', () => {\r\n    if (window.pageYOffset >= threshold) {\r\n      siteNav.classList.add('fixed');\r\n    } else {\r\n      siteNav.classList.remove('fixed');\r\n    }\r\n  });\r\n\r\n  \/\/ Toggle mobile menu & swap icon\r\n  toggle.addEventListener('click', () => {\r\n    const isOpen = menu.classList.toggle('open');\r\n    menu.setAttribute('aria-hidden', !isOpen);\r\n    toggle.setAttribute('aria-expanded', isOpen);\r\n    icon.classList.toggle('fa-bars', !isOpen);\r\n    icon.classList.toggle('fa-times', isOpen);\r\n  });\r\n\r\n  \/\/ IntersectionObserver for icons\r\n  const icons = document.querySelectorAll('.icon-item');\r\n  const obs = new IntersectionObserver((entries, observer) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('visible');\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.3 });\r\n  icons.forEach(icon => obs.observe(icon));\r\n\r\n  \/\/ Program buttons hover background\r\n  const progSection = document.getElementById('session4');\r\n  document.querySelectorAll('.program-button').forEach(btn => {\r\n    btn.addEventListener('mouseenter', () => {\r\n      progSection.style.backgroundImage = btn.dataset.bg;\r\n    });\r\n    btn.addEventListener('mouseleave', () => {\r\n      progSection.style.backgroundImage = '';\r\n    });\r\n  });\r\n\r\n  \/\/ Your slides data array:\r\nconst slidesData = [\r\n  {\r\n    img: 'https:\/\/www.anthonykong.com\/wp-content\/uploads\/2025\/07\/customer_1.jpg',\r\n    name: 'Client 1',\r\n    quote: 'Fantastic service and a beautiful e-business card!'\r\n  },\r\n  {\r\n    img: 'https:\/\/www.anthonykong.com\/wp-content\/uploads\/2025\/07\/customer_1.jpg',\r\n    name: 'Client 2',\r\n    quote: 'Helped me connect with so many partners easily.'\r\n  },\r\n  {\r\n    img: 'https:\/\/www.anthonykong.com\/wp-content\/uploads\/2025\/07\/customer_1.jpg',\r\n    name: 'Client 3',\r\n    quote: 'Professional and modern, highly recommended.'\r\n  }\r\n  \/\/ Add more as you need!\r\n];\r\n\r\nconst slide = document.querySelector('#fade-slider .slide');\r\nconst img = slide.querySelector('.slider-pic');\r\nconst nameElem = slide.querySelector('.name');\r\nconst quoteElem = slide.querySelector('.quote');\r\nconst prevBtn = document.getElementById('prev-btn');\r\nconst nextBtn = document.getElementById('next-btn');\r\n\r\nlet current = 0;\r\nlet autoTimer = null;\r\n\r\nfunction showSlide(idx, auto = false) {\r\n  \/\/ Fade out\r\n  slide.classList.add('fade-out');\r\n  setTimeout(() => {\r\n    \/\/ Change content\r\n    img.src = slidesData[idx].img;\r\n    nameElem.textContent = slidesData[idx].name;\r\n    quoteElem.textContent = slidesData[idx].quote;\r\n    \/\/ Fade in\r\n    slide.classList.remove('fade-out');\r\n  }, 600);\r\n  current = idx;\r\n  \/\/ Restart timer if user clicks manually\r\n  if (!auto) restartAuto();\r\n}\r\n\r\nfunction nextSlide(auto = false) {\r\n  let idx = (current + 1) % slidesData.length;\r\n  showSlide(idx, auto);\r\n}\r\n\r\nfunction prevSlide() {\r\n  let idx = (current - 1 + slidesData.length) % slidesData.length;\r\n  showSlide(idx, false);\r\n}\r\n\r\nfunction restartAuto() {\r\n  clearInterval(autoTimer);\r\n  autoTimer = setInterval(() => nextSlide(true), 5000);\r\n}\r\n\r\n\/\/ Event listeners\r\nnextBtn.addEventListener('click', () => nextSlide(false));\r\nprevBtn.addEventListener('click', prevSlide);\r\n\r\n\/\/ Initialize first slide and auto-timer\r\nshowSlide(current, true);\r\nrestartAuto();\r\n});\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ANTHONY KONG ANTHONY KONG About Programs Testimonial Contact About Programs Testimonial Contact ANTHONY KONG A visionary trainer and strategist with a track record of success in network marketing, corporate training, and international seminars. Having trained over 50,000 participants worldwide, he specializes in immersive learning experiences that blend neuroscience, gamification, and real-world strategy to elevate leadership, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.anthonykong.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.anthonykong.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.anthonykong.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.anthonykong.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.anthonykong.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":608,"href":"https:\/\/www.anthonykong.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":685,"href":"https:\/\/www.anthonykong.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/685"}],"wp:attachment":[{"href":"https:\/\/www.anthonykong.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}