<!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>Creative Collaboration Studio &#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">
 Creative Collaboration Studio
 </h1>
 <p class="mt-4 text-lg md:text-xl text-nova-gray-700 max-w-3xl mx-auto">
 Where visionary brands, artists, and innovators unite to create the future of fashion.
 </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">
 Collaborate 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 Collaboration Services
 </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="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899l4-4a4 4 0 10-5.656-5.656l-1.102 1.101m.758 4.899l5.656 5.656" />
 </svg>
 </div>
 <h3 class="text-2xl font-bold mb-3">Brand x Artist Pairings</h3>
 <p class="text-nova-gray-700">
 Curating and managing authentic partnerships between fashion brands and global artists, musicians, and creators.
 </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="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z" />
 </svg>
 </div>
 <h3 class="text-2xl font-bold mb-3">Capsule Collection Development</h3>
 <p class="text-nova-gray-700">
 Overseeing the end-to-end design and production of limited-edition capsule collections that generate media buzz.
 </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 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h6m-3 4h.01M12 14h.01" />
 </svg>
 </div>
 <h3 class="text-2xl font-bold mb-3">Experiential Activations</h3>
 <p class="text-nova-gray-700">
 Designing and producing immersive pop-up events, gallery shows, and brand activations that merge fashion, art, and culture.
 </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="M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z" />
 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 13a3 3 0 11-6 0 3 3 0 016 0z" />
 </svg>
 </div>
 <h3 class="text-2xl font-bold mb-3">Content Creation Studio</h3>
 <p class="text-nova-gray-700">
 Producing high-end editorial content, films, and digital campaigns that tell the unique story of your collaboration.
 </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="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
 </svg>
 </div>
 <h3 class="text-2xl font-bold mb-3">Designer Incubation</h3>
 <p class="text-nova-gray-700">
 Nurturing emerging designers by connecting them with established brands for mentorship and capsule collaborations.
 </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="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2H10a2 2 0 002-2v-1a2 2 0 012-2h1.945M7.905 11H16.095M12 21a9 9 0 110-18 9 9 0 010 18z" />
 </svg>
 </div>
 <h3 class="text-2xl font-bold mb-3">Cross-Industry Partnerships</h3>
 <p class="text-nova-gray-700">
 Brokering innovative partnerships between fashion and technology, automotive, or hospitality sectors.
 </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">The Art of Synergy</h2>
 <p class="text-lg text-nova-gray-700 mb-8">
 The most exciting moments in fashion happen at the intersection of different worlds. The Trend Nova World Creative Collaboration Studio is a dedicated space for &#8220;what if.&#8221; We act as the bridge, the translator, and the producer, turning ambitious creative ideas into tangible, market-moving projects. We believe that when visionary minds connect, they create more than just products—they create culture.
 </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">Curated Global Network</h4>
 <p class="text-nova-gray-700">Access to our exclusive, vetted network of global creatives and industry leaders.</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">Full-Service Project Management</h4>
 <p class="text-nova-gray-700">We manage the entire process, from initial negotiation to final launch.</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">Cultural Relevancy</h4>
 <p class="text-nova-gray-700">We ensure your collaboration is authentic, timely, and culturally resonant.</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/326709/pexels-photo-326709.jpeg" alt="Creative fashion designers collaborating around a table with swatches and sketches" 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 Create Something New?
 </h2>
 <p class="text-lg md:text-xl text-blue-100 max-w-3xl mx-auto mb-8">
 Let&#8217;s connect and explore how a strategic collaboration can elevate your brand.
 </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">
 Start a Collaboration
 </a>
 </div>
 </section>

 </main>
 

</body>
</html>