Update src/main.rs

src/main.rs

@@ -3,51 +3,10 @@ use axum::{
     routing::get,
     Router,
 };
-use serde::Serialize;
 use std::env;
-use tracing::{info, error};
-
-#[derive(Serialize, Clone)]
-struct Product {
-    id: u32,
-    name: &'static str,
-    price: &'static str,
-    image: &'static str,
-    description: &'static str,
-}
-
-const PRODUCTS: &[Product] = &[
-    Product {
-        id: 1,
-        name: "Rust Ferris Plush",
-        price: "29.99 $",
-        image: "https://rustacean.net/assets/rustacean-flat-gesture.png",
-        description: "Мягкий и уютный Феррис для вашего рабочего стола.",
-    },
-    Product {
-        id: 2,
-        name: "Turbo Gear",
-        price: "49.99 $",
-        image: "https://foundation.rust-lang.org/img/rust-logo-blk.svg",
-        description: "Шестеренка, которая заставляет всё работать максимально быстро.",
-    },
-    Product {
-        id: 3,
-        name: "Memory Safe Shield",
-        price: "15.00 $",
-        image: "https://www.rust-lang.org/static/images/rust-logo-blk.svg",
-        description: "Защита от сегфолтов и утечек памяти в реальной жизни.",
-    },
-];
 
 #[tokio::main]
 async fn main() {
-    tracing_subscriber::fmt()
-        .with_max_level(tracing::Level::INFO)
-        .init();
-
-    info!("🚀 Запуск Rust-каталога...");
-
     let app = Router::new()
         .route("/", get(index_handler))
         .route("/health", get(|| async { "ok" }));
@@ -55,93 +14,68 @@ async fn main() {
     let port = env::var("PORT").unwrap_or_else(|_| "7860".to_string());
     let addr = format!("0.0.0.0:{}", port);
     
-    info!("📡 Сервер на {}", addr);
-
     let listener = tokio::net::TcpListener::bind(&addr).await.unwrap();
     axum::serve(listener, app).await.unwrap();
 }
 
 async fn index_handler() -> AxumHtml<String> {
-    let mut cards_html = String::new();
-    
-    for p in PRODUCTS {
-        cards_html.push_str(&format!(
-            r#"
-            <div class="bg-white rounded-2xl shadow-sm hover:shadow-xl transition-shadow duration-300 overflow-hidden border border-gray-100">
-                <div class="h-48 bg-gray-50 flex items-center justify-center p-6">
-                    <img src="{}" alt="{}" class="max-h-full object-contain">
-                </div>
-                <div class="p-6">
-                    <h3 class="text-lg font-bold text-gray-800">{}</h3>
-                    <p class="text-sm text-gray-500 mt-2">{}</p>
-                    <div class="flex items-center justify-between mt-6">
-                        <span class="text-xl font-extrabold text-orange-600">{}</span>
-                        <button class="bg-gray-900 text-white px-4 py-2 rounded-lg hover:bg-orange-600 transition-colors">
-                            В корзину
-                        </button>
-                    </div>
+    // Список товаров
+    let products = vec![
+        ("Rust Ferris", "29.99 $", "https://rustacean.net/assets/rustacean-flat-gesture.png", "Мягкий краб Феррис."),
+        ("Turbo Engine", "49.99 $", "https://foundation.rust-lang.org/img/rust-logo-blk.svg", "Максимальная скорость."),
+        ("Safe Shield", "15.00 $", "https://www.rust-lang.org/static/images/rust-logo-blk.svg", "Безопасность памяти."),
+    ];
+
+    let mut cards = String::new();
+    for p in products {
+        cards.push_str(&format!(
+            r#"<div class="bg-white rounded-xl shadow-md overflow-hidden border border-gray-100 p-4">
+                <img src="{}" class="h-40 w-full object-contain mb-4">
+                <h3 class="text-lg font-bold">{}</h3>
+                <p class="text-sm text-gray-500 mb-4">{}</p>
+                <div class="flex justify-between items-center">
+                    <span class="text-orange-600 font-bold text-xl">{}</span>
+                    <button class="bg-black text-white px-3 py-1 rounded shadow hover:bg-orange-600 transition">Купить</button>
                 </div>
-            </div>
-            "#,
-            p.image, p.name, p.name, p.description, p.price
+            </div>"#,
+            p.2, p.0, p.3, p.1
         ));
     }
 
-    // Используем двойные фигурные скобки {{ }} для CSS, чтобы format! их не трогал
-    let page = format!(
-        r#"
-        <!DOCTYPE html>
-        <html lang="ru">
+    let html = format!(
+        r#"<!DOCTYPE html>
+        <html>
         <head>
             <meta charset="UTF-8">
-            <meta name="viewport" content="width=device-width, initial-scale=1.0">
             <script src="https://cdn.tailwindcss.com"></script>
-            <title>Rust Shop Labs</title>
-            <style>
-                @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700;800&display=swap');
-                body {{ font-family: 'Inter', sans-serif; }}
-            </style>
+            <title>Rust Store</title>
         </head>
-        <body class="bg-gray-50 text-gray-900">
-            <header class="bg-white border-b border-gray-200 sticky top-0 z-50">
-                <div class="max-w-7xl mx-auto px-4 py-4 flex justify-between items-center">
-                    <div class="flex items-center space-x-2">
-                        <div class="w-10 h-10 bg-orange-600 rounded-lg flex items-center justify-center text-white font-bold text-xl"> R </div>
-                        <span class="text-xl font-extrabold tracking-tight">RUST<span class="text-orange-600">STORE</span></span>
-                    </div>
-                    <nav class="hidden md:flex space-x-8 font-medium">
-                        <a href="#" class="hover:text-orange-600">Каталог</a>
-                        <a href="#" class="hover:text-orange-600">О нас</a>
-                        <a href="#" class="hover:text-orange-600">Доставка</a>
-                    </nav>
-                    <div class="relative p-2">
-                         <span class="absolute top-0 right-0 bg-orange-600 text-white text-[10px] rounded-full h-4 w-4 flex items-center justify-center"> 0 </span>
-                         <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z" />
-                         </svg>
+        <body class="bg-gray-50 font-sans">
+            <nav class="bg-white shadow-sm p-4 sticky top-0 z-10">
+                <div class="max-w-6xl mx-auto flex justify-between items-center">
+                    <h1 class="text-2xl font-black text-orange-600 tracking-tighter">RUST SHOP</h1>
+                    <div class="space-x-4 text-gray-600 font-medium">
+                        <a href="#">Каталог</a>
+                        <a href="#">Доставка</a>
                     </div>
                 </div>
-            </header>
-
-            <main class="max-w-7xl mx-auto px-4 py-12">
-                <div class="text-center mb-16">
-                    <h1 class="text-5xl font-extrabold mb-4">Безопасный шопинг на <span class="text-orange-600">Rust</span></h1>
-                    <p class="text-gray-500 text-lg">Высокая производительность. Нулевая стоимость абстракций.</p>
+            </nav>
+            <main class="max-w-6xl mx-auto p-8">
+                <div class="mb-12 text-center">
+                    <h2 class="text-4xl font-extrabold text-gray-900 mb-2">Надежный мерч на Rust</h2>
+                    <p class="text-gray-500">Скомпилировано для вашего комфорта</p>
                 </div>
-
-                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
-                    {cards}
+                <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+                    {}
                 </div>
             </main>
-
-            <footer class="mt-20 py-10 border-t border-gray-200 text-center text-gray-400 text-sm">
-                <p>&copy; 2026 Powered by Axum & Rust. HF Spaces Edition.</p>
+            <footer class="text-center py-10 text-gray-400 text-sm border-t mt-10">
+                &copy; 2026 Rust Axum Store | Hugging Face Spaces
             </footer>
         </body>
-        </html>
-        "#,
-        cards = cards_html
+        </html>"#,
+        cards
     );
 
-    AxumHtml(page)
+    AxumHtml(html)
 }