2024-02-24 08:07:59 +00:00
|
|
|
|
import {
|
|
|
|
|
Avatar,
|
|
|
|
|
Box,
|
|
|
|
|
Button,
|
2024-02-24 13:56:35 +00:00
|
|
|
|
Card,
|
|
|
|
|
colors,
|
2024-02-24 08:07:59 +00:00
|
|
|
|
Container,
|
|
|
|
|
Grid,
|
|
|
|
|
List,
|
|
|
|
|
ListItemAvatar,
|
|
|
|
|
ListItemButton,
|
|
|
|
|
ListItemText,
|
2024-02-24 13:56:35 +00:00
|
|
|
|
Typography,
|
2024-02-24 08:07:59 +00:00
|
|
|
|
} from "@mui/material";
|
|
|
|
|
import { RELATED_ACCOUNTS } from "@/app/consts";
|
|
|
|
|
import Image from "next/image";
|
|
|
|
|
import Link from "next/link";
|
2024-02-24 06:16:57 +00:00
|
|
|
|
|
|
|
|
|
export default function Home() {
|
|
|
|
|
return (
|
2024-02-24 08:07:59 +00:00
|
|
|
|
<Container sx={{ scrollBehavior: "smooth", px: 5 }}>
|
2024-02-24 13:56:35 +00:00
|
|
|
|
<Grid container id="introduce" alignItems="center" sx={{ height: "calc(100vh - 64px)" }}>
|
2024-02-24 10:29:29 +00:00
|
|
|
|
<Grid item xs={12} sm={6} sx={{ textAlign: { xs: "center", sm: "initial" } }}>
|
2024-02-24 13:56:35 +00:00
|
|
|
|
<Typography variant="h1" gutterBottom>
|
|
|
|
|
你好呀 👋
|
|
|
|
|
</Typography>
|
2024-02-24 08:07:59 +00:00
|
|
|
|
<Typography paragraph>
|
|
|
|
|
欢迎来到 SmartSheep Studio 的官方网站!在这里了解,订阅,跟踪我们的最新消息。
|
|
|
|
|
接触我们最大的官方社区,并且尝试最新产品,参与各种活动,提供反馈,让我们更好的服务您。
|
|
|
|
|
</Typography>
|
2024-02-24 13:56:35 +00:00
|
|
|
|
<Button variant="contained" href="#about-us" size="large">
|
|
|
|
|
探索更多
|
|
|
|
|
</Button>
|
2024-02-24 08:07:59 +00:00
|
|
|
|
</Grid>
|
2024-02-24 09:38:53 +00:00
|
|
|
|
<Grid
|
|
|
|
|
item
|
|
|
|
|
xs={12}
|
2024-02-24 10:29:29 +00:00
|
|
|
|
sm={6}
|
|
|
|
|
sx={{ display: "flex", justifyContent: { xs: "center", sm: "end" }, order: { xs: -100, sm: 0 } }}
|
2024-02-24 09:38:53 +00:00
|
|
|
|
>
|
2024-02-24 08:07:59 +00:00
|
|
|
|
<Box>
|
2024-02-24 09:33:35 +00:00
|
|
|
|
<Image src="/smartsheep.svg" alt="Logo" width={256} height={256} />
|
2024-02-24 08:07:59 +00:00
|
|
|
|
</Box>
|
|
|
|
|
</Grid>
|
|
|
|
|
</Grid>
|
|
|
|
|
|
2024-02-24 13:56:35 +00:00
|
|
|
|
<Grid container id="about-us" alignItems="center" sx={{ height: "calc(100vh - 64px)" }}>
|
2024-02-24 10:29:29 +00:00
|
|
|
|
<Grid item xs={12} sm={6} sx={{ display: "flex", justifyContent: { xs: "center", sm: "end" } }}>
|
|
|
|
|
<Card sx={{ flexGrow: 1, mr: { xs: 0, sm: 4, md: 8 } }}>
|
2024-02-24 08:07:59 +00:00
|
|
|
|
<List sx={{ width: "100%", bgcolor: "background.paper" }}>
|
|
|
|
|
{RELATED_ACCOUNTS.map((item, idx) => (
|
|
|
|
|
<Link key={idx} href={item.link} target="_blank" passHref>
|
|
|
|
|
<ListItemButton>
|
|
|
|
|
<ListItemAvatar>
|
|
|
|
|
<Avatar sx={{ bgcolor: colors.blueGrey[700] }}>{item.icon}</Avatar>
|
|
|
|
|
</ListItemAvatar>
|
|
|
|
|
<ListItemText primary={item.platform} secondary={item.accountName} />
|
|
|
|
|
</ListItemButton>
|
|
|
|
|
</Link>
|
|
|
|
|
))}
|
|
|
|
|
</List>
|
|
|
|
|
</Card>
|
|
|
|
|
</Grid>
|
2024-02-24 10:29:29 +00:00
|
|
|
|
<Grid item xs={12} sm={6} sx={{ textAlign: { xs: "center", sm: "initial" } }}>
|
2024-02-24 13:56:35 +00:00
|
|
|
|
<Typography variant="h1" gutterBottom>
|
|
|
|
|
关于我们
|
|
|
|
|
</Typography>
|
2024-02-24 08:07:59 +00:00
|
|
|
|
<Typography paragraph>
|
|
|
|
|
我们是一群充满活力、对开源充满热情的开发者。成立于 2019 年。自那年起我们一直在开发让人喜欢的开源软件。
|
|
|
|
|
在我们这里,“取之于开源,用之于开源” 不仅是原则,更是我们信仰的座右铭。
|
|
|
|
|
</Typography>
|
|
|
|
|
</Grid>
|
|
|
|
|
</Grid>
|
2024-02-24 06:16:57 +00:00
|
|
|
|
</Container>
|
|
|
|
|
);
|
|
|
|
|
}
|