📝 Update solar network introduce

This commit is contained in:
LittleSheep 2025-02-06 19:59:57 +08:00
parent 5973c7f25e
commit 931c917ba7
11 changed files with 254 additions and 5 deletions

View File

@ -1,5 +1,6 @@
{
"actionDownload": "Download",
"actionLearnMore": "Learn more",
"downloadPlatform": "Platform",
"downloadDistribution": "Distribution",
"downloadAppleStore": "iOS / macOS (App Store)",

View File

@ -9,5 +9,27 @@
"faq3": "Which rules do I need to follow while using Solar Network?",
"faq3a": "Check out our Terms & Conditions for a detailed explanation of what you can do and cannot do on Solar Network. If you violate any of these rules, we have the right to suspend or terminate your account., you can see them in the drawer.",
"faq4": "If I have any question about Solar Network, where can I get help?",
"faq4a": "Feel free to email as at lily@solsynth.dev"
"faq4a": "Feel free to email as at lily@solsynth.dev",
"ftDashboard": "Dashboard",
"ftDashboardDescription": "Get what happened recently, all in one place.",
"ftExplore": "Exploring",
"ftExploreDescription": "Content you love without the ads or algorithms.",
"ftChat": "Chat",
"ftChatDescription": "Keep in touch with your friends and communities, across the world.",
"ftNews": "News",
"ftNewsDescription": "Stay up to date with the latest news and events.",
"ftStickers": "Stickers",
"ftStickersDescription": "Express your feelings better with the various stickers.",
"ftPosting": "Posting",
"ftPostingDescription": "Share your thoughts and ideas with the world. Without limits and censorship.",
"ftPostingDescriptionAddition": "The Solar Network team will not impose any restrictions on the content you post, but according to our User Agreement, we may reduce or limit the public display of content that violates its rules.",
"whatsMore": "What's more",
"ftOpenSource": "Free, Transparent, Open-source",
"ftOpenSourceDescription": "The code powered Solar Network is open-sourced under GPLv3 license, you can check the source code down below in the download section.",
"ftSecurity": "Security",
"ftSecurityDescription": "Solar Network has done a lot in terms of security. We use multi-factor authentication to protect your account, while being safe and convenient.",
"ftNoCollecting": "No data collection",
"ftNoCollectingDescription": "Solar Network does not collect any personal information for marketing or other purposes, nor does it sell it to third parties.",
"noWaiting": "What are you waiting for?",
"noWaitingDescription": "Join Solar Network today, by downloading the app or open it in your browser and create an account."
}

View File

@ -1,5 +1,6 @@
{
"actionDownload": "下载",
"actionLearnMore": "了解更多",
"downloadPlatform": "平台",
"downloadDistribution": "分发",
"downloadAppleStore": "iOS / macOS (App Store)",

View File

@ -9,5 +9,27 @@
"faq3": "使用 Solar Network 时我需要遵守哪些规则?",
"faq3a": "查看我们的条款和条件,详细了解您在 Solar Network 上可以做什么和不能做什么。如果您违反任何这些规则,我们有权暂停或终止您的帐户。您可以在抽屉中看到它们。",
"faq4": "如果我对 Solar Network 有任何疑问,我可以在哪里获得帮助?",
"faq4a": "你可以发邮件给我们的客户服务获取支持lily@solsynth.dev"
"faq4a": "你可以发邮件给我们的客户服务获取支持lily@solsynth.dev",
"ftDashboard": "冲浪板",
"ftDashboardDescription": "在同一个地方,方便地了解最近发生了什么。",
"ftExplore": "探索",
"ftExploreDescription": "在没有广告或算法的干扰下欣赏你喜欢的内容。",
"ftChat": "聊天",
"ftChatDescription": "跨过地区的间隔,与你的朋友和社区进行保持联系。",
"ftNews": "新闻",
"ftNewsDescription": "不行千里,也能知晓天下事。",
"ftStickers": "贴图 / 表情",
"ftStickersDescription": "使用各种贴纸更好地表达您的感受。",
"ftPosting": "撰写",
"ftPostingDescription": "在没有限制和审查的环境,与世界分享你的想法和想法",
"ftPostingDescriptionAddition": "Solar Network 团队不会对您发表的内容做任何限制,但是根据我们的《用户协议》,我们可能会对违反其规则的内容进行减少或限制公开展示。",
"whatsMore": "还有更多",
"ftOpenSource": "自由、透明、开源",
"ftOpenSourceDescription": "驱动 Solar Network 的代码在 GPLv3 许可下开源,您可以在下面的下载区域查看源代码。",
"ftSecurity": "安全",
"ftSecurityDescription": "Solar Network 在安全性方面做了很多,我们采用多因子验证方式来保护你的帐号,同时具备安全和方便。",
"ftNoCollecting": "不采集数据",
"ftNoCollectingDescription": "Solar Network 不会收集任何个人信息用于营销或者其他目的,更不会出售给第三方。",
"noWaiting": "你还在等待什么?",
"noWaitingDescription": "通过下载 / 在浏览器中打开 Solian 并创建一个帐号,现在就加入 Solar Network 吧!"
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 441 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 787 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 770 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 749 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 461 KiB

View File

@ -12,6 +12,9 @@ import {
Accordion,
AccordionDetails,
AccordionSummary,
Grid2 as Grid,
Card,
CardContent,
} from '@mui/material'
import { JSX } from 'react'
import { Roboto_Serif } from 'next/font/google'
@ -27,10 +30,21 @@ import AndroidIcon from '@mui/icons-material/Android'
import WindowIcon from '@mui/icons-material/Window'
import WebIcon from '@mui/icons-material/Public'
import CodeIcon from '@mui/icons-material/Code'
import SearchIcon from '@mui/icons-material/Search'
import GitHubIcon from '@mui/icons-material/GitHub'
import SecurityIcon from '@mui/icons-material/Security'
import CookieIcon from '@mui/icons-material/Cookie'
import ImgSolarNetworkIcon from '@/assets/products/solar-network/icon.png'
import ImgSolarNetworkAlpha from '@/assets/products/solar-network/alpha.webp'
import ImgFtDashboard from '@/assets/products/solar-network/ft-dashboard.png'
import ImgFtExplore from '@/assets/products/solar-network/ft-explore.png'
import ImgFtChat from '@/assets/products/solar-network/ft-chat.png'
import ImgFtNews from '@/assets/products/solar-network/ft-news.png'
import ImgFtStickers from '@/assets/products/solar-network/ft-stickers.png'
import ImgFtPosting from '@/assets/products/solar-network/ft-posting.png'
import 'animate.css'
import { useTranslation } from 'next-i18next'
@ -162,15 +176,204 @@ export default function ProductSolarNetwork() {
{t('appSlogan')}
</Typography>
<Box display="flex" gap={2}>
<Link href="#features" sx={{ my: 2.5 }}>
{ct('actionLearnMore')} <SearchIcon sx={{ fontSize: 15, marginLeft: 0.5 }} />
</Link>
<Link href="#download" sx={{ my: 2.5 }}>
{ct('actionDownload')} <DownloadIcon sx={{ fontSize: 15, marginLeft: 0.5 }} />
</Link>
</Box>
<Box position="relative" width="100%" sx={{ aspectRatio: 16 / 10, mt: 5 }}>
<Image src={ImgSolarNetworkAlpha} fill alt="solar network screenshot" style={{ objectFit: 'cover' }} />
</Box>
</Box>
<Box id="features" display="flex" flexDirection="column" gap={12}>
<Grid container columns={{ xs: 1, md: 2 }} spacing={4} alignItems="center">
<Grid size={1}>
<Typography variant="h5" component="h3" fontWeight="bold" gutterBottom>
{t('ftDashboard')}
</Typography>
<Typography variant="body1" fontSize={18}>
{t('ftDashboardDescription')}
</Typography>
</Grid>
<Grid size={1}>
<Box position="relative" borderRadius="4px" width="100%" sx={{ aspectRatio: 16 / 9 }} className="shadow-xl">
<Image
src={ImgFtDashboard}
alt="solar network dashboard"
fill
style={{ objectFit: 'cover', borderRadius: '8px' }}
/>
</Box>
</Grid>
</Grid>
<Grid container columns={{ xs: 1, md: 2 }} spacing={4} alignItems="center">
<Grid size={1}>
<Box position="relative" borderRadius="4px" width="100%" sx={{ aspectRatio: 16 / 9 }} className="shadow-xl">
<Image
src={ImgFtExplore}
alt="solar network explore"
fill
style={{ objectFit: 'cover', borderRadius: '8px' }}
/>
</Box>
</Grid>
<Grid size={1} textAlign={{ xs: 'left', md: 'right' }} order={{ xs: -1, md: 1 }}>
<Typography variant="h5" component="h3" fontWeight="bold" gutterBottom>
{t('ftExplore')}
</Typography>
<Typography variant="body1" fontSize={18}>
{t('ftExploreDescription')}
</Typography>
</Grid>
</Grid>
<Grid container columns={{ xs: 1, md: 2 }} spacing={4} alignItems="center">
<Grid size={1}>
<Typography variant="h5" component="h3" fontWeight="bold" gutterBottom>
{t('ftChat')}
</Typography>
<Typography variant="body1" fontSize={18}>
{t('ftChatDescription')}
</Typography>
</Grid>
<Grid size={1}>
<Box position="relative" borderRadius="4px" width="100%" sx={{ aspectRatio: 16 / 9 }} className="shadow-xl">
<Image
src={ImgFtChat}
alt="solar network chat"
fill
style={{ objectFit: 'cover', borderRadius: '8px' }}
/>
</Box>
</Grid>
</Grid>
<Grid container columns={{ xs: 1, md: 2 }} spacing={4} alignItems="center">
<Grid size={1}>
<Box position="relative" borderRadius="4px" width="100%" sx={{ aspectRatio: 16 / 9 }} className="shadow-xl">
<Image
src={ImgFtNews}
alt="solar network news"
fill
style={{ objectFit: 'cover', borderRadius: '8px' }}
/>
</Box>
</Grid>
<Grid size={1} textAlign={{ xs: 'left', md: 'right' }} order={{ xs: -1, md: 1 }}>
<Typography variant="h5" component="h3" fontWeight="bold" gutterBottom>
{t('ftNews')}
</Typography>
<Typography variant="body1" fontSize={18}>
{t('ftNewsDescription')}
</Typography>
</Grid>
</Grid>
<Grid container columns={{ xs: 1, md: 2 }} spacing={4} alignItems="center">
<Grid size={1}>
<Typography variant="h5" component="h3" fontWeight="bold" gutterBottom>
{t('ftStickers')}
</Typography>
<Typography variant="body1" fontSize={18}>
{t('ftStickersDescription')}
</Typography>
</Grid>
<Grid size={1}>
<Box position="relative" borderRadius="4px" width="100%" sx={{ aspectRatio: 16 / 9 }} className="shadow-xl">
<Image
src={ImgFtStickers}
alt="solar network stickers"
fill
style={{ objectFit: 'cover', borderRadius: '8px' }}
/>
</Box>
</Grid>
</Grid>
<Grid container columns={{ xs: 1, md: 2 }} spacing={4} alignItems="center">
<Grid size={1}>
<Box position="relative" borderRadius="4px" width="100%" sx={{ aspectRatio: 16 / 9 }} className="shadow-xl">
<Image
src={ImgFtPosting}
alt="solar network posting"
fill
style={{ objectFit: 'cover', borderRadius: '8px' }}
/>
</Box>
</Grid>
<Grid size={1} textAlign={{ xs: 'left', md: 'right' }} order={{ xs: -1, md: 1 }}>
<Typography variant="h5" component="h3" fontWeight="bold" gutterBottom>
{t('ftPosting')}
</Typography>
<Typography variant="body1" fontSize={18} gutterBottom>
{t('ftPostingDescription')}
</Typography>
<Typography variant="caption">*{t('ftPostingDescriptionAddition')}</Typography>
</Grid>
</Grid>
<Box>
<Typography variant="h5" component="h2" textAlign="center" sx={{ my: 5 }}>
{t('whatsMore')}
</Typography>
<Grid container columns={{ xs: 1, sm: 2, md: 3 }} spacing={4}>
<Grid size={1}>
<Card variant="outlined">
<CardContent>
<GitHubIcon sx={{ fontSize: 40, mb: 1 }} />
<Typography variant="h6" component="h5" gutterBottom>
{t('ftOpenSource')}
</Typography>
<Typography variant="body2">{t('ftOpenSourceDescription')}</Typography>
</CardContent>
</Card>
</Grid>
<Grid size={1}>
<Card variant="outlined">
<CardContent>
<SecurityIcon sx={{ fontSize: 40, mb: 1 }} />
<Typography variant="h6" component="h5" gutterBottom>
{t('ftSecurity')}
</Typography>
<Typography variant="body2">{t('ftSecurityDescription')}</Typography>
</CardContent>
</Card>
</Grid>
<Grid size={1}>
<Card variant="outlined">
<CardContent>
<CookieIcon sx={{ fontSize: 40, mb: 1 }} />
<Typography variant="h6" component="h5" gutterBottom>
{t('ftNoCollecting')}
</Typography>
<Typography variant="body2">{t('ftNoCollectingDescription')}</Typography>
</CardContent>
</Card>
</Grid>
</Grid>
</Box>
<Box textAlign="center">
<Typography variant="h5" component="h2" fontWeight="bold" sx={{ mt: 5 }} gutterBottom>
{t('noWaiting')}
</Typography>
<Typography variant="body1" sx={{ mb: 2 }}>
{t('noWaitingDescription')}
</Typography>
<Link href="#download" sx={{ my: 2.5 }}>
{ct('actionDownload')} <DownloadIcon sx={{ fontSize: 15, marginLeft: 0.5 }} />
</Link>
</Box>
</Box>
<Box id="download">
<Typography variant="h5" component="h2" textAlign="center" sx={{ mb: 5 }}>
{ct('actionDownload')}