feat: internationalize Home page content by extracting strings into localization files.
This commit is contained in:
Ho Ngoc Hai
@@ -1,41 +1,32 @@
|
||||
@page "/"
|
||||
@inject IStringLocalizer<Home> L
|
||||
|
||||
<PageTitle>GoodGo - Enterprise AI Solutions</PageTitle>
|
||||
|
||||
<!-- Hero Section -->
|
||||
<section class="hero-section">
|
||||
<h1 class="hero-headline">
|
||||
Powering the Next Generation <br />
|
||||
<span style="background: var(--brand-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;">of Digital Enterprise</span>
|
||||
@((MarkupString)L["HeroHeadline"].Value)
|
||||
</h1>
|
||||
|
||||
<p class="hero-subtext">
|
||||
Secure, scalable, and intelligent infrastructure for modern businesses.
|
||||
Unlock potential with our AI-driven ecosystem.
|
||||
@L["HeroSubtext"]
|
||||
</p>
|
||||
|
||||
<div class="hero-actions">
|
||||
<a href="/solutions" class="btn-enterprise-primary">Explore Solutions</a>
|
||||
<a href="/contact" class="btn-enterprise-secondary">Contact Sales</a>
|
||||
<a href="/solutions" class="btn-enterprise-primary">@L["ExploreSolutions"]</a>
|
||||
<a href="/contact" class="btn-enterprise-secondary">@L["ContactSales"]</a>
|
||||
</div>
|
||||
|
||||
<div class="image-placeholder hero-image-placeholder">
|
||||
<span>Hero Image Placeholder</span>
|
||||
</div>
|
||||
<!--
|
||||
IMAGE PROMPT:
|
||||
A high-tech, abstract representations of a "digital ecosystem."
|
||||
Cinematic lighting, dark mode aesthetic, deep blues and blacks with neon cyan accents.
|
||||
3D geometric shapes connecting in a network, symbolizing blockchain and AI integration.
|
||||
Clean, minimalist, premium texture. Ultrawide aspect ratio.
|
||||
-->
|
||||
</section>
|
||||
|
||||
<!-- Trust Section -->
|
||||
<section class="trust-section">
|
||||
<div class="trust-label">Trusted by 500+ Innovative Companies</div>
|
||||
<div class="trust-label">@L["TrustedBy"]</div>
|
||||
<div class="d-flex justify-center gap-8 mt-4" style="opacity: 0.5;">
|
||||
<!-- Logos would go here. Using text placeholders for now. -->
|
||||
<MudText Typo="Typo.h5" Style="font-weight: 700; color: var(--text-tertiary);">ACME Corp</MudText>
|
||||
<MudText Typo="Typo.h5" Style="font-weight: 700; color: var(--text-tertiary);">GlobalTech</MudText>
|
||||
<MudText Typo="Typo.h5" Style="font-weight: 700; color: var(--text-tertiary);">Nebula</MudText>
|
||||
@@ -52,17 +43,9 @@
|
||||
<div class="image-placeholder service-icon-placeholder">
|
||||
<MudIcon Icon="@Icons.Material.Filled.Security" Size="Size.Large" />
|
||||
</div>
|
||||
<!--
|
||||
IMAGE PROMPT:
|
||||
3D icon of a glowing digital shield interwoven with neural network nodes.
|
||||
Isometric view. High gloss finish. Blue and silver color palette.
|
||||
Symbolizing security and intelligence. White background.
|
||||
-->
|
||||
<h3 class="solution-title">AI & Blockchain Core</h3>
|
||||
<p class="solution-desc">
|
||||
Decentralized security meets machine learning. Our core infrastructure ensures immutable data integrity while automating complex decision-making processes.
|
||||
</p>
|
||||
<a href="/solutions/core" class="nav-overlay-link" style="font-size: 1rem;">Learn more →</a>
|
||||
<h3 class="solution-title">@L["Solution_AI_Title"]</h3>
|
||||
<p class="solution-desc">@L["Solution_AI_Desc"]</p>
|
||||
<a href="/solutions/core" class="nav-overlay-link" style="font-size: 1rem;">@L["LearnMore"] →</a>
|
||||
</div>
|
||||
|
||||
<!-- Service 2: Data-Driven Marketing -->
|
||||
@@ -70,17 +53,9 @@
|
||||
<div class="image-placeholder service-icon-placeholder">
|
||||
<MudIcon Icon="@Icons.Material.Filled.TrendingUp" Size="Size.Large" />
|
||||
</div>
|
||||
<!--
|
||||
IMAGE PROMPT:
|
||||
3D icon of an ascending abstract data graph morphing into a target arrow.
|
||||
Vibrant orange and purple gradients. Isometric view.
|
||||
Symbolizing growth and precision targeting. White background.
|
||||
-->
|
||||
<h3 class="solution-title">Data-Driven Marketing</h3>
|
||||
<p class="solution-desc">
|
||||
Maximize ROI with predictive analytics. Transform raw data into actionable insights to target the right audience at the perfect moment.
|
||||
</p>
|
||||
<a href="/solutions/marketing" class="nav-overlay-link" style="font-size: 1rem;">Learn more →</a>
|
||||
<h3 class="solution-title">@L["Solution_Marketing_Title"]</h3>
|
||||
<p class="solution-desc">@L["Solution_Marketing_Desc"]</p>
|
||||
<a href="/solutions/marketing" class="nav-overlay-link" style="font-size: 1rem;">@L["LearnMore"] →</a>
|
||||
</div>
|
||||
|
||||
<!-- Service 3: Next-Gen Rewards -->
|
||||
@@ -88,17 +63,9 @@
|
||||
<div class="image-placeholder service-icon-placeholder">
|
||||
<MudIcon Icon="@Icons.Material.Filled.Loyalty" Size="Size.Large" />
|
||||
</div>
|
||||
<!--
|
||||
IMAGE PROMPT:
|
||||
3D icon of a floating premium gift box or token coin with a digital glow.
|
||||
Gold and emerald accents. Isometric view.
|
||||
Symbolizing value and loyalty. White background.
|
||||
-->
|
||||
<h3 class="solution-title">Next-Gen Rewards</h3>
|
||||
<p class="solution-desc">
|
||||
Elevate customer retention with a seamless digital loyalty ecosystem. Instant redemption, gamified tiers, and personalized rewards.
|
||||
</p>
|
||||
<a href="/solutions/rewards" class="nav-overlay-link" style="font-size: 1rem;">Learn more →</a>
|
||||
<h3 class="solution-title">@L["Solution_Rewards_Title"]</h3>
|
||||
<p class="solution-desc">@L["Solution_Rewards_Desc"]</p>
|
||||
<a href="/solutions/rewards" class="nav-overlay-link" style="font-size: 1rem;">@L["LearnMore"] →</a>
|
||||
</div>
|
||||
|
||||
<!-- Service 4: Multi-Industry POS -->
|
||||
@@ -106,24 +73,17 @@
|
||||
<div class="image-placeholder service-icon-placeholder">
|
||||
<MudIcon Icon="@Icons.Material.Filled.PointOfSale" Size="Size.Large" />
|
||||
</div>
|
||||
<!--
|
||||
IMAGE PROMPT:
|
||||
3D icon of a sleek, futuristic payment terminal or tablet interface.
|
||||
Clean white and metallic grey. Isometric view.
|
||||
Symbolizing commerce and connectivity. White background.
|
||||
-->
|
||||
<h3 class="solution-title">Multi-Industry POS</h3>
|
||||
<p class="solution-desc">
|
||||
Unified commerce for retail and services. Manage inventory, sales, and staff across multiple locations from a single cloud dashboard.
|
||||
</p>
|
||||
<a href="/solutions/pos" class="nav-overlay-link" style="font-size: 1rem;">Learn more →</a>
|
||||
<h3 class="solution-title">@L["Solution_POS_Title"]</h3>
|
||||
<p class="solution-desc">@L["Solution_POS_Desc"]</p>
|
||||
<a href="/solutions/pos" class="nav-overlay-link" style="font-size: 1rem;">@L["LearnMore"] →</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Simple Footer -->
|
||||
<footer style="border-top: 1px solid var(--border-subtle); padding: var(--space-8) 0; text-align: center; margin-top: var(--space-16); color: var(--text-tertiary);">
|
||||
<p>© 2024 GoodGo Enterprise. All rights reserved.</p>
|
||||
<p>@L["FooterCopyright"]</p>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -4,5 +4,20 @@
|
||||
"Enterprise": "Enterprise",
|
||||
"Company": "Company",
|
||||
"GetInTouch": "Get in Touch",
|
||||
"ToggleTheme": "Toggle theme"
|
||||
"ToggleTheme": "Toggle theme",
|
||||
"HeroHeadline": "Powering the Next Generation <br /> of Digital Enterprise",
|
||||
"HeroSubtext": "Secure, scalable, and intelligent infrastructure for modern businesses. Unlock potential with our AI-driven ecosystem.",
|
||||
"ExploreSolutions": "Explore Solutions",
|
||||
"ContactSales": "Contact Sales",
|
||||
"TrustedBy": "Trusted by 500+ Innovative Companies",
|
||||
"Solution_AI_Title": "AI & Blockchain Core",
|
||||
"Solution_AI_Desc": "Decentralized security meets machine learning. Our core infrastructure ensures immutable data integrity.",
|
||||
"Solution_Marketing_Title": "Data-Driven Marketing",
|
||||
"Solution_Marketing_Desc": "Maximize ROI with predictive analytics. Transform raw data into actionable insights.",
|
||||
"Solution_Rewards_Title": "Next-Gen Rewards",
|
||||
"Solution_Rewards_Desc": "Elevate customer retention with a seamless digital loyalty ecosystem. Instant redemption and gamified tiers.",
|
||||
"Solution_POS_Title": "Multi-Industry POS",
|
||||
"Solution_POS_Desc": "Unified commerce for retail and services. Manage inventory, sales, and staff from a single dashboard.",
|
||||
"LearnMore": "Learn more",
|
||||
"FooterCopyright": "© 2024 GoodGo Enterprise. All rights reserved."
|
||||
}
|
||||
@@ -4,5 +4,20 @@
|
||||
"Enterprise": "Doanh nghiệp",
|
||||
"Company": "Công ty",
|
||||
"GetInTouch": "Liên hệ",
|
||||
"ToggleTheme": "Đổi giao diện"
|
||||
"ToggleTheme": "Đổi giao diện",
|
||||
"HeroHeadline": "Thúc đẩy Thế hệ Tiếp theo <br /> của Doanh nghiệp Số",
|
||||
"HeroSubtext": "Cơ sở hạ tầng an toàn, mở rộng và thông minh cho doanh nghiệp hiện đại. Khơi dậy tiềm năng với hệ sinh thái AI.",
|
||||
"ExploreSolutions": "Khám phá Giải pháp",
|
||||
"ContactSales": "Liên hệ Kinh doanh",
|
||||
"TrustedBy": "Được tin dùng bởi 500+ Doanh nghiệp Tiên phong",
|
||||
"Solution_AI_Title": "Cốt lõi AI & Blockchain",
|
||||
"Solution_AI_Desc": "Bảo mật phi tập trung gặp gỡ học máy. Cơ sở hạ tầng cốt lõi đảm bảo tính toàn vẹn dữ liệu bất biến.",
|
||||
"Solution_Marketing_Title": "Marketing Dựa trên Dữ liệu",
|
||||
"Solution_Marketing_Desc": "Tối đa hóa ROI với phân tích dự đoán. Chuyển đổi dữ liệu thô thành thông tin chi tiết có thể hành động.",
|
||||
"Solution_Rewards_Title": "Thưởng Thế hệ Mới",
|
||||
"Solution_Rewards_Desc": "Nâng cao giữ chân khách hàng với hệ sinh thái lòng trung thành kỹ thuật số liền mạch.",
|
||||
"Solution_POS_Title": "POS Đa Ngành",
|
||||
"Solution_POS_Desc": "Thương mại hợp nhất cho bán lẻ và dịch vụ. Quản lý tồn kho, bán hàng và nhân viên từ một bảng điều khiển.",
|
||||
"LearnMore": "Tìm hiểu thêm",
|
||||
"FooterCopyright": "© 2024 GoodGo Enterprise. Bảo lưu mọi quyền."
|
||||
}
|
||||
Reference in New Issue
Block a user