Explorar o código

feat: add 'Pure Play' brand introduction section to SimpleHome

bob hai 4 meses
pai
achega
9d060a5c16
Modificáronse 1 ficheiros con 108 adicións e 0 borrados
  1. 108 0
      src/pages/SimpleHome.tsx

+ 108 - 0
src/pages/SimpleHome.tsx

@@ -104,6 +104,35 @@ const translations = {
             footerShareholder: '阅读:2025年5月29日给股东们的信',
             footerNote: '"纯粹的玩"由几位股东共同创立,我作为现在的法人和大股东,拥有最终决策权。',
             copyright: '© 2026 杭州纯粹的玩品牌科技有限公司'
+        },
+        brand: {
+            title: '欢迎来到「纯粹的玩AI实验室」',
+            subtitle: '探索超级个体的商业护城河',
+            desc1: '在技术狂飙的时代,很多人只看到了工具的迭代,而我们看到的是商业模式的重塑。',
+            desc2: '「纯粹的玩AI实验室」不是一个追逐短期风口的极客圈子,而是一个专注于将前沿技术落地为实际商业价值的实战社群。我们秉持价值投资的理念,不盲目跟风炒作,而是致力于挖掘那些具有长期生命力、能建立深厚护城河的 AI 应用场景。',
+            listTitle: '在这里,我们专注探索和拆解:',
+            list: [
+                {
+                    icon: '💼',
+                    title: '一人公司 (OPC) 的崛起与基础设施',
+                    desc: '探讨 AI 如何赋能独立开发者和超级个体。从自动化工作流到专属算力设施,我们研究如何用最低的边际成本,撬动最大的商业杠杆,让“一人成军”成为现实。'
+                },
+                {
+                    icon: '🏛️',
+                    title: 'AI + 文旅的实体赋能',
+                    desc: '告别虚无缥缈的纯线上概念,我们关注 AI 如何真正走到线下。探讨如何通过 AI 焕新传统文旅项目,打造沉浸式体验、寻宝互动与数字化运营闭环,让技术在泥土里扎根。'
+                },
+                {
+                    icon: '🎨',
+                    title: 'IP 孵化与资产沉淀',
+                    desc: '无论是数字游民的个人品牌,还是具有情绪价值和陪伴属性的商业 IP,我们研究如何利用 AI 高效生成并运营 IP,将其转化为可持续变现的无形资产。'
+                },
+                {
+                    icon: '🔍',
+                    title: '透视底层商业模式',
+                    desc: '拨开技术的迷雾,用投资人的眼光审视 AI 项目。分享洞察、分析标的,寻找那些真正具备复利效应和护城河的商业好生意。'
+                }
+            ]
         }
     },
     en: {
@@ -183,6 +212,35 @@ const translations = {
             footerShareholder: 'Read: Letter to Shareholders (May 29, 2025)',
             footerNote: '"Pure Play" was co-founded by several shareholders. As the current legal representative, I have the final decision-making power.',
             copyright: '© 2026 Pure Play Technology Co., Ltd. Hangzhou.'
+        },
+        brand: {
+            title: 'Welcome to "Pure Play AI Lab"',
+            subtitle: 'Exploring the Commercial Moat for Super Individuals',
+            desc1: 'In an era of rapid technological advancement, many see only the iteration of tools, but we see the reshaping of business models.',
+            desc2: '"Pure Play AI Lab" is not a geek circle chasing short-term trends, but a practical community dedicated to landing cutting-edge technology into actual business value. We uphold the philosophy of value investment, avoiding blind trend-following, and instead dedicating ourselves to excavating AI application scenarios with long-term vitality and deep moats.',
+            listTitle: 'Here, we focus on exploring and deconstructing:',
+            list: [
+                {
+                    icon: '💼',
+                    title: 'Rise & Infrastructure of One Person Companies (OPC)',
+                    desc: 'Discussing how AI empowers independent developers and super individuals. From automated workflows to dedicated computing facilities, we study how to leverage the lowest marginal cost to move the largest business leverage, making "One Person Army" a reality.'
+                },
+                {
+                    icon: '🏛️',
+                    title: 'AI + Real-World Tourism Empowerment',
+                    desc: 'Saying goodbye to ethereal pure online concepts, we focus on how AI truly walks offline. Discussing how to revitalize traditional tourism projects through AI, creating immersive experiences, treasure hunt interactions, and closed-loop digital operations, letting technology take root in the soil.'
+                },
+                {
+                    icon: '🎨',
+                    title: 'IP Incubation & Asset Precipitation',
+                    desc: 'Whether it is the personal brand of digital nomads or commercial IPs with emotional value and companionship attributes, we study how to efficiently generate and operate IPs using AI, transforming them into sustainable intangible assets.'
+                },
+                {
+                    icon: '🔍',
+                    title: 'Deconstructing Underlying Business Models',
+                    desc: 'Clearing the fog of technology, examining AI projects with the eyes of an investor. Sharing insights, analyzing targets, and looking for good business opportunities with true compound interest effects and moats.'
+                }
+            ]
         }
     }
 };
@@ -377,6 +435,56 @@ const SimpleHome = () => {
                 </div>
             </section>
 
+            {/* Brand Intro / Manifesto Section */}
+            <section id="brand-intro" className={`py-20 px-6 ${isDark ? 'bg-stone-800/30' : 'bg-stone-50'}`}>
+                <div className="max-w-5xl mx-auto">
+                    {/* Header */}
+                    <div className="text-center max-w-3xl mx-auto mb-16">
+                        <div className="flex items-center justify-center gap-2 mb-4">
+                            <span className="text-2xl">🚀</span>
+                            <h2 className={`text-2xl md:text-3xl font-serif font-bold ${isDark ? 'text-stone-100' : 'text-stone-800'}`}>
+                                {t.brand.title}
+                            </h2>
+                        </div>
+                        <p className={`text-lg md:text-xl font-medium mb-8 ${isDark ? 'text-blue-300' : 'text-blue-600'}`}>
+                            —— {t.brand.subtitle}
+                        </p>
+
+                        <div className={`space-y-6 text-base leading-relaxed text-left md:text-center ${isDark ? 'text-stone-400' : 'text-stone-600'}`}>
+                            <p>{t.brand.desc1}</p>
+                            <p>{t.brand.desc2}</p>
+                        </div>
+                    </div>
+
+                    {/* Features Grid */}
+                    <div className="mb-8">
+                        <h3 className={`text-lg font-bold mb-8 text-center ${isDark ? 'text-stone-300' : 'text-stone-700'}`}>
+                            {t.brand.listTitle}
+                        </h3>
+                        <div className="grid md:grid-cols-2 gap-6">
+                            {t.brand.list.map((item, idx) => (
+                                <div
+                                    key={idx}
+                                    className={`p-6 rounded-xl border transition-all hover:-translate-y-1 ${isDark ? 'bg-stone-800 border-stone-700' : 'bg-white border-stone-200 shadow-sm hover:shadow-md'}`}
+                                >
+                                    <div className="flex items-start gap-4">
+                                        <div className="text-3xl shrink-0">{item.icon}</div>
+                                        <div>
+                                            <h4 className={`font-bold text-lg mb-2 ${isDark ? 'text-stone-200' : 'text-stone-800'}`}>
+                                                {item.title}
+                                            </h4>
+                                            <p className={`text-sm leading-relaxed ${isDark ? 'text-stone-400' : 'text-stone-500'}`}>
+                                                {item.desc}
+                                            </p>
+                                        </div>
+                                    </div>
+                                </div>
+                            ))}
+                        </div>
+                    </div>
+                </div>
+            </section>
+
             {/* Detailed Sections - Minimalist Layout */}
 
             {/* Consulting */}