PageSourceSearch

https://treedfilaments.com/about/

html treedfilaments.com collected 2026-10-06 04:53:41 UTC 24,230 bytes, 500 lines download raw bytes

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.