Update redchina.html

redchina.html

@@ -225,11 +225,11 @@
                     <div class="absolute bottom-0 left-0 right-0 p-4 bg-white/20 backdrop-blur-sm text-white text-sm">
                         <div class="flex items-center">
                             <div class="flex-shrink-0">
-                                <img class="h-8 w-8 rounded-full" src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="">
+                                <img class="h-8 w-8 rounded-full" src="mini.png" alt="AiARTiST">
                             </div>
                             <div class="ml-3">
-                                <p class="font-medium">张雨欣</p>
-                                <p class="text-xs opacity-80">使用REDAIGC创作</p>
+                                <p class="font-medium">元影光远</p>
+                                <p class="text-xs opacity-80">REDAIGC创始人</p>
                             </div>
                         </div>
                     </div>
@@ -277,7 +277,7 @@
                         <div class="mt-4">
                             <h3 class="text-lg font-medium text-gray-900">多种风格</h3>
                             <p class="mt-2 text-base text-gray-500">
-                                从各种艺术风格中选择 - 写实、卡通、水彩、赛博朋克等多种风格。
+                                从各种艺术风格中选择 - 写实、卡通、水彩、电影、建筑等多种风格。
                             </p>
                         </div>
                     </div>
@@ -378,7 +378,7 @@
                                         <i class="fas fa-water mr-1"></i> 水彩
                                     </button>
                                     <button class="style-option py-2 px-3 border rounded-md text-sm font-medium bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-indigo-500" data-style="cyberpunk">
-                                        <i class="fas fa-robot mr-1"></i> 赛博朋克
+                                        <i class="fas fa-robot mr-1"></i> 建筑
                                     </button>
                                     <button class="style-option py-2 px-3 border rounded-md text-sm font-medium bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-indigo-500" data-style="fantasy">
                                         <i class="fas fa-dragon mr-1"></i> 奇幻
@@ -401,6 +401,15 @@
                                     <button class="aspect-option py-2 px-3 border rounded-md text-sm font-medium bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-indigo-500" data-ratio="4:3">
                                         4:3
                                     </button>
+                                    <button class="aspect-option py-2 px-3 border rounded-md text-sm font-medium bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-indigo-500" data-ratio="4:3">
+                                        3:4
+                                    </button>
+                                    <button class="aspect-option py-2 px-3 border rounded-md text-sm font-medium bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-indigo-500" data-ratio="4:3">
+                                        1:2
+                                    </button>
+                                    <button class="aspect-option py-2 px-3 border rounded-md text-sm font-medium bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-indigo-500" data-ratio="4:3">
+                                        2:1
+                                    </button>
                                 </div>
                             </div>
                             
@@ -480,66 +489,66 @@
             <div class="mt-12 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
                 <!-- Gallery Item 1 -->
                 <div class="card-hover group relative bg-gray-50 rounded-xl overflow-hidden shadow-sm">
-                    <img src="https://source.unsplash.com/random/600x400/?cyberpunk,city" alt="赛博朋克城市" class="w-full h-64 object-cover">
+                    <img src="65740049.png" alt="Japanese woman" class="w-full h-64 object-cover">
                     <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
                         <div>
-                            <p class="text-white font-medium">"夜晚的未来赛博朋克城市"</p>
-                            <p class="text-white/80 text-sm mt-1">由@数字梦想家创作</p>
+                            <p class="text-white font-medium">"A detailed and highly realistic portrait photo of a young, beautiful Japanese woman."</p>
+                            <p class="text-white/80 text-sm mt-1">Created by @digitaldreamer</p>
                         </div>
                     </div>
                 </div>
                 
                 <!-- Gallery Item 2 -->
                 <div class="card-hover group relative bg-gray-50 rounded-xl overflow-hidden shadow-sm">
-                    <img src="https://source.unsplash.com/random/600x400/?fantasy,landscape" alt="奇幻景观" class="w-full h-64 object-cover">
+                    <img src="65649704.png" alt="Buddha statue" class="w-full h-64 object-cover">
                     <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
                         <div>
-                            <p class="text-white font-medium">"有发光蘑菇的魔法森林"</p>
-                            <p class="text-white/80 text-sm mt-1">由@艺术爱好者创作</p>
+                            <p class="text-white font-medium">"A close-up of an old stone Buddha statue decked out with green ivy leaves."</p>
+                            <p class="text-white/80 text-sm mt-1">Created by @artlover</p>
                         </div>
                     </div>
                 </div>
                 
                 <!-- Gallery Item 3 -->
                 <div class="card-hover group relative bg-gray-50 rounded-xl overflow-hidden shadow-sm">
-                    <img src="https://source.unsplash.com/random/600x400/?abstract,art" alt="抽象艺术" class="w-full h-64 object-cover">
+                    <img src="65651273.png" alt="Mouse baker" class="w-full h-64 object-cover">
                     <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
                         <div>
-                            <p class="text-white font-medium">"多彩液体抽象构图"</p>
-                            <p class="text-white/80 text-sm mt-1">由@创意头脑创作</p>
+                            <p class="text-white font-medium">"a small mouse dressed as a baker, surrounded by an assortment of sweet treats."</p>
+                            <p class="text-white/80 text-sm mt-1">Created by @creative_mind</p>
                         </div>
                     </div>
                 </div>
                 
                 <!-- Gallery Item 4 -->
                 <div class="card-hover group relative bg-gray-50 rounded-xl overflow-hidden shadow-sm">
-                    <img src="https://source.unsplash.com/random/600x400/?portrait,digitalart" alt="数字肖像" class="w-full h-64 object-cover">
+                    <img src="65656727.png" alt="Tabby Cat" class="w-full h-64 object-cover">
                     <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
                         <div>
-                            <p class="text-white font-medium">"赛博朋克角色肖像"</p>
-                            <p class="text-white/80 text-sm mt-1">由@AI艺术家创作</p>
+                            <p class="text-white font-medium">"Tabby Cat,A tabby cat is driving with its hands on the steering wheel"</p>
+                            <p class="text-white/80 text-sm mt-1">Created by @artificial_artist</p>
                         </div>
                     </div>
                 </div>
                 
                 <!-- Gallery Item 5 -->
                 <div class="card-hover group relative bg-gray-50 rounded-xl overflow-hidden shadow-sm">
-                    <img src="https://source.unsplash.com/random/600x400/?product,design" alt="产品设计" class="w-full h-64 object-cover">
+                    <img src="65548518.png" alt="vibrant red camellia flowers" class="w-full h-64 object-cover">
                     <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
                         <div>
-                            <p class="text-white font-medium">"未来智能手表概念"</p>
-                            <p class="text-white/80 text-sm mt-1">由@设计AI创作</p>
+                            <p class="text-white font-medium">"The image depicts a person surrounded by vibrant red camellia flowers. "</p>
+                            <p class="text-white/80 text-sm mt-1">Created by @design_ai</p>
                         </div>
                     </div>
                 </div>
                 
                 <!-- Gallery Item 6 -->
                 <div class="card-hover group relative bg-gray-50 rounded-xl overflow-hidden shadow-sm">
-                    <img src="https://source.unsplash.com/random/600x400/?logo,design" alt="标志设计" class="w-full h-64 object-cover">
+                    <img src="65186070.png" alt="traditional Chinese hanbok" class="w-full h-64 object-cover">
                     <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
                         <div>
-                            <p class="text-white font-medium">"极简科技创业公司标志"</p>
-                            <p class="text-white/80 text-sm mt-1">由@品牌建设者创作</p>
+                            <p class="text-white font-medium">"An Asian woman wearing a traditional Chinese hanbok stands proudly in a vibrant autumn forest."</p>
+                            <p class="text-white/80 text-sm mt-1">Created by @brand_builder</p>
                         </div>
                     </div>
                 </div>
@@ -547,7 +556,7 @@
             
             <div class="mt-10 text-center">
                 <button class="px-6 py-3 border border-gray-300 rounded-md text-base font-medium text-gray-700 bg-white hover:bg-gray-50">
-                    浏览更多作品
+                    <a href="https://civitai.com/user/METAFILM_AI" target="_blank">浏览更多作品</a>
                 </button>
             </div>
         </div>
@@ -573,7 +582,7 @@
                             <img class="h-12 w-12 rounded-full" src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="">
                         </div>
                         <div class="ml-4">
-                            <div class="text-lg font-medium text-gray-900">张雨欣</div>
+                            <div class="text-lg font-medium text-gray-900">雨欣</div>
                             <div class="text-indigo-600">平面设计师</div>
                         </div>
                     </div>
@@ -598,7 +607,7 @@
                             <img class="h-12 w-12 rounded-full" src="https://images.unsplash.com/photo-1519244703995-f4e0f30006d5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="">
                         </div>
                         <div class="ml-4">
-                            <div class="text-lg font-medium text-gray-900">陈明</div>
+                            <div class="text-lg font-medium text-gray-900">Michael</div>
                             <div class="text-indigo-600">市场总监</div>
                         </div>
                     </div>
@@ -623,7 +632,7 @@
                             <img class="h-12 w-12 rounded-full" src="https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="">
                         </div>
                         <div class="ml-4">
-                            <div class="text-lg font-medium text-gray-900">王大卫</div>
+                            <div class="text-lg font-medium text-gray-900">David Wilson</div>
                             <div class="text-indigo-600">创业公司创始人</div>
                         </div>
                     </div>
@@ -659,12 +668,12 @@
                     </div>
                     <div class="mt-8 flex lg:mt-0 lg:flex-shrink-0">
                         <div class="inline-flex rounded-md shadow">
-                            <a href="#" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-indigo-50">
+                            <a href="https://civitai.com/user/METAFILM_AI" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-indigo-50" target="_blank">
                                 免费试用
                             </a>
                         </div>
                         <div class="ml-3 inline-flex rounded-md shadow">
-                            <a href="#" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 bg-opacity-60 hover:bg-opacity-70">
+                            <a href="https://civitai.com/user/METAFILM_AI" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 bg-opacity-60 hover:bg-opacity-70" target="_blank">
                                 查看定价
                             </a>
                         </div>
@@ -681,22 +690,22 @@
                 <div class="col-span-2">
                     <div class="flex items-center">
                         <div class="w-10 h-10 rounded-full gradient-bg flex items-center justify-center text-white font-bold text-xl">R</div>
-                        <span class="ml-2 text-xl font-bold text-white">REDAIGC</span>
+                        <span class="ml-2 text-xl font-bold text-white">RED|<span class="ml-2 text-xl font-light text-white">AIGC</span></span>
                     </div>
                     <p class="mt-4 text-sm">
                         面向创作者、营销人员和企业的最强大AI设计平台。
                     </p>
                     <div class="mt-4 flex space-x-6">
-                        <a href="#" class="text-gray-400 hover:text-white">
+                        <a href="https://civitai.com/user/METAFILM_AI" target="_blank" class="text-gray-400 hover:text-white">
                             <i class="fab fa-twitter"></i>
                         </a>
-                        <a href="#" class="text-gray-400 hover:text-white">
+                        <a href="https://civitai.com/user/METAFILM_AI" target="_blank" class="text-gray-400 hover:text-white">
                             <i class="fab fa-instagram"></i>
                         </a>
-                        <a href="#" class="text-gray-400 hover:text-white">
+                        <a href="https://civitai.com/user/METAFILM_AI" target="_blank" class="text-gray-400 hover:text-white">
                             <i class="fab fa-discord"></i>
                         </a>
-                        <a href="#" class="text-gray-400 hover:text-white">
+                        <a href="https://civitai.com/user/METAFILM_AI" target="_blank" class="text-gray-400 hover:text-white">
                             <i class="fab fa-youtube"></i>
                         </a>
                     </div>
@@ -705,43 +714,43 @@
                 <div>
                     <h3 class="text-sm font-semibold text-white tracking-wider uppercase">产品</h3>
                     <ul class="mt-4 space-y-2">
-                        <li><a href="#" class="text-sm hover:text-white">功能</a></li>
-                        <li><a href="#" class="text-sm hover:text-white">模板</a></li>
-                        <li><a href="#" class="text-sm hover:text-white">定价</a></li>
-                        <li><a href="#" class="text-sm hover:text-white">API</a></li>
+                        <li><a href="https://civitai.com/user/METAFILM_AI" target="_blank" class="text-sm hover:text-white">功能</a></li>
+                        <li><a href="https://civitai.com/user/METAFILM_AI" target="_blank" class="text-sm hover:text-white">模板</a></li>
+                        <li><a href="https://civitai.com/user/METAFILM_AI" target="_blank" class="text-sm hover:text-white">定价</a></li>
+                        <li><a href="https://civitai.com/user/METAFILM_AI" target="_blank" class="text-sm hover:text-white">API</a></li>
                     </ul>
                 </div>
                 
                 <div>
                     <h3 class="text-sm font-semibold text-white tracking-wider uppercase">资源</h3>
                     <ul class="mt-4 space-y-2">
-                        <li><a href="#" class="text-sm hover:text-white">文档</a></li>
-                        <li><a href="#" class="text-sm hover:text-white">教程</a></li>
-                        <li><a href="#" class="text-sm hover:text-white">博客</a></li>
-                        <li><a href="#" class="text-sm hover:text-white">社区</a></li>
+                        <li><a href="https://civitai.com/user/METAFILM_AI" target="_blank" class="text-sm hover:text-white">文档</a></li>
+                        <li><a href="https://civitai.com/user/METAFILM_AI" target="_blank" class="text-sm hover:text-white">教程</a></li>
+                        <li><a href="https://civitai.com/user/METAFILM_AI" target="_blank" class="text-sm hover:text-white">博客</a></li>
+                        <li><a href="https://civitai.com/user/METAFILM_AI" target="_blank" class="text-sm hover:text-white">社区</a></li>
                     </ul>
                 </div>
                 
                 <div>
                     <h3 class="text-sm font-semibold text-white tracking-wider uppercase">公司</h3>
                     <ul class="mt-4 space-y-2">
-                        <li><a href="#" class="text-sm hover:text-white">关于我们</a></li>
-                        <li><a href="#" class="text-sm hover:text-white">招聘</a></li>
-                        <li><a href="#" class="text-sm hover:text-white">隐私政策</a></li>
-                        <li><a href="#" class="text-sm hover:text-white">服务条款</a></li>
+                        <li><a href="https://civitai.com/user/METAFILM_AI" target="_blank" class="text-sm hover:text-white">关于我们</a></li>
+                        <li><a href="https://civitai.com/user/METAFILM_AI" target="_blank" class="text-sm hover:text-white">招聘</a></li>
+                        <li><a href="https://civitai.com/user/METAFILM_AI" target="_blank" class="text-sm hover:text-white">隐私政策</a></li>
+                        <li><a href="https://civitai.com/user/METAFILM_AI" target="_blank" class="text-sm hover:text-white">服务条款</a></li>
                     </ul>
                 </div>
             </div>
             
             <div class="mt-12 border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between">
                 <p class="text-sm text-gray-400">
-                    &copy; 2025 METAFILM. 保留所有权利。
+                    &copy; 2025 METAFILM.Ai 保留所有权利。
                 </p>
                 <div class="mt-4 md:mt-0 flex space-x-6">
-                    <a href="https://redaigc.com" class="text-sm text-gray-400 hover:text-white">REDAIGC.com</a>
-                    <a href="#" class="text-sm text-gray-400 hover:text-white">隐私政策</a>
-                    <a href="#" class="text-sm text-gray-400 hover:text-white">服务条款</a>
-                    <a href="#" class="text-sm text-gray-400 hover:text-white">Cookie政策</a>
+                    <a href="https://civitai.com/user/METAFILM_AI" target="_blank" class="text-sm text-gray-400 hover:text-white">REDAIGC.com</a>
+                    <a href="https://civitai.com/user/METAFILM_AI" target="_blank" class="text-sm text-gray-400 hover:text-white">隐私政策</a>
+                    <a href="https://civitai.com/user/METAFILM_AI" target="_blank" class="text-sm text-gray-400 hover:text-white">服务条款</a>
+                    <a href="https://civitai.com/user/METAFILM_AI" target="_blank" class="text-sm text-gray-400 hover:text-white">Cookie政策</a>
                 </div>
             </div>
         </div>