Hugging Face's logo

Spaces:
Twinory
/
undefined
Running

App Files Community
Twinory commited on
Commit
e7ad23e
·
verified ·
1 Parent(s): b3edb70

In the contact section only the logo appeared correctly. Replace this attached same in every sections. And include this image in the main HOME section correctly

Browse files
Files changed (3) hide show
  1. about.html +2 -2
  2. contact.html +2 -2
  3. index.html +61 -69
about.html CHANGED
@@ -37,8 +37,8 @@
37
  <div class="flex justify-between h-16">
38
  <div class="flex items-center">
39
  <div class="flex-shrink-0 flex items-center">
40
- <img src="/static/logo.png" alt="Twinory Logo" class="h-10">
41
- </div>
42
  </div>
43
  <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8">
44
  <a href="index.html" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Home</a>
 
37
  <div class="flex justify-between h-16">
38
  <div class="flex items-center">
39
  <div class="flex-shrink-0 flex items-center">
40
+ <img src="https://huggingface.co/spaces/Twinory/undefined/resolve/main/images/TWINORY%20Logo.png" alt="Twinory Logo" class="h-10">
41
+ </div>
42
  </div>
43
  <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8">
44
  <a href="index.html" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Home</a>
contact.html CHANGED
@@ -39,8 +39,8 @@
39
  <div class="flex justify-between h-16">
40
  <div class="flex items-center">
41
  <div class="flex-shrink-0 flex items-center">
42
- <img src="https://huggingface.co/spaces/Twinory/undefined/resolve/main/images/TWINORY%20Logo.png" alt="Twinory Logo" class="h-10">
43
- </div>
44
  </div>
45
  <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8">
46
  <a href="index.html" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Home</a>
 
39
  <div class="flex justify-between h-16">
40
  <div class="flex items-center">
41
  <div class="flex-shrink-0 flex items-center">
42
+ <img src="https://huggingface.co/spaces/Twinory/undefined/resolve/main/images/TWINORY%20Logo%20-%20Edited.png" alt="Twinory Logo" class="h-10">
43
+ </div>
44
  </div>
45
  <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8">
46
  <a href="index.html" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Home</a>
index.html CHANGED
@@ -10,7 +10,6 @@
10
  <link rel="preconnect" href="https://fonts.googleapis.com">
11
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
12
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Montserrat:wght@700;800&display=swap" rel="stylesheet">
13
- <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
14
  <style>
15
  body {
16
  font-family: 'Poppins', sans-serif;
@@ -23,21 +22,6 @@
23
  .hero-bg {
24
  background: linear-gradient(135deg, #1A1A1A 0%, #0D0D0D 100%);
25
  }
26
- .feature-card {
27
- transition: all 0.3s ease;
28
- background: rgba(255,255,255,0.02);
29
- }
30
- .feature-card:hover {
31
- transform: translateY(-5px);
32
- background: rgba(255,255,255,0.05);
33
- }
34
- @keyframes fadeIn {
35
- from { opacity: 0; transform: translateY(20px); }
36
- to { opacity: 1; transform: translateY(0); }
37
- }
38
- .animate-fade {
39
- animation: fadeIn 1s ease-out forwards;
40
- }
41
  </style>
42
  </head>
43
  <body class="min-h-screen">
@@ -47,15 +31,15 @@
47
  <div class="flex justify-between h-16">
48
  <div class="flex items-center">
49
  <div class="flex-shrink-0 flex items-center">
50
- <span class="text-white font-bold text-2xl font-mono tracking-tight">TWINORY</span>
51
- </div>
52
  </div>
53
  <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8">
54
  <a href="#" class="text-white px-3 py-2 rounded-md text-sm font-medium hover:text-orange-400">Home</a>
55
  <a href="about.html" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">About</a>
56
  <a href="services.html" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Services</a>
57
  <a href="contact.html" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Contact</a>
58
- <a href="#" class="ml-4 bg-[#FF9900] text-black px-6 py-2 rounded-md font-medium hover:bg-orange-600 transition duration-300">Get Started</a>
59
  </div>
60
  <div class="-mr-2 flex items-center md:hidden">
61
  <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none" aria-controls="mobile-menu" aria-expanded="false">
@@ -69,66 +53,82 @@
69
 
70
  <!-- Hero Section -->
71
  <div class="hero-bg pt-32 pb-20 md:pt-40 md:pb-32">
72
- <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center" data-aos="fade">
73
- <div class="animate-fade mb-8">
74
- <h1 class="text-4xl md:text-6xl lg:text-7xl font-bold leading-tight mb-6">
75
- ELEVATE YOUR <span class="text-[#FF9900]">AMAZON</span> GAME
76
- </h1>
77
- <p class="text-xl md:text-2xl text-gray-300 max-w-3xl mx-auto">
78
- Data-driven Amazon consulting for ethical sellers who want to win the right way
79
- </p>
80
- </div>
81
- <div class="mt-12" data-aos="fade-up" data-aos-delay="300">
82
- <a href="services.html" class="inline-block bg-[#FF9900] text-black px-8 py-3 rounded-md font-bold text-lg hover:bg-orange-600 transition duration-300 mr-4">Our Services</a>
83
- <a href="contact.html" class="inline-block bg-transparent border-2 border-[#FF9900] text-white px-8 py-3 rounded-md font-bold text-lg hover:bg-[#FF9900] hover:text-black transition duration-300">Free Consultation</a>
 
 
84
  </div>
85
  </div>
86
  </div>
87
 
88
- <!-- Features Section -->
89
- <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
90
- <div class="text-center mb-16" data-aos="fade">
91
- <h2 class="text-3xl md:text-4xl font-bold mb-6">Why Choose Twinory</h2>
92
- <p class="text-xl text-gray-400 max-w-3xl mx-auto">
93
- We combine technical expertise with ethical strategies to help you grow sustainably on Amazon
94
  </p>
95
  </div>
96
  <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
97
- <div class="feature-card p-8 rounded-lg" data-aos="fade-up" data-aos-delay="100">
98
- <div class="bg-[#FF9900] bg-opacity-10 p-4 rounded-full w-14 h-14 flex items-center justify-center mb-6">
99
- <i data-feather="shield" class="text-[#FF9900] w-6 h-6"></i>
 
100
  </div>
101
- <h3 class="text-xl font-bold mb-3">Policy-Compliant Growth</h3>
102
  <p class="text-gray-400">
103
- We only implement strategies that align with Amazon's terms of service, protecting your account long-term.
104
  </p>
105
  </div>
106
- <div class="feature-card p-8 rounded-lg" data-aos="fade-up" data-aos-delay="200">
107
- <div class="bg-[#FF9900] bg-opacity-10 p-4 rounded-full w-14 h-14 flex items-center justify-center mb-6">
108
- <i data-feather="bar-chart-2" class="text-[#FF9900] w-6 h-6"></i>
 
109
  </div>
110
- <h3 class="text-xl font-bold mb-3">Data-Driven Decisions</h3>
111
  <p class="text-gray-400">
112
- Our recommendations are based on comprehensive market analysis and performance metrics.
113
  </p>
114
  </div>
115
- <div class="feature-card p-8 rounded-lg" data-aos="fade-up" data-aos-delay="300">
116
- <div class="bg-[#FF9900] bg-opacity-10 p-4 rounded-full w-14 h-14 flex items-center justify-center mb-6">
117
- <i data-feather="zap" class="text-[#FF9900] w-6 h-6"></i>
 
118
  </div>
119
- <h3 class="text-xl font-bold mb-3">Proven Results</h3>
120
  <p class="text-gray-400">
121
- We've helped sellers achieve 2-5x growth while maintaining excellent account health metrics.
122
  </p>
123
  </div>
124
  </div>
 
 
 
 
 
125
  </div>
126
 
127
- <!-- CTA Section -->
128
- <div class="bg-[#FF9900] rounded-xl p-12 text-center mx-4 sm:mx-8 lg:mx-16 mb-16" data-aos="fade">
129
- <h3 class="text-2xl md:text-3xl font-bold mb-4 text-black">Ready to scale your Amazon business the right way?</h3>
130
- <p class="text-xl text-black mb-6">Our team is standing by to help you achieve sustainable growth.</p>
131
- <a href="contact.html" class="inline-block bg-black text-white px-8 py-3 rounded-md font-bold text-lg hover:bg-gray-900 transition duration-300">Get Started Today</a>
 
 
 
 
 
 
132
  </div>
133
 
134
  <!-- Footer -->
@@ -136,11 +136,9 @@
136
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
137
  <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
138
  <div class="md:col-span-2">
139
- <div class="mb-4">
140
- <span class="text-white font-bold text-xl font-mono tracking-tight">TWINORY</span>
141
- <p class="text-gray-400 font-mono text-sm mt-1">Amazon Seller Growth & Compliance Solutions.</p>
142
- </div>
143
- <div class="flex space-x-4 mt-4">
144
  <a href="#" class="text-gray-400 hover:text-white">
145
  <i data-feather="facebook"></i>
146
  </a>
@@ -174,19 +172,13 @@
174
  </div>
175
  </div>
176
  <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
177
- <p>&copy; 2025 TWINORY LLC. All rights reserved.</p>
178
  </div>
179
  </div>
180
  </footer>
181
 
182
- <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
183
  <script>
184
  feather.replace();
185
- AOS.init({
186
- duration: 800,
187
- easing: 'ease-in-out',
188
- once: true
189
- });
190
  </script>
191
  </body>
192
  </html>
 
10
  <link rel="preconnect" href="https://fonts.googleapis.com">
11
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
12
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Montserrat:wght@700;800&display=swap" rel="stylesheet">
 
13
  <style>
14
  body {
15
  font-family: 'Poppins', sans-serif;
 
22
  .hero-bg {
23
  background: linear-gradient(135deg, #1A1A1A 0%, #0D0D0D 100%);
24
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
25
  </style>
26
  </head>
27
  <body class="min-h-screen">
 
31
  <div class="flex justify-between h-16">
32
  <div class="flex items-center">
33
  <div class="flex-shrink-0 flex items-center">
34
+ <img src="https://huggingface.co/spaces/Twinory/undefined/resolve/main/images/TWINORY%20Logo%20-%20Edited.png" alt="Twinory Logo" class="h-10">
35
+ </div>
36
  </div>
37
  <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8">
38
  <a href="#" class="text-white px-3 py-2 rounded-md text-sm font-medium hover:text-orange-400">Home</a>
39
  <a href="about.html" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">About</a>
40
  <a href="services.html" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Services</a>
41
  <a href="contact.html" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Contact</a>
42
+ <a href="#contactForm" class="ml-4 bg-[#FF9900] text-black px-6 py-2 rounded-md font-medium hover:bg-orange-600 transition duration-300">Get Started</a>
43
  </div>
44
  <div class="-mr-2 flex items-center md:hidden">
45
  <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none" aria-controls="mobile-menu" aria-expanded="false">
 
53
 
54
  <!-- Hero Section -->
55
  <div class="hero-bg pt-32 pb-20 md:pt-40 md:pb-32">
56
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
57
+ <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold leading-tight mb-6">
58
+ AMAZON SELLER GROWTH EXPERTS
59
+ </h1>
60
+ <p class="text-xl md:text-2xl text-gray-300 max-w-3xl mx-auto mb-8">
61
+ Data-driven listing optimization and compliance solutions for sustainable Amazon success.
62
+ </p>
63
+ <div class="flex flex-col sm:flex-row justify-center gap-4">
64
+ <a href="services.html" class="bg-[#FF9900] text-black px-8 py-4 rounded-md font-bold text-lg hover:bg-orange-600 transition duration-300">
65
+ Our Services
66
+ </a>
67
+ <a href="contact.html" class="bg-transparent border-2 border-white text-white px-8 py-4 rounded-md font-bold text-lg hover:bg-white hover:text-black transition duration-300">
68
+ Contact Us
69
+ </a>
70
  </div>
71
  </div>
72
  </div>
73
 
74
+ <!-- Services Preview -->
75
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20">
76
+ <div class="text-center mb-16">
77
+ <h2 class="text-3xl md:text-4xl font-bold mb-6">What We Offer</h2>
78
+ <p class="text-xl text-gray-300 max-w-3xl mx-auto">
79
+ Comprehensive solutions tailored to your Amazon selling challenges.
80
  </p>
81
  </div>
82
  <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
83
+ <!-- Service 1 -->
84
+ <div class="bg-gray-900 rounded-xl p-8">
85
+ <div class="bg-[#FF9900] bg-opacity-10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6">
86
+ <i data-feather="search" class="text-[#FF9900] w-8 h-8"></i>
87
  </div>
88
+ <h3 class="text-xl font-bold mb-4">SEO Optimization</h3>
89
  <p class="text-gray-400">
90
+ Strategic keyword placement and content optimization to improve discoverability and conversion rates.
91
  </p>
92
  </div>
93
+ <!-- Service 2 -->
94
+ <div class="bg-gray-900 rounded-xl p-8">
95
+ <div class="bg-[#FF9900] bg-opacity-10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6">
96
+ <i data-feather="shield" class="text-[#FF9900] w-8 h-8"></i>
97
  </div>
98
+ <h3 class="text-xl font-bold mb-4">Policy Compliance</h3>
99
  <p class="text-gray-400">
100
+ Protect your account with listing audits and proactive compliance strategies.
101
  </p>
102
  </div>
103
+ <!-- Service 3 -->
104
+ <div class="bg-gray-900 rounded-xl p-8">
105
+ <div class="bg-[#FF9900] bg-opacity-10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6">
106
+ <i data-feather="bar-chart-2" class="text-[#FF9900] w-8 h-8"></i>
107
  </div>
108
+ <h3 class="text-xl font-bold mb-4">Performance Analytics</h3>
109
  <p class="text-gray-400">
110
+ Data-driven insights to optimize pricing, advertising, and inventory management.
111
  </p>
112
  </div>
113
  </div>
114
+ <div class="text-center mt-12">
115
+ <a href="services.html" class="inline-block border-2 border-[#FF9900] text-[#FF9900] px-8 py-3 rounded-md font-bold text-lg hover:bg-[#FF9900] hover:text-black transition duration-300">
116
+ View All Services
117
+ </a>
118
+ </div>
119
  </div>
120
 
121
+ <!-- Call to Action -->
122
+ <div class="bg-[#FF9900] py-20">
123
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
124
+ <h2 class="text-3xl md:text-4xl font-bold mb-6 text-black">Ready to Grow Your Amazon Business?</h2>
125
+ <p class="text-xl text-black mb-8 max-w-3xl mx-auto">
126
+ Schedule a free consultation with our team to discuss your specific needs.
127
+ </p>
128
+ <a href="contact.html" class="inline-block bg-black text-white px-8 py-4 rounded-md font-bold text-lg hover:bg-gray-900 transition duration-300">
129
+ Get Started
130
+ </a>
131
+ </div>
132
  </div>
133
 
134
  <!-- Footer -->
 
136
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
137
  <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
138
  <div class="md:col-span-2">
139
+ <h3 class="text-2xl font-bold mb-4">TWINORY</h3>
140
+ <p class="text-gray-400">Amazon Seller Growth & Compliance Solutions.</p>
141
+ <div class="flex space-x-4 mt-4">
 
 
142
  <a href="#" class="text-gray-400 hover:text-white">
143
  <i data-feather="facebook"></i>
144
  </a>
 
172
  </div>
173
  </div>
174
  <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
175
+ <p>&copy; 2023 TWINORY LLC. All rights reserved.</p>
176
  </div>
177
  </div>
178
  </footer>
179
 
 
180
  <script>
181
  feather.replace();
 
 
 
 
 
182
  </script>
183
  </body>
184
  </html>