{"id":29061,"date":"2025-10-14T07:53:46","date_gmt":"2025-10-14T07:53:46","guid":{"rendered":"https:\/\/tninternationalbd.com\/?page_id=29061"},"modified":"2025-10-14T14:15:43","modified_gmt":"2025-10-14T14:15:43","slug":"company-profile","status":"publish","type":"page","link":"https:\/\/tninternationalbd.com\/?page_id=29061","title":{"rendered":"Company Profile"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Modern Geotextile Bag Farming Guide<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n \r\n :root {\r\n --primary: #2e7d32;\r\n --primary-light: #4caf50;\r\n --primary-dark: #1b5e20;\r\n --accent: #ff9800;\r\n --text: #333;\r\n --light-bg: #f8f9fa;\r\n --card-bg: #ffffff;\r\n --shadow: 0 8px 30px rgba(0,0,0,0.08);\r\n --transition: all 0.3s ease;\r\n }\r\n \r\n body {\r\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\r\n color: var(--text);\r\n line-height: 1.6;\r\n min-height: 100vh;\r\n padding-bottom: 2rem;\r\n }\r\n \r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n \r\n header {\r\n background: linear-gradient(135deg, var(--primary-dark), var(--primary));\r\n color: white;\r\n padding: 2rem 0;\r\n text-align: center;\r\n box-shadow: var(--shadow);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n header::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\" width=\"100\" height=\"100\" opacity=\"0.1\"><path d=\"M20,20 L80,20 L80,80 L20,80 Z\" fill=\"white\" stroke=\"white\" stroke-width=\"2\"\/><\/svg>');\r\n background-size: 50px;\r\n opacity: 0.1;\r\n }\r\n \r\n h1 {\r\n font-size: 3rem;\r\n margin-bottom: 0.5rem;\r\n font-weight: 700;\r\n position: relative;\r\n }\r\n \r\n .subtitle {\r\n font-size: 1.3rem;\r\n opacity: 0.9;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n position: relative;\r\n }\r\n \r\n .nav-container {\r\n display: flex;\r\n justify-content: center;\r\n background-color: var(--primary);\r\n position: sticky;\r\n top: 0;\r\n z-index: 100;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n }\r\n \r\n .nav-tabs {\r\n display: flex;\r\n max-width: 1200px;\r\n width: 100%;\r\n padding: 0 20px;\r\n }\r\n \r\n .nav-tab {\r\n flex: 1;\r\n text-align: center;\r\n padding: 1rem 1.5rem;\r\n color: white;\r\n text-decoration: none;\r\n transition: var(--transition);\r\n border-bottom: 4px solid transparent;\r\n font-weight: 500;\r\n cursor: pointer;\r\n }\r\n \r\n .nav-tab:hover, .nav-tab.active {\r\n background-color: var(--primary-dark);\r\n border-bottom: 4px solid var(--accent);\r\n }\r\n \r\n .section {\r\n display: none;\r\n padding: 3rem 0;\r\n animation: fadeIn 0.5s ease;\r\n }\r\n \r\n .section.active {\r\n display: block;\r\n }\r\n \r\n @keyframes fadeIn {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n \r\n .section-title {\r\n text-align: center;\r\n color: var(--primary);\r\n margin-bottom: 2rem;\r\n font-size: 2.2rem;\r\n position: relative;\r\n }\r\n \r\n .section-title::after {\r\n content: '';\r\n display: block;\r\n width: 100px;\r\n height: 4px;\r\n background-color: var(--accent);\r\n margin: 10px auto;\r\n }\r\n \r\n .content-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 2rem;\r\n margin-bottom: 2rem;\r\n }\r\n \r\n .card {\r\n background-color: var(--card-bg);\r\n border-radius: 12px;\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n transition: var(--transition);\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n \r\n .card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 15px 30px rgba(0,0,0,0.1);\r\n }\r\n \r\n .card-header {\r\n background: linear-gradient(135deg, var(--primary), var(--primary-light));\r\n color: white;\r\n padding: 1.5rem;\r\n text-align: center;\r\n }\r\n \r\n .card-content {\r\n padding: 1.5rem;\r\n flex-grow: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n \r\n .card-icon {\r\n font-size: 2.5rem;\r\n margin-bottom: 1rem;\r\n color: var(--primary);\r\n text-align: center;\r\n }\r\n \r\n .specs-table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n margin: 1.5rem 0;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n box-shadow: var(--shadow);\r\n }\r\n \r\n .specs-table th, .specs-table td {\r\n padding: 15px 20px;\r\n text-align: left;\r\n border-bottom: 1px solid #e0e0e0;\r\n }\r\n \r\n .specs-table th {\r\n background-color: var(--primary);\r\n color: white;\r\n font-weight: 600;\r\n }\r\n \r\n .specs-table tr:nth-child(even) {\r\n background-color: #f5f5f5;\r\n }\r\n \r\n .specs-table tr:hover {\r\n background-color: #e8f5e9;\r\n }\r\n \r\n .step-container {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 1.5rem;\r\n margin: 1.5rem 0;\r\n }\r\n \r\n .step {\r\n text-align: center;\r\n padding: 1.5rem;\r\n background-color: var(--card-bg);\r\n border-radius: 12px;\r\n box-shadow: var(--shadow);\r\n transition: var(--transition);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .step:hover {\r\n transform: translateY(-5px);\r\n }\r\n \r\n .step::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--primary), var(--accent));\r\n }\r\n \r\n .step-number {\r\n display: inline-block;\r\n width: 50px;\r\n height: 50px;\r\n background: linear-gradient(135deg, var(--primary), var(--primary-light));\r\n color: white;\r\n border-radius: 50%;\r\n line-height: 50px;\r\n margin-bottom: 1rem;\r\n font-weight: bold;\r\n font-size: 1.2rem;\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n }\r\n \r\n .comparison {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 2rem;\r\n margin: 1.5rem 0;\r\n }\r\n \r\n .comparison-item {\r\n padding: 1.5rem;\r\n border-radius: 12px;\r\n background-color: var(--card-bg);\r\n box-shadow: var(--shadow);\r\n transition: var(--transition);\r\n }\r\n \r\n .comparison-item:hover {\r\n transform: translateY(-5px);\r\n }\r\n \r\n .pros-cons {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 2rem;\r\n margin: 1.5rem 0;\r\n }\r\n \r\n .pros, .cons {\r\n padding: 1.5rem;\r\n border-radius: 12px;\r\n box-shadow: var(--shadow);\r\n transition: var(--transition);\r\n }\r\n \r\n .pros:hover, .cons:hover {\r\n transform: translateY(-5px);\r\n }\r\n \r\n .pros {\r\n background-color: #e8f5e9;\r\n border-left: 4px solid var(--primary);\r\n }\r\n \r\n .cons {\r\n background-color: #ffebee;\r\n border-left: 4px solid #f44336;\r\n }\r\n \r\n .crop-categories {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 2rem;\r\n margin: 1.5rem 0;\r\n }\r\n \r\n .crop-category {\r\n padding: 1.5rem;\r\n border-radius: 12px;\r\n background-color: var(--card-bg);\r\n box-shadow: var(--shadow);\r\n transition: var(--transition);\r\n }\r\n \r\n .crop-category:hover {\r\n transform: translateY(-5px);\r\n }\r\n \r\n .crop-list {\r\n list-style-type: none;\r\n }\r\n \r\n .crop-list li {\r\n padding: 10px 0;\r\n border-bottom: 1px solid #eee;\r\n display: flex;\r\n align-items: center;\r\n }\r\n \r\n .crop-list li:before {\r\n content: \"\ud83c\udf31\";\r\n margin-right: 10px;\r\n font-size: 1.2rem;\r\n }\r\n \r\n .interactive-demo {\r\n background-color: var(--card-bg);\r\n border-radius: 12px;\r\n padding: 2rem;\r\n box-shadow: var(--shadow);\r\n margin: 2rem 0;\r\n text-align: center;\r\n }\r\n \r\n .demo-controls {\r\n display: flex;\r\n justify-content: center;\r\n gap: 1rem;\r\n margin: 1.5rem 0;\r\n flex-wrap: wrap;\r\n }\r\n \r\n .demo-btn {\r\n padding: 0.8rem 1.5rem;\r\n background: linear-gradient(135deg, var(--primary), var(--primary-light));\r\n color: white;\r\n border: none;\r\n border-radius: 50px;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n font-weight: 500;\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n }\r\n \r\n .demo-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 15px rgba(0,0,0,0.15);\r\n }\r\n \r\n .demo-visual {\r\n height: 200px;\r\n background: linear-gradient(135deg, #e0f2e1, #c8e6c9);\r\n border-radius: 8px;\r\n margin: 1.5rem 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .demo-text {\r\n font-size: 1.1rem;\r\n margin-top: 1rem;\r\n }\r\n \r\n footer {\r\n text-align: center;\r\n padding: 2rem 0;\r\n margin-top: 2rem;\r\n color: #666;\r\n background-color: var(--card-bg);\r\n border-radius: 12px;\r\n box-shadow: var(--shadow);\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .nav-tabs {\r\n flex-direction: column;\r\n }\r\n \r\n h1 {\r\n font-size: 2.2rem;\r\n }\r\n \r\n .section-title {\r\n font-size: 1.8rem;\r\n }\r\n }\r\n \r\n .progress-bar {\r\n height: 6px;\r\n background-color: #e0e0e0;\r\n border-radius: 3px;\r\n margin: 2rem 0;\r\n overflow: hidden;\r\n }\r\n \r\n .progress {\r\n height: 100%;\r\n background: linear-gradient(90deg, var(--primary), var(--accent));\r\n width: 0%;\r\n transition: width 0.5s ease;\r\n }\r\n \r\n .toggle-container {\r\n display: flex;\r\n justify-content: center;\r\n margin: 1.5rem 0;\r\n }\r\n \r\n .toggle-btn {\r\n padding: 0.8rem 1.5rem;\r\n background-color: #e0e0e0;\r\n border: none;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n font-weight: 500;\r\n }\r\n \r\n .toggle-btn:first-child {\r\n border-radius: 50px 0 0 50px;\r\n }\r\n \r\n .toggle-btn:last-child {\r\n border-radius: 0 50px 50px 0;\r\n }\r\n \r\n .toggle-btn.active {\r\n background: linear-gradient(135deg, var(--primary), var(--primary-light));\r\n color: white;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <header>\r\n <div class=\"container\">\r\n <h1><i class=\"fas fa-seedling\"><\/i> Geotextile Bag Farming<\/h1>\r\n <p class=\"subtitle\">A Modern, Sustainable Approach to Horticulture<\/p>\r\n <\/div>\r\n <\/header>\r\n \r\n <div class=\"nav-container\">\r\n <div class=\"nav-tabs\">\r\n <div class=\"nav-tab active\" data-target=\"intro\">Introduction<\/div>\r\n <div class=\"nav-tab\" data-target=\"specs\">Specifications<\/div>\r\n <div class=\"nav-tab\" data-target=\"implementation\">Implementation<\/div>\r\n <div class=\"nav-tab\" data-target=\"advantages\">Advantages<\/div>\r\n <div class=\"nav-tab\" data-target=\"crops\">Suitable Crops<\/div>\r\n <div class=\"nav-tab\" data-target=\"demo\">Interactive Demo<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"container\">\r\n <section id=\"intro\" class=\"section active\">\r\n <h2 class=\"section-title\">Introduction to Geotextile Bag Farming<\/h2>\r\n <div class=\"content-grid\">\r\n <div class=\"card\">\r\n <div class=\"card-header\">\r\n <h3>What are Geotextile Bags?<\/h3>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-bag-shopping\"><\/i>\r\n <\/div>\r\n <p>Geotextile bags, also known as grow bags, are specially fabricated containers made from permeable, non-woven polypropylene fabric. These bags create an ideal environment for plant roots through a process called \"air-pruning.\"<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"card-header\">\r\n <h3>How It Works<\/h3>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-root-alt\"><\/i>\r\n <\/div>\r\n <p>When plant roots reach the porous walls of the bag, they are exposed to air which naturally \"prunes\" them. This prevents root circling and stimulates the growth of a dense, fibrous root system that enhances nutrient uptake and plant health.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"card-header\">\r\n <h3>Applications<\/h3>\r\n <\/div>\r\n <div class=\"card-content\">\r\n <div class=\"card-icon\">\r\n <i class=\"fas fa-city\"><\/i>\r\n <\/div>\r\n <p>This method is ideal for urban farming, rooftop gardens, areas with poor soil quality, water-scarce regions, and controlled environment agriculture like greenhouses and net houses.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"progress-bar\">\r\n <div class=\"progress\" style=\"width: 20%\"><\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section id=\"specs\" class=\"section\">\r\n <h2 class=\"section-title\">Technical Specifications<\/h2>\r\n <table class=\"specs-table\">\r\n <thead>\r\n <tr>\r\n <th>Parameter<\/th>\r\n <th>Specification<\/th>\r\n <th>Notes<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>Material<\/td>\r\n <td>UV-Stabilized Non-Woven Polypropylene<\/td>\r\n <td>Durable and permeable<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Fabric Weight<\/td>\r\n <td>100-150 GSM<\/td>\r\n <td>Higher GSM = More durable<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Porosity<\/td>\r\n <td>High permeability<\/td>\r\n <td>Allows air and water exchange<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Color Options<\/td>\r\n <td>Black or White<\/td>\r\n <td>Black for heat absorption, White for heat reflection<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Common Sizes<\/td>\r\n <td>5-30+ Gallons<\/td>\r\n <td>Varies by crop requirements<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Lifespan<\/td>\r\n <td>3-5 growing seasons<\/td>\r\n <td>With proper care and maintenance<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n \r\n <div class=\"progress-bar\">\r\n <div class=\"progress\" style=\"width: 40%\"><\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section id=\"implementation\" class=\"section\">\r\n <h2 class=\"section-title\">Implementation Guide<\/h2>\r\n <div class=\"step-container\">\r\n <div class=\"step\">\r\n <div class=\"step-number\">1<\/div>\r\n <h3>Site Selection<\/h3>\r\n <p>Choose a location with 6-8 hours of daily sunlight, good drainage, and access to water. Place bags on gravel, pallets, or concrete to facilitate air-pruning from below.<\/p>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-number\">2<\/div>\r\n <h3>Growing Medium<\/h3>\r\n <p>Prepare a well-draining mix: 1\/3 quality soil or coco peat, 1\/3 compost or manure, and 1\/3 drainage material like perlite or vermiculite.<\/p>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-number\">3<\/div>\r\n <h3>Planting<\/h3>\r\n <p>Fill bags with growing medium, leaving 1-2 inches from the top. Plant seedlings or sow seeds according to crop-specific spacing requirements.<\/p>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-number\">4<\/div>\r\n <h3>Irrigation<\/h3>\r\n <p>Install drip irrigation for efficient water and nutrient delivery. Check moisture daily as geotextile bags dry faster than traditional containers.<\/p>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-number\">5<\/div>\r\n <h3>Support & Training<\/h3>\r\n <p>Install stakes, trellises, or cages for tall crops. Secure supports to the ground to prevent bags from tipping over.<\/p>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-number\">6<\/div>\r\n <h3>Maintenance<\/h3>\r\n <p>Monitor for pests and diseases. Implement fertigation for consistent nutrient supply. Harvest and replant with crop rotation.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"progress-bar\">\r\n <div class=\"progress\" style=\"width: 60%\"><\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section id=\"advantages\" class=\"section\">\r\n <h2 class=\"section-title\">Advantages & Limitations<\/h2>\r\n <div class=\"pros-cons\">\r\n <div class=\"pros\">\r\n <h3><i class=\"fas fa-check-circle\"><\/i> Advantages<\/h3>\r\n <ul>\r\n <li>Superior root health through air-pruning<\/li>\r\n <li>Excellent drainage and aeration<\/li>\r\n <li>Temperature regulation for roots<\/li>\r\n <li>Portability and space efficiency<\/li>\r\n <li>Reusable for 3-5 seasons<\/li>\r\n <li>Improved water use efficiency<\/li>\r\n <li>Suitable for poor soil conditions<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"cons\">\r\n <h3><i class=\"fas fa-exclamation-circle\"><\/i> Limitations<\/h3>\r\n <ul>\r\n <li>Higher irrigation frequency required<\/li>\r\n <li>Initial investment cost<\/li>\r\n <li>Nutrient leaching requires precise fertigation<\/li>\r\n <li>Potential durability issues with sharp objects<\/li>\r\n <li>Not suitable for very large, deep-rooted trees<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n \r\n <h3 style=\"margin-top: 2rem; text-align: center; color: var(--primary);\">Comparison with Traditional Methods<\/h3>\r\n \r\n <div class=\"toggle-container\">\r\n <button class=\"toggle-btn active\" data-comp=\"geotextile\">Geotextile Bags<\/button>\r\n <button class=\"toggle-btn\" data-comp=\"pots\">Traditional Pots<\/button>\r\n <button class=\"toggle-btn\" data-comp=\"ground\">In-Ground Farming<\/button>\r\n <\/div>\r\n \r\n <div class=\"comparison\">\r\n <div class=\"comparison-item\" id=\"geotextile-comp\">\r\n <h4>Geotextile Bags<\/h4>\r\n <ul>\r\n <li>Air-pruned root system<\/li>\r\n <li>Superior drainage<\/li>\r\n <li>Portable and space-efficient<\/li>\r\n <li>Higher initial cost<\/li>\r\n <li>Better for controlled environments<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"comparison-item\" id=\"pots-comp\" style=\"display: none;\">\r\n <h4>Traditional Pots<\/h4>\r\n <ul>\r\n <li>Root circling common<\/li>\r\n <li>Potential waterlogging<\/li>\r\n <li>Less portable when large<\/li>\r\n <li>Lower initial cost<\/li>\r\n <li>Traditional appearance<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"comparison-item\" id=\"ground-comp\" style=\"display: none;\">\r\n <h4>In-Ground Farming<\/h4>\r\n <ul>\r\n <li>Unrestricted root growth<\/li>\r\n <li>Dependent on native soil quality<\/li>\r\n <li>Not portable<\/li>\r\n <li>Lowest setup cost<\/li>\r\n <li>Subject to soil-borne diseases<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"progress-bar\">\r\n <div class=\"progress\" style=\"width: 80%\"><\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section id=\"crops\" class=\"section\">\r\n <h2 class=\"section-title\">Suitable Crops<\/h2>\r\n <div class=\"crop-categories\">\r\n <div class=\"crop-category\">\r\n <h3><i class=\"fas fa-carrot\"><\/i> Vegetables<\/h3>\r\n <ul class=\"crop-list\">\r\n <li>Tomatoes<\/li>\r\n <li>Bell Peppers<\/li>\r\n <li>Chilies<\/li>\r\n <li>Cucumbers<\/li>\r\n <li>Lettuce & Leafy Greens<\/li>\r\n <li>Beans<\/li>\r\n <li>Eggplants<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"crop-category\">\r\n <h3><i class=\"fas fa-apple-alt\"><\/i> Fruits<\/h3>\r\n <ul class=\"crop-list\">\r\n <li>Strawberries<\/li>\r\n <li>Melons<\/li>\r\n <li>Dwarf Citrus Trees<\/li>\r\n <li>Blueberries<\/li>\r\n <li>Raspberries<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"crop-category\">\r\n <h3><i class=\"fas fa-spa\"><\/i> Herbs & Flowers<\/h3>\r\n <ul class=\"crop-list\">\r\n <li>Basil<\/li>\r\n <li>Mint<\/li>\r\n <li>Coriander<\/li>\r\n <li>Marigolds<\/li>\r\n <li>Geraniums<\/li>\r\n <li>Petunias<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"progress-bar\">\r\n <div class=\"progress\" style=\"width: 100%\"><\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section id=\"demo\" class=\"section\">\r\n <h2 class=\"section-title\">Interactive Demo<\/h2>\r\n <div class=\"interactive-demo\">\r\n <h3>Geotextile Bag Benefits Visualization<\/h3>\r\n <p>See how geotextile bags improve plant growth compared to traditional methods<\/p>\r\n \r\n <div class=\"demo-controls\">\r\n <button class=\"demo-btn\" data-demo=\"root\">Root Development<\/button>\r\n <button class=\"demo-btn\" data-demo=\"water\">Water Efficiency<\/button>\r\n <button class=\"demo-btn\" data-demo=\"yield\">Yield Comparison<\/button>\r\n <\/div>\r\n \r\n <div class=\"demo-visual\" id=\"demo-visual\">\r\n <div id=\"demo-content\">\r\n <i class=\"fas fa-seedling\" style=\"font-size: 4rem; color: var(--primary);\"><\/i>\r\n <p>Select a demo to visualize<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"demo-text\" id=\"demo-text\">\r\n Geotextile bags promote healthier plant growth through improved root systems and better resource utilization.\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"progress-bar\">\r\n <div class=\"progress\" style=\"width: 100%\"><\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <footer>\r\n <div class=\"container\">\r\n <p>Geotextile Bag Farming Guide | Modern Horticulture Technology<\/p>\r\n <p>This method represents a climate-resilient and resource-efficient approach to agriculture.<\/p>\r\n <\/div>\r\n <\/footer>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Tab navigation\r\n document.querySelectorAll('.nav-tab').forEach(tab => {\r\n tab.addEventListener('click', () => {\r\n \/\/ Remove active class from all tabs and sections\r\n document.querySelectorAll('.nav-tab').forEach(t => t.classList.remove('active'));\r\n document.querySelectorAll('.section').forEach(s => s.classList.remove('active'));\r\n \r\n \/\/ Add active class to clicked tab and corresponding section\r\n tab.classList.add('active');\r\n document.getElementById(tab.dataset.target).classList.add('active');\r\n });\r\n });\r\n \r\n \/\/ Comparison toggle\r\n document.querySelectorAll('.toggle-btn').forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n \/\/ Remove active class from all buttons\r\n document.querySelectorAll('.toggle-btn').forEach(b => b.classList.remove('active'));\r\n \r\n \/\/ Add active class to clicked button\r\n btn.classList.add('active');\r\n \r\n \/\/ Hide all comparison items\r\n document.querySelectorAll('.comparison-item').forEach(item => {\r\n item.style.display = 'none';\r\n });\r\n \r\n \/\/ Show the selected comparison\r\n document.getElementById(`${btn.dataset.comp}-comp`).style.display = 'block';\r\n });\r\n });\r\n \r\n \/\/ Interactive demo\r\n document.querySelectorAll('.demo-btn').forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n const demoType = btn.dataset.demo;\r\n const visual = document.getElementById('demo-visual');\r\n const text = document.getElementById('demo-text');\r\n \r\n \/\/ Reset all buttons\r\n document.querySelectorAll('.demo-btn').forEach(b => {\r\n b.style.background = 'linear-gradient(135deg, var(--primary), var(--primary-light))';\r\n });\r\n \r\n \/\/ Highlight clicked button\r\n btn.style.background = 'linear-gradient(135deg, var(--accent), #ffb74d)';\r\n \r\n \/\/ Update demo based on type\r\n switch(demoType) {\r\n case 'root':\r\n visual.innerHTML = `\r\n <div style=\"display: flex; justify-content: space-around; width: 100%; align-items: flex-end;\">\r\n <div style=\"text-align: center;\">\r\n <div style=\"height: 80px; width: 80px; background: #c8e6c9; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto;\">\r\n <i class=\"fas fa-root-alt\" style=\"font-size: 2rem; color: var(--primary);\"><\/i>\r\n <\/div>\r\n <p style=\"margin-top: 10px;\">Traditional Pot<\/p>\r\n <p style=\"font-size: 0.9rem; color: #666;\">Root circling<\/p>\r\n <\/div>\r\n <div style=\"text-align: center;\">\r\n <div style=\"height: 120px; width: 120px; background: #a5d6a7; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto;\">\r\n <i class=\"fas fa-network-wired\" style=\"font-size: 2.5rem; color: var(--primary);\"><\/i>\r\n <\/div>\r\n <p style=\"margin-top: 10px;\">Geotextile Bag<\/p>\r\n <p style=\"font-size: 0.9rem; color: #666;\">Fibrous root system<\/p>\r\n <\/div>\r\n <\/div>\r\n `;\r\n text.textContent = \"Geotextile bags promote air-pruning, which prevents root circling and encourages the development of a dense, fibrous root system that improves nutrient uptake.\";\r\n break;\r\n \r\n case 'water':\r\n visual.innerHTML = `\r\n <div style=\"display: flex; flex-direction: column; align-items: center; width: 100%;\">\r\n <div style=\"display: flex; justify-content: space-around; width: 100%; margin-bottom: 20px;\">\r\n <div style=\"text-align: center;\">\r\n <div style=\"height: 100px; width: 100px; background: #bbdefb; border-radius: 8px; display: flex; align-items: center; justify-content: center; margin: 0 auto;\">\r\n <i class=\"fas fa-tint\" style=\"font-size: 2.5rem; color: #1976d2;\"><\/i>\r\n <\/div>\r\n <p style=\"margin-top: 10px;\">Traditional: 100L<\/p>\r\n <\/div>\r\n <div style=\"text-align: center;\">\r\n <div style=\"height: 70px; width: 70px; background: #90caf9; border-radius: 8px; display: flex; align-items: center; justify-content: center; margin: 0 auto;\">\r\n <i class=\"fas fa-tint\" style=\"font-size: 2rem; color: #1976d2;\"><\/i>\r\n <\/div>\r\n <p style=\"margin-top: 10px;\">Geotextile: 70L<\/p>\r\n <\/div>\r\n <\/div>\r\n <div style=\"background: #e3f2fd; padding: 10px 20px; border-radius: 20px; font-weight: 500;\">\r\n 30% Water Savings\r\n <\/div>\r\n <\/div>\r\n `;\r\n text.textContent = \"Geotextile bags improve water efficiency by allowing better aeration and drainage, reducing water requirements by up to 30% compared to traditional containers.\";\r\n break;\r\n \r\n case 'yield':\r\n visual.innerHTML = `\r\n <div style=\"display: flex; flex-direction: column; align-items: center; width: 100%;\">\r\n <div style=\"display: flex; justify-content: space-around; width: 100%; margin-bottom: 20px;\">\r\n <div style=\"text-align: center;\">\r\n <div style=\"height: 80px; width: 80px; background: #ffcc80; border-radius: 8px; display: flex; align-items: center; justify-content: center; margin: 0 auto;\">\r\n <i class=\"fas fa-apple-alt\" style=\"font-size: 2rem; color: #ef6c00;\"><\/i>\r\n <\/div>\r\n <p style=\"margin-top: 10px;\">Traditional<\/p>\r\n <p style=\"font-size: 0.9rem; color: #666;\">Yield: 100%<\/p>\r\n <\/div>\r\n <div style=\"text-align: center;\">\r\n <div style=\"height: 120px; width: 120px; background: #ffb74d; border-radius: 8px; display: flex; align-items: center; justify-content: center; margin: 0 auto;\">\r\n <i class=\"fas fa-apple-alt\" style=\"font-size: 2.5rem; color: #ef6c00;\"><\/i>\r\n <\/div>\r\n <p style=\"margin-top: 10px;\">Geotextile<\/p>\r\n <p style=\"font-size: 0.9rem; color: #666;\">Yield: 140%<\/p>\r\n <\/div>\r\n <\/div>\r\n <div style=\"background: #fff3e0; padding: 10px 20px; border-radius: 20px; font-weight: 500;\">\r\n 40% Higher Yield\r\n <\/div>\r\n <\/div>\r\n `;\r\n text.textContent = \"Plants grown in geotextile bags typically produce 20-40% higher yields due to healthier root systems and improved growing conditions.\";\r\n break;\r\n }\r\n });\r\n });\r\n \r\n \/\/ Add some animation to cards on scroll\r\n const observerOptions = {\r\n threshold: 0.1,\r\n rootMargin: '0px 0px -50px 0px'\r\n };\r\n \r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = '1';\r\n entry.target.style.transform = 'translateY(0)';\r\n }\r\n });\r\n }, observerOptions);\r\n \r\n \/\/ Observe all cards and steps for animation\r\n document.querySelectorAll('.card, .step, .comparison-item, .pros, .cons, .crop-category').forEach(el => {\r\n el.style.opacity = '0';\r\n el.style.transform = 'translateY(20px)';\r\n el.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\r\n observer.observe(el);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-0ba622f e-flex e-con-boxed e-con e-parent\" data-id=\"0ba622f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7185a21 elementor-widget elementor-widget-spacer\" data-id=\"7185a21\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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>Modern Geotextile Bag Farming Guide Geotextile Bag Farming A Modern, Sustainable Approach to Horticulture Introduction Specifications Implementation Advantages Suitable Crops<\/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-29061","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tninternationalbd.com\/index.php?rest_route=\/wp\/v2\/pages\/29061","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tninternationalbd.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tninternationalbd.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tninternationalbd.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tninternationalbd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=29061"}],"version-history":[{"count":63,"href":"https:\/\/tninternationalbd.com\/index.php?rest_route=\/wp\/v2\/pages\/29061\/revisions"}],"predecessor-version":[{"id":29244,"href":"https:\/\/tninternationalbd.com\/index.php?rest_route=\/wp\/v2\/pages\/29061\/revisions\/29244"}],"wp:attachment":[{"href":"https:\/\/tninternationalbd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=29061"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}