1<!doctype html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <title>TreeD - About</title> 7 <meta 8 name="description" 9 content="Learn about TreeD Filaments, manufacturer of 3D printing materials." 10 /> 11 <meta 12 name="keywords" 13 content="TreeD Filaments company, 3D filament manufacturer, industrial filament producer, about us" 14 /> 15 16 <!-- Open Graph / Facebook --> 17 <meta property="og:type" content="website" /> 18 <meta property="og:url" content="https://treedfilaments.com/about/" /> 19 <meta property="og:title" content="TreeD - About" /> 20 <meta 21 property="og:description" 22 content="Learn about TreeD Filaments, manufacturer of 3D printing materials." 23 /> 24 <meta 25 property="og:image" 26 content="https://dlh2hyjriy9yy.cloudfront.net/seo/about-og.png" 27 /> 28 29 <!-- Twitter --> 30 <meta property="twitter:card" content="summary_large_image" /> 31 <meta 32 property="twitter:url" 33 content="https://treedfilaments.com/about/" 34 /> 35 <meta property="twitter:title" content="TreeD - About" /> 36 <meta 37 property="twitter:description" 38 content="Learn about TreeD Filaments, manufacturer of 3D printing materials." 39 /> 40 <meta 41 property="twitter:image" 42 content="https://dlh2hyjriy9yy.cloudfront.net/seo/about-og.png" 43 /> 44 45 <link rel="icon" type="image/x-icon" href="/favicon.ico" /> 46 <link rel="preconnect" href="https://fonts.googleapis.com" /> 47 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 48 <link 49 href="https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&display=swap" 50 rel="stylesheet" 51 /> 52 <link 53 rel="stylesheet" 54 href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" 55 /> 56
56<script src="https://cdn.tailwindcss.com"></script>
56 57
57<script> 58 tailwind.config = { 59 theme: { 60 extend: { 61 colors: { 62 primary: "#dcb14a", 63 dark: "#0d0d0d", 64 light: "#ffffff", 65 lightbg: "#f5f5f5", 66 }, 67 fontFamily: { 68 oswald: ["Oswald", "sans-serif"], 69 }, 70 }, 71 }, 72 }; 73 </script>
73 74
74<script src="/scripts/components.js" defer></script>
74 75
75<script type="module" src="/scripts/seo.js" defer></script>
75 76
76<script src="/scripts/topbar.js" defer></script>
76 77
77<script src="/scripts/about.js" defer></script>
77 78 79 <style> 80 /* Desktop styles */ 81 @media (min-width: 769px) { 82 @keyframes slide-in { 83 from { 84 transform: translateX(100%); 85 opacity: 0; 86 } 87 to { 88 transform: translateX(0); 89 opacity: 1; 90 } 91 } 92 .animate-slide-in { 93 animation: slide-in 0.7s ease-in-out; 94 } 95 .page-overlay { 96 position: fixed; 97 top: 0; 98 right: 100%; 99 width: 80%; 100 height: 100%; 101 background: #0d0d0d; 102 z-index: 9998; 103 transition: right 0.6s cubic-bezier(0.4, 0, 0.2, 1); 104 } 105 .page-overlay.slide-in { 106 right: 20%; 107 } 108 .page-overlay.slide-out { 109 right: -80%; 110 } 111 .content-hidden { 112 opacity: 0; 113 } 114 } 115 116 /* Mobile: Stack sections vertically */ 117 @media (max-width: 768px) { 118 body { 119 overflow-y: auto !important; 120 overflow-x: hidden !important; 121 } 122 main { 123 height: auto !important; 124 overflow: visible !important; 125 } 126 #pages-container { 127 flex-direction: column !important; 128 overflow: visible !important; 129 } 130 .section-nav { 131 display: none !important; 132 } 133 #page-story, 134 .mobile-section-content { 135 flex-direction: column !important; 136 height: auto !important; 137 } 138 #page-story > div, 139 .mobile-section-content > div { 140 width: 100% !important; 141 padding: 2rem !important; 142 } 143 #page-story img, 144 .mobile-section-content img { 145 min-height: 300px; 146 } 147 } 148 </style> 149 </head> 150 <body class="bg-dark md:overflow-hidden"> 151 <div id="topbar"></div> 152 <div id="user-menu"></div> 153 <div id="cart-sidebar"></div> 154 155 <!-- Page transition overlay --> 156 <div id="page-overlay" class="page-overlay"></div> 157 158 <main class="h-screen pt-16 overflow-hidden relative flex"> 159 <!-- Pages Container --> 160 <div 161 id="pages-container" 162 class="flex-1 relative overflow-hidden flex" 163 > 164 <!-- Story Section --> 165 <div class="flex h-full"> 166 <div 167 data-section="story" 168 class="section-nav w-20 bg-dark flex-shrink-0 flex flex-col justify-end z-20 cursor-pointer hover:bg-gray-800 transition" 169 > 170 <span 171 class="transform -rotate-90 whitespace-nowrap text-white hover:text-primary transition font-oswald uppercase text-lg tracking-widest" 172 style="margin-bottom: 3rem" 173 > 174 Our Story 175 </span> 176 </div> 177 <div 178 id="page-story" 179 class="flex-1 h-full flex flex-col md:flex-row bg-[#0d0d0d]" 180 > 181 <div 182 class="w-full md:w-1/2 p-8 md:p-16 overflow-y-auto flex items-center" 183 > 184 <div> 185 <h3 186 class="text-sm font-light text-white mb-4 font-oswald uppercase tracking-wider" 187 > 188 We are TreeD 189 </h3> 190 <h1 191 class="text-4xl md:text-6xl font-bold text-primary mb-6 font-oswald uppercase" 192 > 193 Makers of tomorrow 194 </h1> 195 <p 196 class="text-gray-300 leading-relaxed text-sm" 197 > 198 TreeD Filaments was born from a passion for 199 innovation and sustainability in the 3D 200 printing industry. Founded in Italy, we've 201 been at the forefront of developing 202 high-quality filaments that push the 203 boundaries of what's possible in additive 204 manufacturing. Our journey began with a 205 simple mission: to create filaments that 206 combine exceptional performance with 207 environmental responsibility. 208 <br /><br /> 209 Behind TreeD Filaments is a passionate team 210 of engineers, chemists, and 3D printing 211 enthusiasts. Our diverse expertise allows us 212 to tackle challenges from multiple angles 213 and deliver innovative solutions. We're 214 proud of the collaborative culture we've 215 built and the expertise each team member 216 brings. 217 </p> 218 </div> 219 </div> 220 <div 221 class="w-full md:w-1/2 overflow-hidden relative min-h-[300px] md:min-
221h-0" 222 > 223 <img 224 src="/images/landing.jpg" 225 alt="Our Story" 226 class="w-full h-full object-cover" 227 /> 228 </div> 229 </div> 230 </div> 231 232 <!-- Innovation Section --> 233 <div class="flex h-full md:flex"> 234 <div 235 id="static-nav-innovation" 236 data-section="innovation" 237 class="section-nav w-20 bg-dark flex-shrink-0 flex flex-col justify-end z-20 cursor-pointer hover:bg-gray-800 transition" 238 > 239 <span 240 class="transform -rotate-90 whitespace-nowrap text-white hover:text-primary transition font-oswald uppercase text-lg tracking-widest" 241 style="margin-bottom: 3rem" 242 > 243 Innovation 244 </span> 245 </div> 246 <div 247 class="mobile-section-content flex-1 h-full flex flex-col md:flex-row bg-[#0d0d0d] md:hidden" 248 > 249 <div 250 class="w-full p-8 md:p-16 overflow-y-auto flex items-center" 251 > 252 <div> 253 <h3 254 class="text-sm font-light text-white mb-4 font-oswald uppercase tracking-wider" 255 > 256 What We Do 257 </h3> 258 <h1 259 class="text-4xl md:text-6xl font-bold text-primary mb-6 font-oswald uppercase" 260 > 261 Pushing boundaries 262 </h1> 263 <p 264 class="text-gray-300 leading-relaxed text-sm" 265 > 266 Innovation is at the heart of everything we 267 do. We continuously research and develop new 268 materials and formulations, with our R&D 269 team working tirelessly to create filaments 270 that offer unique properties and superior 271 performance. From specialized polymers to 272 custom color formulations, we're always 273 pushing the envelope. 274 <br /><br /> 275 Environmental responsibility is not just a 276 buzzword for usâit's a commitment. We 277 actively work on developing sustainable 278 filaments and reducing our environmental 279 footprint. From recycled materials to 280 eco-friendly production processes, 281 sustainability guides every decision we 282 make. 283 </p> 284 </div> 285 </div> 286 <div 287 class="w-full overflow-hidden relative min-h-[300px] md:min-h-0" 288 > 289 <img 290 src="/images/usability.jpg" 291 alt="Innovation" 292 class="w-full h-full object-cover" 293 /> 294 </div> 295 </div> 296 </div> 297 298 <!-- Quality Section --> 299 <div class="flex h-full md:flex"> 300 <div 301 id="static-nav-quality" 302 data-section="quality" 303 class="section-nav w-20 bg-dark flex-shrink-0 flex flex-col justify-end z-20 cursor-pointer hover:bg-gray-800 transition" 304 >
305 <span 306 class="transform -rotate-90 whitespace-nowrap text-white hover:text-primary transition font-oswald uppercase text-lg tracking-widest" 307 style="margin-bottom: 3rem" 308 > 309 Quality 310 </span> 311 </div> 312 <div 313 class="mobile-section-content flex-1 h-full flex flex-col md:flex-row bg-[#0d0d0d] md:hidden" 314 > 315 <div 316 class="w-full p-8 md:p-16 overflow-y-auto flex items-center" 317 > 318 <div> 319 <h3 320 class="text-sm font-light text-white mb-4 font-oswald uppercase tracking-wider" 321 > 322 Our Commitment 323 </h3> 324 <h1 325 class="text-4xl md:text-6xl font-bold text-primary mb-6 font-oswald uppercase" 326 > 327 Excellence in every spool 328 </h1> 329 <p 330 class="text-gray-300 leading-relaxed text-sm" 331 > 332 Quality control is paramount in our 333 production process. Every spool is 334 manufactured to the highest standards, 335 undergoing rigorous testing at multiple 336 stages of production. We use advanced 337 testing equipment to ensure consistent 338 diameter, color, and material properties 339 across every batch we produce. 340 <br /><br /> 341 Our commitment to quality means you can 342 trust TreeD filaments for your most critical 343 projects. From prototyping to final 344 production, our materials deliver reliable 345 performance and exceptional results. We 346 don't just meet industry standardsâwe set 347 them. 348 </p> 349 </div> 350 </div> 351 <div 352 class="w-full overflow-hidden relative min-h-[300px] md:min-h-0" 353 > 354 <img 355 src="/images/availability.jpg" 356 alt="Quality" 357 class="w-full h-full object-cover" 358 /> 359 </div> 360 </div> 361 </div> 362 363 <!-- Contact Section --> 364 <div class="flex h-full md:flex"> 365 <div 366 id="static-nav-contact" 367 data-section="contact" 368 class="section-nav w-20 bg-dark flex-shrink-0 flex flex-col justify-end z-20 cursor-pointer hover:bg-gray-800 transition" 369 > 370 <span 371 class="transform -rotate-90 whitespace-nowrap text-white hover:text-primary transition font-oswald uppercase text-lg tracking-widest" 372 style="margin-bottom: 3rem" 373 > 374 Contact 375 </span> 376 </div> 377 <div 378 class="mobile-section-content flex-1 h-full flex flex-col md:flex-row bg-[#0d0d0d] md:hidden" 379 > 380 <div 381 class="w-full p-8 md:p-16 overflow-y-auto flex items-center" 382 > 383 <div> 384 <h3 385 class="text-sm font-light text-white mb-4 font-oswald uppercase tracking-wider" 386 > 387 Let's Connect 388 </h3> 389 <h1 390 class="text-4xl md:text-6xl font-bold text-primary mb-6 font-oswald uppercase" 391 > 392 Get in Touch 393 </h1> 394 <p 395 class="text-gray-300 leading-relaxed text-sm mb-8" 396 > 397 We'd love to hear from you. Whether you have 398 questions about our products, need technical 399 support, or want to explore partnership 400 opportunities, we're here to help. 401 </p> 402 <div class="space-y-6"> 403 <div> 404 <h3 405 class="text-xs font-light text-gray-400 mb-2 font-oswald uppercase tracking-wider" 406 > 407 Email 408 </h3> 409 <a 410 href="mailto:[email protected]" 411 class="text-white hover:text-primary transition text-lg" 412 >[email protected]</a 413 > 414 </div> 415 <div> 416 <h3 417 class="text-xs font-light text-gray-400 mb-2 font-oswald uppercase tracking-wider" 418 > 419 Phone 420 </h3> 421 <a 422 href="tel:00390362320500" 423 class="text-white hover:text-primary transition text-lg" 424 >(+39) 0362-320500</a 425 > 426 </div> 427 <div> 428 <h3 429 class="text-xs font-light text-gray-400 mb-2 font-oswald uppercase tracking-wider" 430 > 431 Address 432 </h3> 433 <a 434 href="https://www.google.it/maps/place/Via+Messina,+103,+20831+Seregno+MB" 435 target="_blank" 436 class="text-white hover:text-primary transition text-lg block" 437 > 438 Via Messina 103<br />Seregno (MB), 439 Italy 440 </a> 441 </div> 442 </div> 443 </div> 444 </div> 445 <div 446 class="w-full p-8 md:p-16 bg-[#0d0d0d] min-h-[300px] md:min-
446h-0 flex items-center justify-center" 447 > 448 <div class="space-y-6"> 449 <h3 450 class="text-xs font-light text-gray-400 mb-6 font-oswald uppercase tracking-wider" 451 > 452 Follow Us 453 </h3> 454 <a 455 href="https://www.instagram.com/treedfilaments/" 456 target="_blank" 457 class="flex items-center text-white hover:text-primary transition" 458 > 459 <i 460 class="fab fa-instagram mr-4 text-3xl" 461 ></i> 462 <span 463 class="text-xl font-oswald uppercase tracking-wide" 464 >Instagram</span 465 > 466 </a> 467 <a 468 href="https://facebook.com/treedfilaments/" 469 target="_blank" 470 class="flex items-center text-white hover:text-primary transition" 471 > 472 <i 473 class="fab fa-facebook mr-4 text-3xl" 474 ></i> 475 <span 476 class="text-xl font-oswald uppercase tracking-wide" 477 >Facebook</span 478 > 479 </a> 480 <a 481 href="https://linkedin.com/company/treed-filaments" 482 target="_blank" 483 class="flex items-center text-white hover:text-primary transition" 484 > 485 <i 486 class="fab fa-linkedin mr-4 text-3xl" 487 ></i> 488 <span 489 class="text-xl font-oswald uppercase tracking-wide" 490 >LinkedIn</span 491 > 492 </a> 493 </div> 494 </div> 495 </div> 496 </div> 497 </div> 498 </main> 499 </body> 500</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.