Hugging Face's logo

Spaces:
jasonnoy
/
boss_translator
Running

App Files Community
boss_translator
File size: 3,340 Bytes 
3394804
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
93b47e0
3394804
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
 
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>解语花 - AI驱动的文案优化平台</title>
    <link rel="stylesheet" href="/static/styles.css">
</head>
<body>
   
    <div class="landing-container">
        <header>
            <div class="logo">解语花</div>
        </header>
        
        <main class="landing-content">
            <div class="floating-avatar">
                <div class="avatar-icon">
                    <img src="/static/assets/avatar.svg" alt="头像" class="avatar-img">
                </div>
                <div class="dynamic-text" id="dynamic-text">"丑"</div>
            </div>
            
            <div class="floating-feature">
                <div class="feature-icon">
                    <img src="/static/assets/11.png" alt="解码潜台词图标">
                </div>
                <div class="feature-text">解码潜台词</div>
            </div>
            
            <div class="flower-container">
                <img src="/static/assets/flower.webp" alt="花朵" class="flower-img">
            </div>
      
         
            
            <div class="hero-title">
                <div class="biao-container">
                    <img src="/static/assets/biao.png" alt="花朵" class="biao-img">
                </div>
                <p class="description">
                    「AI解码潜台词，揭穿《求生欲不强》，让您既能察言观色时，也能随心所欲地表达」<br>
                    翻译准确率99.9%，比谷歌不少点艺术，多点幽默。
                </p>
                <a href="/static/upload.html" class="cta-button">一键体验</a>
            </div>
            
            <div class="showcase-section">
                <div class="device-wrapper">
                    <div class="showcase-device device1">
                        <img src="/static/assets/device1.jpg" alt="设备展示1">
                    </div>
                    <div class="showcase-device device2">
                        <img src="/static/assets/device2.jpg" alt="设备展示2">
                    </div>
                    <div class="showcase-device device3">
                        <img src="/static/assets/device3.jpg" alt="设备展示3">
                    </div>
                    <div class="showcase-device device4">
                        <img src="/static/assets/device4.jpg" alt="3D展示">
                    </div>
                </div>
            </div>
            
            <div class="bottom-section">
                <div class="subtitle-text">改稿PTSD? 不存在的!</div>
                <h2 class="secondary-title">不同设计类型-AI老中医都能治</h2>
                <p class="description-secondary">
                    「「UI界面逻辑混乱？品牌视觉割裂？营销图转化率低？
                    AI设计老中医上线——把脉图层结构，透视视觉动线，专治设计『我以为这样能过稿』综合症」
                </p>
                <a href="/static/upload.html" class="cta-button secondary-button">一键体验</a>
            </div>
        </main>
    </div>
    
    <script src="/static/script.js"></script>
</body>
</html>