{
    "id": 4014,
    "date": "2026-05-25T06:27:19",
    "date_gmt": "2026-05-25T06:27:19",
    "guid": {
        "rendered": "https:\/\/hanhsilk.com\/?page_id=4014"
    },
    "modified": "2026-05-25T06:47:11",
    "modified_gmt": "2026-05-25T06:47:11",
    "slug": "lotus-silk",
    "status": "publish",
    "type": "page",
    "link": "http:\/\/hanhsilk.com\/en\/lotus-silk\/",
    "title": {
        "rendered": "Lotus Silk"
    },
    "content": {
        "rendered": "<!DOCTYPE html>\n<html lang=\"vi\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Hanhsilk Lotus Silk \u2014 D\u1ec7t n\u00ean sinh k\u1ebf b\u1ec1n v\u1eefng t\u1eeb nh\u1eefng \u0111\u1ea7m sen Vi\u1ec7t<\/title>\n  <meta name=\"description\" content=\"Hanhsilk \u0111ang t\u1eebng b\u01b0\u1edbc \u0111\u01b0a t\u01a1 sen tr\u1edf th\u00e0nh tr\u1ecdng \u0111i\u1ec3m m\u1edbi trong h\u1ec7 sinh th\u00e1i t\u01a1 s\u1ee3i t\u1ef1 nhi\u00ean Vi\u1ec7t Nam. \u0110\u1ed3ng h\u00e0nh c\u00f9ng IUCN ph\u00e1t tri\u1ec3n b\u1ec1n v\u1eefng chu\u1ed7i gi\u00e1 tr\u1ecb t\u01a1 sen.\">\n\n  <meta property=\"og:title\" content=\"Hanhsilk Lotus Silk \u2014 D\u1ec7t n\u00ean sinh k\u1ebf b\u1ec1n v\u1eefng t\u1eeb \u0111\u1ea7m sen Vi\u1ec7t\">\n  <meta property=\"og:description\" content=\"T\u1eeb t\u1eadp hu\u1ea5n k\u1ef9 thu\u1eadt t\u01a1 sen \u0111\u1ebfn \u0111\u1ed3ng h\u00e0nh c\u00f9ng IUCN trong m\u00f4 h\u00ecnh ph\u00e1t tri\u1ec3n b\u1ec1n v\u1eefng t\u1ea1i \u0110BSCL\">\n  <meta property=\"og:type\" content=\"website\">\n\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&#038;family=Inter:wght@300;400;500;600&#038;display=swap\" rel=\"stylesheet\">\n\n  <script>\n    tailwind.config = {\n      theme: {\n        extend: {\n          colors: {\n            lotus: {\n              50: '#fdf8f0',\n              100: '#f5ead6',\n              200: '#e8d5b0',\n              300: '#d4b87a',\n              400: '#c49d52',\n              500: '#a67c3d',\n              600: '#8b6914',\n              700: '#6b5010',\n              800: '#4a370b',\n              900: '#2d2108',\n            },\n            sage: {\n              50: '#f4f7f2',\n              100: '#e2eadd',\n              200: '#c5d4bb',\n              300: '#9fb891',\n              400: '#7a9c6b',\n              500: '#5a7d4a',\n              600: '#3d5e30',\n              700: '#2d4522',\n              800: '#1e2f17',\n              900: '#141f0f',\n            },\n            earth: {\n              50: '#faf8f5',\n              100: '#f0ebe3',\n              200: '#e0d5c6',\n              300: '#c9b8a0',\n              400: '#b29a7a',\n              500: '#96795a',\n              600: '#7a5f42',\n              700: '#5e4732',\n              800: '#423024',\n              900: '#2a1e17',\n            }\n          },\n          fontFamily: {\n            heading: ['Playfair Display', 'Georgia', 'serif'],\n            body: ['Inter', 'system-ui', 'sans-serif'],\n          }\n        }\n      }\n    }\n  <\/script>\n\n  <style>\n    body { font-family: 'Inter', system-ui, sans-serif; }\n    h1, h2, h3, h4, h5, h6 { font-family: 'Playfair Display', Georgia, serif; }\n\n    .hero-overlay {\n      background: linear-gradient(180deg,\n        rgba(42,30,23,0.3) 0%,\n        rgba(42,30,23,0.15) 40%,\n        rgba(42,30,23,0.5) 100%\n      );\n    }\n\n    .timeline-line {\n      position: absolute;\n      left: 50%;\n      top: 0;\n      bottom: 0;\n      width: 2px;\n      background: linear-gradient(180deg, #c49d52, #3d5e30);\n      transform: translateX(-50%);\n    }\n\n    @media (max-width: 768px) {\n      .timeline-line {\n        left: 24px;\n      }\n    }\n\n    .fade-up {\n      opacity: 0;\n      transform: translateY(30px);\n      transition: opacity 0.8s ease, transform 0.8s ease;\n    }\n\n    .fade-up.visible {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    .image-hover {\n      overflow: hidden;\n    }\n\n    .image-hover img {\n      transition: transform 0.6s ease;\n    }\n\n    .image-hover:hover img {\n      transform: scale(1.05);\n    }\n\n    .divider-lotus {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n    }\n\n    .divider-lotus::before,\n    .divider-lotus::after {\n      content: '';\n      flex: 1;\n      height: 1px;\n      background: linear-gradient(90deg, transparent, #c49d52, transparent);\n    }\n\n    html {\n      scroll-behavior: smooth;\n    }\n  <\/style>\n<\/head>\n\n<body class=\"bg-lotus-50 text-earth-800\">\n\n  <!-- ========== NAVIGATION ========== -->\n  <nav class=\"fixed top-0 w-full z-50 transition-all duration-500\" id=\"navbar\">\n    <div class=\"max-w-6xl mx-auto px-6 py-4 flex justify-between items-center\">\n      <a href=\"#\" class=\"flex items-center gap-3\">\n        <span class=\"font-heading text-2xl font-bold text-white tracking-wide\" id=\"nav-brand\">Hanhsilk<\/span>\n      <\/a>\n      <div class=\"hidden md:flex items-center gap-8\">\n        <a href=\"#vi-sao-to-sen\" class=\"text-white\/80 hover:text-white text-sm font-medium tracking-wide transition\" id=\"nav-link-1\">Why Lotus Silk?<\/a>\n        <a href=\"#hanh-trinh\" class=\"text-white\/80 hover:text-white text-sm font-medium tracking-wide transition\" id=\"nav-link-2\">Trip<\/a>\n        <a href=\"#vai-tro\" class=\"text-white\/80 hover:text-white text-sm font-medium tracking-wide transition\" id=\"nav-link-3\">Role<\/a>\n        <a href=\"#phu-nu\" class=\"text-white\/80 hover:text-white text-sm font-medium tracking-wide transition\" id=\"nav-link-4\">Loan<\/a>\n        <a href=\"#dong-hanh\" class=\"bg-lotus-500 text-white px-5 py-2 rounded-full text-sm font-medium hover:bg-lotus-600 transition\" id=\"nav-cta\">\n          Companion\n        <\/a>\n      <\/div>\n      <button class=\"md:hidden text-white\" id=\"mobile-menu-btn\" aria-label=\"Menu\">\n        <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\"\/>\n        <\/svg>\n      <\/button>\n    <\/div>\n    <!-- Mobile menu -->\n    <div class=\"hidden md:hidden bg-white\/95 backdrop-blur-md shadow-lg\" id=\"mobile-menu\">\n      <div class=\"px-6 py-4 space-y-3\">\n        <a href=\"#vi-sao-to-sen\" class=\"block text-earth-700 hover:text-lotus-600 font-medium py-2\">Why Lotus Silk?<\/a>\n        <a href=\"#hanh-trinh\" class=\"block text-earth-700 hover:text-lotus-600 font-medium py-2\">Trip<\/a>\n        <a href=\"#vai-tro\" class=\"block text-earth-700 hover:text-lotus-600 font-medium py-2\">Role<\/a>\n        <a href=\"#phu-nu\" class=\"block text-earth-700 hover:text-lotus-600 font-medium py-2\">Loan<\/a>\n        <a href=\"#dong-hanh\" class=\"block bg-lotus-500 text-white text-center px-5 py-3 rounded-full font-medium\">Companion<\/a>\n      <\/div>\n    <\/div>\n  <\/nav>\n\n  <!-- ========== HERO SECTION ========== -->\n  <section class=\"relative min-h-screen flex items-center justify-center overflow-hidden\">\n    <!-- Background image -->\n    <div class=\"absolute inset-0\">\n      <img decoding=\"async\"\n        src=\"http:\/\/hanhsilk.giahanweb.com\/wp-content\/uploads\/sites\/273\/2026\/05\/\u2014Pngtree\u2014lotus-golden-line-art-flowers_1742106.png\"\n        alt=\"\u0110\u1ea7m sen Vi\u1ec7t Nam\"\n        class=\"w-full h-full object-cover\"\n      >\n      <div class=\"hero-overlay absolute inset-0\"><\/div>\n    <\/div>\n\n    <!-- Content -->\n    <div class=\"relative z-10 max-w-4xl mx-auto px-6 text-center py-32\">\n      <!-- Partner logos -->\n      <div class=\"flex items-center justify-center gap-6 mb-10 opacity-90\">\n        <span class=\"text-white\/70 text-xs font-body tracking-widest uppercase\">Together<\/span>\n        <span class=\"text-white font-bold text-sm\">IUCN<\/span>\n        <span class=\"text-white\/50\">|<\/span>\n        <span class=\"text-white font-bold text-sm\">The Coca-Cola Foundation<\/span>\n      <\/div>\n\n      <h1 class=\"font-heading text-4xl sm:text-5xl lg:text-6xl xl:text-7xl font-bold text-white leading-tight mb-8\">\n        Hanhsilk lotus silk\n        <br>\n        <span class=\"text-lotus-200 italic font-medium text-3xl sm:text-4xl lg:text-5xl\">\n          Weaving sustainable livelihoods from Vietnam&#039;s lotus ponds.\n        <\/span>\n      <\/h1>\n\n      <p class=\"text-white\/85 text-lg sm:text-xl leading-relaxed max-w-3xl mx-auto mb-10 font-light\">\n        From training women in lotus silk technology in 2023 to partnering with IUCN in a sustainable development model for the lotus silk value chain in the Mekong Delta in 2026, Hanhsilk is gradually making lotus silk a new focal point in Vietnam&#039;s natural silk ecosystem.\n      <\/p>\n\n      <div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\n        <a href=\"#hanh-trinh\" class=\"inline-flex items-center justify-center gap-2 bg-lotus-500 hover:bg-lotus-600 text-white px-8 py-4 rounded-full text-lg font-medium transition-all duration-300 shadow-lg shadow-lotus-500\/30 hover:shadow-xl hover:shadow-lotus-500\/40\">\n          Discover the journey of Hanhsilk lotus silk.\n          <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"\/>\n          <\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <!-- Scroll indicator -->\n    <div class=\"absolute bottom-8 left-1\/2 -translate-x-1\/2 animate-bounce\">\n      <svg class=\"w-6 h-6 text-white\/60\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"\/>\n      <\/svg>\n    <\/div>\n  <\/section>\n\n\n  <!-- ========== SECTION 2: V\u00cc SAO L\u00c0 T\u01a0 SEN? ========== -->\n  <section id=\"vi-sao-to-sen\" class=\"py-20 sm:py-28 bg-white\">\n    <div class=\"max-w-6xl mx-auto px-6\">\n\n      <div class=\"text-center mb-16 fade-up\">\n        <p class=\"text-lotus-500 font-medium tracking-widest uppercase text-sm mb-4\">The big problem<\/p>\n        <h2 class=\"font-heading text-3xl sm:text-4xl lg:text-5xl font-bold text-earth-800 mb-4\">\n          Why Lotus Silk?\n        <\/h2>\n        <div class=\"divider-lotus max-w-xs mx-auto mt-6 mb-8\">\n          <span class=\"text-lotus-400 text-2xl\">&#10047;<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"grid lg:grid-cols-2 gap-12 lg:gap-16 items-center\">\n\n        <!-- Text -->\n        <div class=\"fade-up space-y-6\">\n          <p class=\"text-earth-700 text-lg leading-relaxed\">\n            Lotus silk is a precious natural material, harvested from the stem of the lotus plant, requiring skill, patience, and high-level craftsmanship.\n          <\/p>\n          <p class=\"text-earth-700 text-lg leading-relaxed\">\n            But more importantly, the lotus plant is also associated with water bodies, low-lying areas, and floodplains\u2014places that need livelihood models more suited to climate change, rather than relying solely on intensive farming.\n          <\/p>\n          <div class=\"bg-lotus-50 border-l-4 border-lotus-400 p-6 rounded-r-lg\">\n            <p class=\"text-earth-700 text-base leading-relaxed italic\">\n              Lotus silk is a valuable supplementary livelihood that can contribute to expanding economic options for local women \u2014 not a complete replacement, but a meaningful piece in the sustainable development picture.\n            <\/p>\n          <\/div>\n\n          <!-- Stats -->\n          <div class=\"grid grid-cols-3 gap-6 pt-4\">\n            <div class=\"text-center\">\n              <p class=\"font-heading text-3xl sm:text-4xl font-bold text-lotus-600\">9.200<\/p>\n              <p class=\"text-earth-500 text-sm mt-1\">lotus stem for a towel<\/p>\n            <\/div>\n            <div class=\"text-center\">\n              <p class=\"font-heading text-3xl sm:text-4xl font-bold text-sage-600\">100%<\/p>\n              <p class=\"text-earth-500 text-sm mt-1\">Natural, chemical-free.<\/p>\n            <\/div>\n            <div class=\"text-center\">\n              <p class=\"font-heading text-3xl sm:text-4xl font-bold text-earth-600\">37<\/p>\n              <p class=\"text-earth-500 text-sm mt-1\">days for each product<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Images -->\n        <div class=\"grid grid-cols-2 gap-4 fade-up\">\n          <div class=\"image-hover rounded-2xl shadow-lg col-span-2\">\n            <img decoding=\"async\"\n              src=\"http:\/\/hanhsilk.giahanweb.com\/wp-content\/uploads\/sites\/273\/2026\/05\/z7813711219083_b2330833a0de99b49053a1b593826182.jpg\"\n              alt=\"V\u1ea3i l\u1ee5a t\u01a1 sen t\u1ef1 nhi\u00ean\"\n              class=\"w-full h-64 object-cover rounded-2xl\"\n            >\n          <\/div>\n          <div class=\"image-hover rounded-2xl shadow-lg\">\n            <img decoding=\"async\"\n              src=\"http:\/\/hanhsilk.giahanweb.com\/wp-content\/uploads\/sites\/273\/2026\/05\/z7813711661720_5f3795833f8588f2082c9120c7734126.jpg\"\n              alt=\"S\u1ee3i t\u01a1 sen th\u00f4\"\n              class=\"w-full h-48 object-cover rounded-2xl\"\n            >\n          <\/div>\n          <div class=\"image-hover rounded-2xl shadow-lg\">\n            <img decoding=\"async\"\n              src=\"http:\/\/hanhsilk.giahanweb.com\/wp-content\/uploads\/sites\/273\/2026\/05\/z7813711413758_52874e32742da4209722a38fb70b9a50.jpg\"\n              alt=\"Kh\u0103n qu\u00e0ng t\u01a1 sen\"\n              class=\"w-full h-48 object-cover rounded-2xl\"\n            >\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- ========== SECTION 3: D\u1ea4U M\u1ed0C H\u00c0NH TR\u00ccNH ========== -->\n  <section id=\"hanh-trinh\" class=\"py-20 sm:py-28 bg-lotus-50\">\n    <div class=\"max-w-5xl mx-auto px-6\">\n\n      <div class=\"text-center mb-20 fade-up\">\n        <p class=\"text-lotus-500 font-medium tracking-widest uppercase text-sm mb-4\">Milestone<\/p>\n        <h2 class=\"font-heading text-3xl sm:text-4xl lg:text-5xl font-bold text-earth-800\">\n          Hanhsilk&#039;s journey through lotus silk\n        <\/h2>\n        <div class=\"divider-lotus max-w-xs mx-auto mt-6\">\n          <span class=\"text-lotus-400 text-2xl\">&#10047;<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- Timeline -->\n      <div class=\"relative\">\n        <div class=\"timeline-line hidden md:block\"><\/div>\n\n        <!-- Milestone 1: Oct 2023 -->\n        <div class=\"relative flex flex-col md:flex-row items-center mb-20 fade-up\">\n          <div class=\"md:w-1\/2 md:pr-16 md:text-right mb-6 md:mb-0\">\n            <span class=\"inline-block bg-lotus-500 text-white text-sm font-bold px-4 py-1.5 rounded-full mb-4\">\n              October 2023\n            <\/span>\n            <h3 class=\"font-heading text-2xl font-bold text-earth-800 mb-3\">\n              Training in lotus silk weaving techniques\n            <\/h3>\n            <p class=\"text-earth-600 leading-relaxed\">\n              Hanhsilk is participating in a training program on silk weaving techniques using lotus fibers for women and artisans from various regions. This is the first step in bringing lotus fiber, a rare and precious material, closer to the community.\n            <\/p>\n          <\/div>\n          <!-- Center dot -->\n          <div class=\"hidden md:flex absolute left-1\/2 -translate-x-1\/2 w-5 h-5 bg-lotus-500 rounded-full border-4 border-lotus-50 z-10\"><\/div>\n          <div class=\"md:w-1\/2 md:pl-16\">\n            <div class=\"image-hover rounded-2xl shadow-xl overflow-hidden\">\n              <img decoding=\"async\"\n                src=\"http:\/\/hanhsilk.giahanweb.com\/wp-content\/uploads\/sites\/273\/2026\/05\/z7813710482451_f20040fb92482af9980c8e95a4743327.jpg\"\n                alt=\"T\u1eadp hu\u1ea5n k\u1ef9 thu\u1eadt t\u01a1 sen 2023\"\n                class=\"w-full h-64 object-cover\"\n              >\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Milestone 2: Apr 2026 -->\n        <div class=\"relative flex flex-col md:flex-row-reverse items-center mb-20 fade-up\">\n          <div class=\"md:w-1\/2 md:pl-16 md:text-left mb-6 md:mb-0\">\n            <span class=\"inline-block bg-sage-600 text-white text-sm font-bold px-4 py-1.5 rounded-full mb-4\">\n              April 2026\n            <\/span>\n            <h3 class=\"font-heading text-2xl font-bold text-earth-800 mb-3\">\n              In partnership with IUCN &amp; The Coca-Cola Foundation\n            <\/h3>\n            <p class=\"text-earth-600 leading-relaxed\">\n              The sustainable development project for the lotus value chain was introduced within the framework of activities involving IUCN, with funding from The Coca-Cola Foundation. IUCN representatives presented models based on floodplains, including lotus cultivation systems such as lotus-rice and lotus-fish farming, aimed at restoring the water storage function of the Mekong Delta.\n            <\/p>\n          <\/div>\n          <div class=\"hidden md:flex absolute left-1\/2 -translate-x-1\/2 w-5 h-5 bg-sage-600 rounded-full border-4 border-lotus-50 z-10\"><\/div>\n          <div class=\"md:w-1\/2 md:pr-16\">\n            <div class=\"grid grid-cols-2 gap-3\">\n              <div class=\"image-hover rounded-2xl shadow-xl overflow-hidden col-span-2\">\n                <img decoding=\"async\"\n                  src=\"http:\/\/hanhsilk.giahanweb.com\/wp-content\/uploads\/sites\/273\/2026\/05\/z7813712390038_a6261d36c4e33532fbb24bc9f56216a9.jpg\"\n                  alt=\"H\u1ed9i ngh\u1ecb IUCN v\u1ec1 Flood-based Agriculture\"\n                  class=\"w-full h-52 object-cover\"\n                >\n              <\/div>\n              <div class=\"image-hover rounded-xl shadow-lg overflow-hidden\">\n                <img decoding=\"async\"\n                  src=\"http:\/\/hanhsilk.giahanweb.com\/wp-content\/uploads\/sites\/273\/2026\/05\/z7813712181957_1fb6d945405e794eb5f4b0badc3c232d.jpg\"\n                  alt=\"Gian h\u00e0ng Hanhsilk t\u1ea1i s\u1ef1 ki\u1ec7n IUCN\"\n                  class=\"w-full h-36 object-cover\"\n                >\n              <\/div>\n              <div class=\"image-hover rounded-xl shadow-lg overflow-hidden\">\n                <img decoding=\"async\"\n                  src=\"http:\/\/hanhsilk.giahanweb.com\/wp-content\/uploads\/sites\/273\/2026\/05\/z7813712026689_fe452150c60821945c56ac5c7c8f2e09.jpg\"\n                  alt=\"\u0110\u1ed9i ng\u0169 Hanhsilk v\u1edbi IUCN\"\n                  class=\"w-full h-36 object-cover\"\n                >\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Milestone 3: May 2026 -->\n        <div class=\"relative flex flex-col md:flex-row items-center fade-up\">\n          <div class=\"md:w-1\/2 md:pr-16 md:text-right mb-6 md:mb-0\">\n            <span class=\"inline-block bg-earth-500 text-white text-sm font-bold px-4 py-1.5 rounded-full mb-4\">\n              May 2026\n            <\/span>\n            <h3 class=\"font-heading text-2xl font-bold text-earth-800 mb-3\">\n              Survey of raw material areas in Tay Ninh\n            <\/h3>\n            <p class=\"text-earth-600 leading-relaxed\">\n              Hanhsilk continues its journey to the raw material areas in Tay Ninh, surveying the potential for lotus silk development, connecting with local women, and exploring ways to incorporate lotus fibers into actual products. Each trip is a step closer to the goal of completing the value chain.\n            <\/p>\n          <\/div>\n          <div class=\"hidden md:flex absolute left-1\/2 -translate-x-1\/2 w-5 h-5 bg-earth-500 rounded-full border-4 border-lotus-50 z-10\"><\/div>\n          <div class=\"md:w-1\/2 md:pl-16\">\n            <div class=\"grid grid-cols-2 gap-3\">\n              <div class=\"image-hover rounded-xl shadow-lg overflow-hidden\">\n                <img decoding=\"async\"\n                  src=\"http:\/\/hanhsilk.giahanweb.com\/wp-content\/uploads\/sites\/273\/2026\/05\/z7813712595684_0b3a2169c770dc20c7a900668a9be46a.jpg\"\n                  alt=\"Hanhsilk kh\u1ea3o s\u00e1t v\u00f9ng nguy\u00ean li\u1ec7u\"\n                  class=\"w-full h-40 object-cover\"\n                >\n              <\/div>\n              <div class=\"image-hover rounded-xl shadow-lg overflow-hidden\">\n                <img decoding=\"async\"\n                  src=\"http:\/\/hanhsilk.giahanweb.com\/wp-content\/uploads\/sites\/273\/2026\/05\/z7813712807283_165e9efff28ec560426063055887397d.jpg\"\n                  alt=\"G\u1eb7p g\u1ee1 ph\u1ee5 n\u1eef \u0111\u1ecba ph\u01b0\u01a1ng T\u00e2y Ninh\"\n                  class=\"w-full h-40 object-cover\"\n                >\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- ========== SECTION 4: VAI TR\u00d2 C\u1ee6A HANHSILK ========== -->\n  <section id=\"vai-tro\" class=\"py-20 sm:py-28 bg-white\">\n    <div class=\"max-w-6xl mx-auto px-6\">\n\n      <div class=\"text-center mb-16 fade-up\">\n        <p class=\"text-lotus-500 font-medium tracking-widest uppercase text-sm mb-4\">Location<\/p>\n        <h2 class=\"font-heading text-3xl sm:text-4xl lg:text-5xl font-bold text-earth-800 mb-6\">\n          The role of Hanhsilk\n        <\/h2>\n        <p class=\"text-earth-600 text-lg max-w-3xl mx-auto leading-relaxed\">\n          Hanhsilk approaches lotus silk not just as a new material, but as a value chain that needs to be perfected: from raw material sourcing, spinning techniques, women&#039;s training, product design, finishing standards, brand storytelling to market connection.\n        <\/p>\n        <div class=\"divider-lotus max-w-xs mx-auto mt-8\">\n          <span class=\"text-lotus-400 text-2xl\">&#10047;<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- 5 Roles Grid -->\n      <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6 lg:gap-8\">\n\n        <!-- Role 1 -->\n        <div class=\"group bg-lotus-50 rounded-2xl p-8 hover:shadow-xl transition-all duration-500 fade-up border border-lotus-100 hover:border-lotus-300\">\n          <div class=\"w-14 h-14 bg-lotus-200 rounded-xl flex items-center justify-center mb-6 group-hover:bg-lotus-500 transition-colors duration-500\">\n            <svg class=\"w-7 h-7 text-lotus-700 group-hover:text-white transition-colors\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z\"\/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"font-heading text-xl font-bold text-earth-800 mb-3\">drugs research<\/h3>\n          <p class=\"text-earth-600 leading-relaxed\">\n            Understanding the characteristics of lotus fibers: fineness, strength, rarity. Each type of lotus and each region produces fibers of different quality \u2014 careful research is needed to create the best product.\n          <\/p>\n        <\/div>\n\n        <!-- Role 2 -->\n        <div class=\"group bg-sage-50 rounded-2xl p-8 hover:shadow-xl transition-all duration-500 fade-up border border-sage-100 hover:border-sage-300\">\n          <div class=\"w-14 h-14 bg-sage-200 rounded-xl flex items-center justify-center mb-6 group-hover:bg-sage-600 transition-colors duration-500\">\n            <svg class=\"w-7 h-7 text-sage-700 group-hover:text-white transition-colors\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M18 18.72a9.094 9.094 0 003.741-.479 3 3 0 00-4.682-2.72m.94 3.198l.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0112 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 016 18.719m12 0a5.971 5.971 0 00-.941-3.197m0 0A5.995 5.995 0 0012 12.75a5.995 5.995 0 00-5.058 2.772m0 0a3 3 0 00-4.681 2.72 8.986 8.986 0 003.74.477m.94-3.197a5.971 5.971 0 00-.94 3.197M15 6.75a3 3 0 11-6 0 3 3 0 016 0zm6 3a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0zm-13.5 0a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0z\"\/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"font-heading text-xl font-bold text-earth-800 mb-3\">Training partnership<\/h3>\n          <p class=\"text-earth-600 leading-relaxed\">\n            Supporting women in accessing lotus silk spinning and weaving techniques. From initial training sessions to building a team of artisans in raw material producing regions.\n          <\/p>\n        <\/div>\n\n        <!-- Role 3 -->\n        <div class=\"group bg-earth-50 rounded-2xl p-8 hover:shadow-xl transition-all duration-500 fade-up border border-earth-100 hover:border-earth-300\">\n          <div class=\"w-14 h-14 bg-earth-200 rounded-xl flex items-center justify-center mb-6 group-hover:bg-earth-600 transition-colors duration-500\">\n            <svg class=\"w-7 h-7 text-earth-700 group-hover:text-white transition-colors\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9.53 16.122a3 3 0 00-5.78 1.128 2.25 2.25 0 01-2.4 2.245 4.5 4.5 0 008.4-2.245c0-.399-.078-.78-.22-1.128zm0 0a15.998 15.998 0 003.388-1.62m-5.043-.025a15.994 15.994 0 011.622-3.395m3.42 3.42a15.995 15.995 0 004.764-4.648l3.876-5.814a1.151 1.151 0 00-1.597-1.597L14.146 6.32a15.996 15.996 0 00-4.649 4.763m3.42 3.42a6.776 6.776 0 00-3.42-3.42\"\/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"font-heading text-xl font-bold text-earth-800 mb-3\">Product development<\/h3>\n          <p class=\"text-earth-600 leading-relaxed\">\n            Lotus fibers are incorporated into scarves, accessories, high-end gifts, and handcrafted items. Each product is a fusion of traditional village craftsmanship and modern aesthetics.\n          <\/p>\n        <\/div>\n\n        <!-- Role 4 -->\n        <div class=\"group bg-lotus-50 rounded-2xl p-8 hover:shadow-xl transition-all duration-500 fade-up border border-lotus-100 hover:border-lotus-300 sm:col-span-1 lg:col-span-1\">\n          <div class=\"w-14 h-14 bg-lotus-200 rounded-xl flex items-center justify-center mb-6 group-hover:bg-lotus-500 transition-colors duration-500\">\n            <svg class=\"w-7 h-7 text-lotus-700 group-hover:text-white transition-colors\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25\"\/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"font-heading text-xl font-bold text-earth-800 mb-3\">Building a brand story<\/h3>\n          <p class=\"text-earth-600 leading-relaxed\">\n            Lotus silk is not just a material, but a cultural symbol. Each thread carries the story of the land, the water, and the hands of the women who made it.\n          <\/p>\n        <\/div>\n\n        <!-- Role 5 -->\n        <div class=\"group bg-sage-50 rounded-2xl p-8 hover:shadow-xl transition-all duration-500 fade-up border border-sage-100 hover:border-sage-300 sm:col-span-2 lg:col-span-2\">\n          <div class=\"flex flex-col sm:flex-row gap-6 items-start\">\n            <div class=\"w-14 h-14 bg-sage-200 rounded-xl flex items-center justify-center flex-shrink-0 group-hover:bg-sage-600 transition-colors duration-500\">\n              <svg class=\"w-7 h-7 text-sage-700 group-hover:text-white transition-colors\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418\"\/>\n              <\/svg>\n            <\/div>\n            <div>\n              <h3 class=\"font-heading text-xl font-bold text-earth-800 mb-3\">Property connection<\/h3>\n              <p class=\"text-earth-600 leading-relaxed\">\n                Bringing lotus silk products to domestic and international customers, organizations, businesses, and gift programs. From scarves at the IUCN event to diplomatic gifts at the head of state level \u2014 Hanhsilk lotus silk is going further than imagined.\n              <\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Product showcase -->\n      <div class=\"mt-16 grid grid-cols-2 md:grid-cols-4 gap-4 fade-up\">\n        <div class=\"image-hover rounded-2xl shadow-lg overflow-hidden\">\n          <img decoding=\"async\" src=\"http:\/\/hanhsilk.giahanweb.com\/wp-content\/uploads\/sites\/273\/2026\/05\/z7813710630889_8cb398d0f5ccd0bb2f3790f63397b217.jpg\" alt=\"S\u1ea3n ph\u1ea9m t\u01a1 sen Hanhsilk\" class=\"w-full h-48 object-cover\">\n        <\/div>\n        <div class=\"image-hover rounded-2xl shadow-lg overflow-hidden\">\n          <img decoding=\"async\" src=\"http:\/\/hanhsilk.giahanweb.com\/wp-content\/uploads\/sites\/273\/2026\/05\/z7813709941103_f527baf88d831519738847991a8a681c.jpg\" alt=\"S\u1ea3n ph\u1ea9m h\u1ee3p t\u00e1c IUCN\" class=\"w-full h-48 object-cover\">\n        <\/div>\n        <div class=\"image-hover rounded-2xl shadow-lg overflow-hidden\">\n          <img decoding=\"async\" src=\"http:\/\/hanhsilk.giahanweb.com\/wp-content\/uploads\/sites\/273\/2026\/05\/z7813710865026_8f492ae9d4cca155baedcd73e59597c7.jpg\" alt=\"Gi\u1edbi thi\u1ec7u t\u01a1 sen qu\u1ed1c t\u1ebf\" class=\"w-full h-48 object-cover\">\n        <\/div>\n        <div class=\"image-hover rounded-2xl shadow-lg overflow-hidden\">\n          <img decoding=\"async\" src=\"http:\/\/hanhsilk.giahanweb.com\/wp-content\/uploads\/sites\/273\/2026\/05\/z7813709793855_4522ed8163acf4cf6af0d627be155385.jpg\" alt=\"S\u1ea3n ph\u1ea9m \u0111\u00f3ng g\u00f3i\" class=\"w-full h-48 object-cover\">\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n\n  <!-- ========== SECTION 5: PH\u1ee4 N\u1eee ========== -->\n  <section id=\"phu-nu\" class=\"relative py-20 sm:py-28 overflow-hidden\">\n\n    <!-- Background -->\n    <div class=\"absolute inset-0 bg-gradient-to-br from-earth-800 via-earth-900 to-sage-900\"><\/div>\n    <div class=\"absolute inset-0 opacity-10\">\n      <img decoding=\"async\" src=\"http:\/\/hanhsilk.giahanweb.com\/wp-content\/uploads\/sites\/273\/2026\/05\/z7813710135667_7a9a77e3aad365f2f8ff61d333553c2d.jpg\" alt=\"\" class=\"w-full h-full object-cover\">\n    <\/div>\n\n    <div class=\"relative z-10 max-w-5xl mx-auto px-6\">\n\n      <div class=\"text-center mb-16 fade-up\">\n        <p class=\"text-lotus-300 font-medium tracking-widest uppercase text-sm mb-4\">Message<\/p>\n        <h2 class=\"font-heading text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-6\">\n          Each lotus silk thread requires patient hands.\n        <\/h2>\n        <div class=\"divider-lotus max-w-xs mx-auto mt-6 mb-8\">\n          <span class=\"text-lotus-400 text-2xl\">&#10047;<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"grid md:grid-cols-2 gap-12 items-center\">\n\n        <!-- Image collage -->\n        <div class=\"fade-up\">\n          <div class=\"grid grid-cols-2 gap-3\">\n            <div class=\"image-hover rounded-2xl overflow-hidden shadow-2xl col-span-2\">\n              <img decoding=\"async\"\n                src=\"http:\/\/hanhsilk.giahanweb.com\/wp-content\/uploads\/sites\/273\/2026\/05\/z7813710328022_7bdb53a97bd4afba74a7e02f5fad735c.jpg\"\n                alt=\"Ph\u1ee5 n\u1eef h\u1ecdc k\u1ef9 thu\u1eadt t\u01a1 sen\"\n                class=\"w-full h-56 object-cover\"\n              >\n            <\/div>\n            <div class=\"image-hover rounded-xl overflow-hidden shadow-xl\">\n              <img decoding=\"async\"\n                src=\"http:\/\/hanhsilk.giahanweb.com\/wp-content\/uploads\/sites\/273\/2026\/05\/z7813710135667_7a9a77e3aad365f2f8ff61d333553c2d.jpg\"\n                alt=\"T\u1eadp hu\u1ea5n t\u01a1 sen\"\n                class=\"w-full h-40 object-cover\"\n              >\n            <\/div>\n            <div class=\"image-hover rounded-xl overflow-hidden shadow-xl\">\n              <img decoding=\"async\"\n                src=\"http:\/\/hanhsilk.giahanweb.com\/wp-content\/uploads\/sites\/273\/2026\/05\/z7813712969221_06e0ed2a49135a214b9aec0276bc99c0.jpg\"\n                alt=\"C\u1ed9ng \u0111\u1ed3ng ph\u1ee5 n\u1eef v\u00f9ng nguy\u00ean li\u1ec7u\"\n                class=\"w-full h-40 object-cover\"\n              >\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Text -->\n        <div class=\"fade-up space-y-6\">\n          <p class=\"text-lotus-100 text-xl leading-relaxed font-light\">\n            Each lotus silk product requires a woman with enough meticulousness to transform the seemingly ordinary lotus stem into a valuable material.\n          <\/p>\n          <p class=\"text-lotus-200\/80 text-lg leading-relaxed\">\n            For Hanhsilk, developing lotus silk is not just about creating a new product line, but also about opening up more local job opportunities, especially for women in the raw material producing region.\n          <\/p>\n\n          <div class=\"bg-white\/10 backdrop-blur-sm rounded-2xl p-6 border border-white\/10\">\n            <div class=\"flex items-start gap-4\">\n              <div class=\"w-12 h-12 bg-lotus-500\/20 rounded-full flex items-center justify-center flex-shrink-0 mt-1\">\n                <svg class=\"w-6 h-6 text-lotus-300\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z\"\/>\n                <\/svg>\n              <\/div>\n              <div>\n                <p class=\"text-white font-medium mb-2\">Hanhsilk&amp;#039&#039;s goal<\/p>\n                <p class=\"text-lotus-200\/70 text-sm leading-relaxed\">\n                  Training and connecting women in lotus-growing regions \u2014 from Dong Thap, Tay Ninh, Hung Yen to many other localities \u2014 to make lotus silk a valuable, sustainable, and proud source of livelihood.\n                <\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- ========== SECTION: CEO & BRAND ========== -->\n  <section class=\"py-20 sm:py-28 bg-lotus-50\">\n    <div class=\"max-w-5xl mx-auto px-6\">\n      <div class=\"grid md:grid-cols-5 gap-12 items-center fade-up\">\n        <div class=\"md:col-span-2\">\n          <div class=\"image-hover rounded-2xl overflow-hidden shadow-2xl\">\n            <img decoding=\"async\"\n              src=\"http:\/\/hanhsilk.giahanweb.com\/wp-content\/uploads\/sites\/273\/2026\/05\/lua20221020112453.jpg\"\n              alt=\"CEO L\u01b0\u01a1ng Thanh H\u1ea1nh - Hanhsilk\"\n              class=\"w-full h-auto object-cover\"\n            >\n          <\/div>\n        <\/div>\n        <div class=\"md:col-span-3 space-y-6\">\n          <p class=\"text-lotus-500 font-medium tracking-widest uppercase text-sm\">Guide<\/p>\n          <h2 class=\"font-heading text-3xl sm:text-4xl font-bold text-earth-800\">\n            Luong Thanh Hanh\n          <\/h2>\n          <p class=\"text-earth-400 text-sm font-medium tracking-wide\">\n            Founder &amp; CEO, Hanhsilk \u2014 \u201cThe Silk Girl\u201d\n          <\/p>\n          <p class=\"text-earth-600 text-lg leading-relaxed\">\n            From the centuries-old Nam Cao silk-making village, Thanh Hanh has brought Vietnamese silk to the world. Now, she continues her journey: transforming lotus silk from Vietnamese lotus ponds into a globally valuable material, while simultaneously creating sustainable livelihoods for women in the raw material producing regions.\n          <\/p>\n          <blockquote class=\"border-l-4 border-lotus-400 pl-6 py-2 italic text-earth-500 text-lg\">\n            \u201cBring Love Into Every Piece of Silk\u201d\n          <\/blockquote>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- ========== PARTNERS STRIP ========== -->\n  <section class=\"py-12 bg-white border-y border-earth-100\">\n    <div class=\"max-w-4xl mx-auto px-6\">\n      <p class=\"text-center text-earth-400 text-sm font-medium tracking-widest uppercase mb-8\">\n        Partners &amp; Collaborating Organizations\n      <\/p>\n      <div class=\"flex flex-wrap items-center justify-center gap-10 sm:gap-16 opacity-70\">\n        <span class=\"text-earth-600 font-bold text-xl tracking-wide\">IUCN<\/span>\n        <span class=\"text-earth-600 font-bold text-xl tracking-wide\">The Coca-Cola Foundation<\/span>\n        <span class=\"text-earth-600 font-bold text-xl tracking-wide\">Hanhsilk<\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- ========== SECTION 6: CTA - \u0110\u1ed2NG H\u00c0NH ========== -->\n  <section id=\"dong-hanh\" class=\"relative py-20 sm:py-28 overflow-hidden\">\n\n    <div class=\"absolute inset-0 bg-gradient-to-br from-sage-800 via-sage-900 to-earth-900\"><\/div>\n\n    <div class=\"relative z-10 max-w-3xl mx-auto px-6 text-center\">\n      <div class=\"fade-up\">\n        <div class=\"divider-lotus max-w-xs mx-auto mb-10\">\n          <span class=\"text-lotus-300 text-2xl\">&#10047;<\/span>\n        <\/div>\n\n        <h2 class=\"font-heading text-3xl sm:text-4xl lg:text-5xl font-bold text-white mb-8 leading-tight\">\n          Accompanying the journey of Vietnamese lotus silk\n        <\/h2>\n\n        <p class=\"text-sage-200\/80 text-lg sm:text-xl leading-relaxed mb-12 max-w-2xl mx-auto\">\n          Hanhsilk is seeking partners, organizations, businesses, and communities to collaborate in developing the Vietnamese lotus silk value chain.\n        <\/p>\n\n        <div class=\"flex flex-col sm:flex-row gap-4 justify-center mb-12\">\n          <a href=\"https:\/\/hanhsilk.com\" target=\"_blank\" rel=\"noopener\" class=\"inline-flex items-center justify-center gap-2 bg-lotus-500 hover:bg-lotus-400 text-white px-8 py-4 rounded-full text-lg font-medium transition-all duration-300 shadow-lg shadow-lotus-500\/30 hover:shadow-xl\">\n            Learn more about Hanhsilk\n            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25\"\/>\n            <\/svg>\n          <\/a>\n          <a href=\"mailto:info@hanhsilk.com\" class=\"inline-flex items-center justify-center gap-2 bg-white\/10 hover:bg-white\/20 text-white border border-white\/20 px-8 py-4 rounded-full text-lg font-medium transition-all duration-300 backdrop-blur-sm\">\n            Contact for collaboration\n            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n\n        <!-- Social links -->\n        <div class=\"flex items-center justify-center gap-6\">\n          <a href=\"https:\/\/www.facebook.com\/Hanhsilk\" target=\"_blank\" rel=\"noopener\" class=\"text-white\/50 hover:text-white transition\">\n            <svg class=\"w-6 h-6\" fill=\"currentColor\" viewbox=\"0 0 24 24\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\n          <\/a>\n          <a href=\"https:\/\/hanhsilk.com\" target=\"_blank\" rel=\"noopener\" class=\"text-white\/50 hover:text-white transition\">\n            <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- ========== FOOTER ========== -->\n  <footer class=\"bg-earth-900 text-earth-300 py-12 px-6\">\n    <div class=\"max-w-5xl mx-auto\">\n      <div class=\"grid md:grid-cols-3 gap-8 mb-8\">\n        <div>\n          <h3 class=\"text-white font-heading text-2xl font-bold mb-3\">Hanhsilk<\/h3>\n          <p class=\"text-sm text-earth-400 leading-relaxed\">\n            Bring Love Into Every Piece of Silk\n          <\/p>\n          <p class=\"text-sm text-earth-500 mt-2\">Handmade in Vietnam<\/p>\n        <\/div>\n        <div>\n          <h4 class=\"text-white font-medium mb-4\">Link<\/h4>\n          <ul class=\"space-y-2 text-sm\">\n            <li><a href=\"https:\/\/hanhsilk.com\" class=\"hover:text-lotus-300 transition\" target=\"_blank\" rel=\"noopener\">Main website<\/a><\/li>\n            <li><a href=\"https:\/\/www.facebook.com\/Hanhsilk\" class=\"hover:text-lotus-300 transition\" target=\"_blank\" rel=\"noopener\">Facebook<\/a><\/li>\n            <li><a href=\"#hanh-trinh\" class=\"hover:text-lotus-300 transition\">The journey of the lotus flower<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div>\n          <h4 class=\"text-white font-medium mb-4\">Contact<\/h4>\n          <ul class=\"space-y-2 text-sm\">\n            <li>Email: info@hanhsilk.com<\/li>\n            <li>Website: hanhsilk.com<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <div class=\"border-t border-earth-800 pt-8 text-center text-sm text-earth-500\">\n        <p>\u00a9 2026 Hanhsilk. All rights reserved. \u2014 Vietnamese lotus silk.<\/p>\n      <\/div>\n    <\/div>\n  <\/footer>\n\n\n  <!-- ========== SCRIPTS ========== -->\n  <script>\n    \/\/ Scroll-based navbar styling\n    const navbar = document.getElementById('navbar');\n    const navBrand = document.getElementById('nav-brand');\n    const navCta = document.getElementById('nav-cta');\n    const navLinks = document.querySelectorAll('#nav-link-1, #nav-link-2, #nav-link-3, #nav-link-4');\n\n    window.addEventListener('scroll', () => {\n      if (window.scrollY > 100) {\n        navbar.classList.add('bg-white\/95', 'backdrop-blur-md', 'shadow-md');\n        navBrand.classList.remove('text-white');\n        navBrand.classList.add('text-earth-800');\n        navLinks.forEach(link => {\n          link.classList.remove('text-white\/80');\n          link.classList.add('text-earth-600');\n          link.classList.remove('hover:text-white');\n          link.classList.add('hover:text-lotus-600');\n        });\n      } else {\n        navbar.classList.remove('bg-white\/95', 'backdrop-blur-md', 'shadow-md');\n        navBrand.classList.add('text-white');\n        navBrand.classList.remove('text-earth-800');\n        navLinks.forEach(link => {\n          link.classList.add('text-white\/80');\n          link.classList.remove('text-earth-600');\n          link.classList.add('hover:text-white');\n          link.classList.remove('hover:text-lotus-600');\n        });\n      }\n    });\n\n    \/\/ Mobile menu toggle\n    const mobileMenuBtn = document.getElementById('mobile-menu-btn');\n    const mobileMenu = document.getElementById('mobile-menu');\n    mobileMenuBtn.addEventListener('click', () => {\n      mobileMenu.classList.toggle('hidden');\n    });\n\n    \/\/ Close mobile menu on link click\n    mobileMenu.querySelectorAll('a').forEach(link => {\n      link.addEventListener('click', () => {\n        mobileMenu.classList.add('hidden');\n      });\n    });\n\n    \/\/ Fade-up on scroll animation\n    const fadeElements = document.querySelectorAll('.fade-up');\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('visible');\n        }\n      });\n    }, {\n      threshold: 0.1,\n      rootMargin: '0px 0px -50px 0px'\n    });\n\n    fadeElements.forEach(el => observer.observe(el));\n  <\/script>\n\n<\/body>\n<\/html>",
        "protected": false
    },
    "excerpt": {
        "rendered": "<p>Hanhsilk Lotus Silk \u2014 Weaving Sustainable Livelihoods from Vietnamese Lotus Ponds Hanhsilk Why Lotus Silk Journey Role Women&#039;s Partnership Why Lotus Silk Journey Role Women&#039;s Partnership Partnering with IUCN | The Coca-Cola Foundation Hanhsilk Lotus Silk Weaving Sustainable Livelihoods [\u2026]<\/p>",
        "protected": false
    },
    "author": 1,
    "featured_media": 0,
    "parent": 0,
    "menu_order": 0,
    "comment_status": "closed",
    "ping_status": "closed",
    "template": "..\/public\/views\/revslider-page-template.php",
    "meta": {
        "_breakdance_hide_in_design_set": false,
        "_breakdance_tags": "",
        "footnotes": ""
    },
    "class_list": [
        "post-4014",
        "page",
        "type-page",
        "status-publish",
        "hentry"
    ],
    "acf": [],
    "_links": {
        "self": [
            {
                "href": "http:\/\/hanhsilk.com\/en\/wp-json\/wp\/v2\/pages\/4014",
                "targetHints": {
                    "allow": [
                        "GET"
                    ]
                }
            }
        ],
        "collection": [
            {
                "href": "http:\/\/hanhsilk.com\/en\/wp-json\/wp\/v2\/pages"
            }
        ],
        "about": [
            {
                "href": "http:\/\/hanhsilk.com\/en\/wp-json\/wp\/v2\/types\/page"
            }
        ],
        "author": [
            {
                "embeddable": true,
                "href": "http:\/\/hanhsilk.com\/en\/wp-json\/wp\/v2\/users\/1"
            }
        ],
        "replies": [
            {
                "embeddable": true,
                "href": "http:\/\/hanhsilk.com\/en\/wp-json\/wp\/v2\/comments?post=4014"
            }
        ],
        "version-history": [
            {
                "count": 0,
                "href": "http:\/\/hanhsilk.com\/en\/wp-json\/wp\/v2\/pages\/4014\/revisions"
            }
        ],
        "wp:attachment": [
            {
                "href": "http:\/\/hanhsilk.com\/en\/wp-json\/wp\/v2\/media?parent=4014"
            }
        ],
        "curies": [
            {
                "name": "wp",
                "href": "https:\/\/api.w.org\/{rel}",
                "templated": true
            }
        ]
    }
}