<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 


 

<script>
 tailwind.config = {
 theme: {
 extend: {
 fontFamily: {
 sans: ['Inter', 'sans-serif'],
 },
 colors: {
 'nova-blue': {
 '600': '#0073bb',
 '700': '#005f9e',
 '800': '#004c7d',
 },
 'nova-gray': {
 '100': '#f5f5f5',
 '200': '#eeeeee',
 '700': '#4a4a4a',
 '800': '#333333',
 }
 }
 }
 }
 }
 </script>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&#038;display=swap" rel="stylesheet">
 <title>Sustainable Textile Innovation &#8211; Trend Nova World</title>
</head>
<body class="font-sans bg-nova-gray-100">

 

<main class="antialiased text-nova-gray-800">

 

<section class="bg-white shadow-sm">
 <div class="max-w-7xl mx-auto px-6 py-16 md:py-24">
 <div class="text-center">
 <h1 class="text-3xl md:text-5xl font-bold text-nova-blue-700 leading-tight">
 Sustainable Textile Innovation
 </h1>
 <p class="mt-4 text-lg md:text-xl text-nova-gray-700 max-w-3xl mx-auto">
 Pioneering the future of fashion with responsible, eco-friendly, and circular material solutions.
 </p>
 <a href="https://trendnovaworld.com/contact/" class="mt-8 inline-block bg-nova-blue-600 text-white font-medium py-3 px-8 rounded-lg shadow-md hover:bg-nova-blue-700 transition-colors duration-300">
 Innovate with Us
 </a>
 </div>
 </div>
 </section>

 

<section class="py-16 md:py-24">
 <div class="max-w-7xl mx-auto px-6">
 <h2 class="text-3xl md:text-4xl font-bold text-center mb-12">
 Our Sustainable Solutions
 </h2>
 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">

 

<div class="bg-white rounded-xl shadow-lg overflow-hidden transition-all duration-300 hover:shadow-2xl">
 <div class="p-8">
 <div class="inline-block bg-nova-blue-600 text-white p-3 rounded-full mb-5">
 <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
 </svg>
 </div>
 <h3 class="text-2xl font-bold mb-3">Innovative Materials Sourcing</h3>
 <p class="text-nova-gray-700">
 Connecting you with a global network of suppliers for next-gen materials, from plant-based leathers to recycled textiles.
 </p>
 </div>
 </div>

 

<div class="bg-white rounded-xl shadow-lg overflow-hidden transition-all duration-300 hover:shadow-2xl">
 <div class="p-8">
 <div class="inline-block bg-nova-blue-600 text-white p-3 rounded-full mb-5">
 <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" />
 </svg>
 </div>
 <h3 class="text-2xl font-bold mb-3">Circular Economy Models</h3>
 <p class="text-nova-gray-700">
 Designing closed-loop systems, take-back programs, and garment recycling strategies to eliminate waste.
 </p>
 </div>
 </div>

 

<div class="bg-white rounded-xl shadow-lg overflow-hidden transition-all duration-300 hover:shadow-2xl">
 <div class="p-8">
 <div class="inline-block bg-nova-blue-600 text-white p-3 rounded-full mb-5">
 <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l-1.586-1.586a2 2 0 00-2.828 0L6 18M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
 </svg>
 </div>
 <h3 class="text-2xl font-bold mb-3">Eco-Friendly Dyes &#038; Finishes</h3>
 <p class="text-nova-gray-700">
 Sourcing and implementing low-impact dyeing processes and non-toxic finishing treatments that reduce water usage.
 </p>
 </div>
 </div>

 

<div class="bg-white rounded-xl shadow-lg overflow-hidden transition-all duration-300 hover:shadow-2xl">
 <div class="p-8">
 <div class="inline-block bg-nova-blue-600 text-white p-3 rounded-full mb-5">
 <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
 </svg>
 </div>
 <h3 class="text-2xl font-bold mb-3">Transparency &#038; Traceability</h3>
 <p class="text-nova-gray-700">
 Implementing systems to map your supply chain, ensuring ethical production and material authenticity from source to consumer.
 </p>
 </div>
 </div>

 

<div class="bg-white rounded-xl shadow-lg overflow-hidden transition-all duration-300 hover:shadow-2xl">
 <div class="p-8">
 <div class="inline-block bg-nova-blue-600 text-white p-3 rounded-full mb-5">
 <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.363-.886a.5.5 0 01-.192-.12l-2.88-2.88c-.195-.195-.195-.512 0-.707l2.88-2.88a.5.5 0 01.192-.12l2.363-.886a2 2 0 001.022-.547V3.5a2 2 0 00-2-2h-11a2 2 0 00-2 2v17a2 2 0 002 2h11a2 2 0 002-2v-3.072z" />
 </svg>
 </div>
 <h3 class="text-2xl font-bold mb-3">Sustainable Packaging</h3>
 <p class="text-nova-gray-700">
 Designing and sourcing compostable, recycled, and reusable packaging solutions that minimize your brand&#8217;s environmental footprint.
 </p>
 </div>
 </div>

 

<div class="bg-white rounded-xl shadow-lg overflow-hidden transition-all duration-300 hover:shadow-2xl">
 <div class="p-8">
 <div class="inline-block bg-nova-blue-600 text-white p-3 rounded-full mb-5">
 <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002-2h2a2 2 0 002 2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4" />
 </svg>
 </div>
 <h3 class="text-2xl font-bold mb-3">Certification &#038; Compliance</h3>
 <p class="text-nova-gray-700">
 Guiding your brand through the complexities of certifications like GOTS, B Corp, and Fair Trade.
 </p>
 </div>
 </div>

 </div>
 </div>
 </section>

 

<section class="bg-white py-16 md:py-24">
 <div class="max-w-7xl mx-auto px-6">
 <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
 <div>
 <h2 class="text-3xl md:text-4xl font-bold mb-6">Fashion for a Better Future</h2>
 <p class="text-lg text-nova-gray-700 mb-8">
 Sustainability is no longer a trend; it is an imperative. At Trend Nova World, we believe that responsible innovation is the key to long-term success. We partner with brands to integrate sustainable practices into their core, creating products that are as desirable as they are conscious.
 </p>
 <ul class="space-y-4">
 <li class="flex items-start">
 <div class="flex-shrink-0">
 <svg class="h-6 w-6 text-nova-blue-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
 </svg>
 </div>
 <div class="ml-3">
 <h4 class="text-lg font-medium">Profit &#038; Purpose</h4>
 <p class="text-nova-gray-700">We help you build strategies where sustainability drives profitability.</p>
 </div>
 </li>
 <li class="flex items-start">
 <div class="flex-shrink-0">
 <svg class="h-6 w-6 text-nova-blue-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
 </svg>
 </div>
 <div class="ml-3">
 <h4 class="text-lg font-medium">Consumer-Facing Storytelling</h4>
 <p class="text-nova-gray-700">Translating complex sustainable efforts into clear, compelling brand stories.</p>
 </div>
 </li>
 <li class="flex items-start">
 <div class="flex-shrink-0">
 <svg class="h-6 w-6 text-nova-blue-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
 </svg>
 </div>
 <div class="ml-3">
 <h4 class="text-lg font-medium">Future-Proofing Your Brand</h4>
 <p class="text-nova-gray-700">Staying ahead of regulations and consumer demands for greater responsibility.</p>
 </div>
 </li>
 </ul>
 </div>
 <div class="mt-8 lg:mt-0">
 <div class="bg-nova-gray-200 rounded-xl shadow-inner h-96 w-full flex items-center justify-center">
 <img src="https://images.pexels.com/photos/1078973/pexels-photo-1078973.jpeg" alt="Natural fabrics and textiles in earthy tones, representing sustainability" class="rounded-xl object-cover h-96 w-full" onerror="this.onerror=null;this.src='https://placehold.co/600x400/eeeeee/333333?text=Image+Not+Found';">
 </div>
 </div>
 </div>
 </div>
 </section>

 

<section id="contact" class="py-16 md:py-24 bg-nova-gray-100">
 <div class="max-w-7xl mx-auto px-6">
 <h2 class="text-3xl md:text-4xl font-bold text-center mb-12">
 Get in Touch
 </h2>
 <div class="grid grid-cols-1 md:grid-cols-3 gap-8 text-center">
 
 

<div class="bg-white p-8 rounded-xl shadow-lg">
 <div class="inline-block bg-nova-blue-600 text-white p-3 rounded-full mb-4">
 <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
 </svg>
 </div>
 <h3 class="text-xl font-bold mb-2">Global Headquarters</h3>
 <p class="text-nova-gray-700">
 167-169 Great Portland Street, 5th Floor<br>
 London, W1W 5PF, United Kingdom
 </p>
 </div>

 

<div class="bg-white p-8 rounded-xl shadow-lg">
 <div class="inline-block bg-nova-blue-600 text-white p-3 rounded-full mb-4">
 <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
 </svg>
 </div>
 <h3 class="text-xl font-bold mb-2">Email Us</h3>
 <p class="text-nova-gray-700">
 <a href="mailto:contact@trendnovaworld.com" class="text-nova-blue-600 hover:text-nova-blue-800 transition-colors">
 contact@trendnovaworld.com
 </a>
 </p>
 </div>

 

<div class="bg-white p-8 rounded-xl shadow-lg">
 <div class="inline-block bg-nova-blue-600 text-white p-3 rounded-full mb-4">
 <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
 </svg>
 </div>
 <h3 class="text-xl font-bold mb-2">Call Us</h3>
 <p class="text-nova-gray-700">
 <a href="tel:+994518673521" class="text-nova-blue-600 hover:text-nova-blue-800 transition-colors">
 +994 51 867 35 21
 </a>
 </p>
 </div>

 </div>
 </div>
 </section>

 

<section class="bg-nova-blue-700 text-white">
 <div class="max-w-7xl mx-auto px-6 py-16 md:py-20 text-center">
 <h2 class="text-3xl md:text-4xl font-bold mb-4">
 Ready to Weave Sustainability Into Your Brand?
 </h2>
 <p class="text-lg md:text-xl text-blue-100 max-w-3xl mx-auto mb-8">
 Connect with our sustainability experts to explore the future of fashion.
 </p>
 <a href="https://trendnovaworld.com/contact/" class="inline-block bg-white text-nova-blue-700 font-bold py-3 px-10 rounded-lg shadow-lg hover:bg-nova-gray-100 transition-colors duration-300 text-lg">
 Schedule a Sustainability Consultation
 </a>
 </div>
 </section>

 </main>
 

</body>
</html>