Skip to content

Commit 5c695f2

Browse files
zzq0826zzq0826
committed
add get in touch button
1 parent 8e81ea8 commit 5c695f2

File tree

10 files changed

+81
-9
lines changed

10 files changed

+81
-9
lines changed

‎src/assets/svgs/home/Note.svg

Lines changed: 14 additions & 0 deletions
Loading

‎src/components/SectionHeader/index.astro

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,10 @@ const { title, content } = Astro.props as Props
88

99
<>
1010
<p class="title">{title}</p>
11-
<p class="content">{content}</p>
11+
<div class="content-container">
12+
<p class="content">{content}</p>
13+
<slot name="button" />
14+
</div>
1215
</>
1316

1417
<style>
@@ -21,6 +24,13 @@ const { title, content } = Astro.props as Props
2124
line-height: 50px;
2225
margin-bottom: 25px;
2326
}
27+
.content-container {
28+
display: flex;
29+
flex-direction: row;
30+
justify-content: space-between;
31+
align-items: flex-start;
32+
gap: 1.6rem;
33+
}
2434
.content {
2535
font-size: 24px;
2636
line-height: 34px;
@@ -32,6 +42,9 @@ const { title, content } = Astro.props as Props
3242
line-height: 34px;
3343
margin-bottom: 22px;
3444
}
45+
.content-container {
46+
flex-direction: column;
47+
}
3548
.content {
3649
font-size: 18px;
3750
line-height: normal;

‎src/pages/en/home/ConnectUs.astro

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ import LinkArrowSvg from "~/assets/svgs/home/home-link-arrow.svg?raw"
44
import DiscordSvg from "~/assets/svgs/home/Discord.svg?raw"
55
import ForumSvg from "~/assets/svgs/home/Forum.svg?raw"
66
import ContributeSvg from "~/assets/svgs/home/Contribute.svg?raw"
7+
import NoteSvg from "~/assets/svgs/home/Note.svg?raw"
78
89
const mediaList = [
910
{
@@ -12,6 +13,12 @@ const mediaList = [
1213
content: "Connect with other Scroll developers and users.",
1314
link: "https://discord.gg/scroll",
1415
},
16+
{
17+
icon: NoteSvg,
18+
name: "Get in touch",
19+
content: "Reach out directly if you need more support for hour project.",
20+
link: "",
21+
},
1522
{
1623
icon: ForumSvg,
1724
name: "Community Forum",
@@ -60,7 +67,7 @@ const mediaList = [
6067

6168
.medias {
6269
display: flex;
63-
gap: 3rem;
70+
gap: 1.6rem;
6471
margin-top: 90px;
6572
}
6673
.media-item {

‎src/pages/en/home/Navigate.astro

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,11 @@ const navList = [
3535
---
3636

3737
<div class="navigate">
38-
<SectionHeader title="Navigate the Docs" content="Start developing on Scroll today." />
38+
<SectionHeader title="Navigate the Docs" content="Start developing on Scroll today.">
39+
<div slot="button" class="remix-callout">
40+
<a href="">Get in touch</a>
41+
</div>
42+
</SectionHeader>
3943
<div class="navs">
4044
{navList.map(({ icon, name, content, link }) => <NavCard icon={icon} name={name} content={content} link={link} />)}
4145
</div>

‎src/pages/es/home/ConnectUs.astro

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ import LinkArrowSvg from "~/assets/svgs/home/home-link-arrow.svg?raw"
44
import DiscordSvg from "~/assets/svgs/home/Discord.svg?raw"
55
import ForumSvg from "~/assets/svgs/home/Forum.svg?raw"
66
import ContributeSvg from "~/assets/svgs/home/Contribute.svg?raw"
7+
import NoteSvg from "~/assets/svgs/home/Note.svg?raw"
78
89
const mediaList = [
910
{
@@ -12,6 +13,12 @@ const mediaList = [
1213
content: "Conecta con otros desarradores y usuarios de Scroll.",
1314
link: "https://discord.gg/scroll",
1415
},
16+
{
17+
icon: NoteSvg,
18+
name: "Ponte en contacto",
19+
content: "Comunícate directamente si necesitas más apoyo para tu proyecto.",
20+
link: "",
21+
},
1522
{
1623
icon: ForumSvg,
1724
name: "Foro de la Comunidad",
@@ -60,7 +67,7 @@ const mediaList = [
6067

6168
.medias {
6269
display: flex;
63-
gap: 3rem;
70+
gap: 1.6rem;
6471
margin-top: 90px;
6572
}
6673
.media-item {

‎src/pages/es/home/Navigate.astro

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,11 @@ const navList = [
3535
---
3636

3737
<div class="navigate">
38-
<SectionHeader title="Navega la Documentación" content="Comienza a desarrollar en Scroll hoy." />
38+
<SectionHeader title="Navega la Documentación" content="Comienza a desarrollar en Scroll hoy.">
39+
<div slot="button" class="remix-callout">
40+
<a href="">Ponte en contacto</a>
41+
</div>
42+
</SectionHeader>
3943
<div class="navs">
4044
{navList.map(({ icon, name, content, link }) => <NavCard icon={icon} name={name} content={content} link={link} />)}
4145
</div>

‎src/pages/tr/home/ConnectUs.astro

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ import LinkArrowSvg from "~/assets/svgs/home/home-link-arrow.svg?raw"
44
import DiscordSvg from "~/assets/svgs/home/Discord.svg?raw"
55
import ForumSvg from "~/assets/svgs/home/Forum.svg?raw"
66
import ContributeSvg from "~/assets/svgs/home/Contribute.svg?raw"
7+
import NoteSvg from "~/assets/svgs/home/Note.svg?raw"
78
89
const mediaList = [
910
{
@@ -12,6 +13,12 @@ const mediaList = [
1213
content: "Diğer Scroll geliştiricileri ve kullanıcılarıyla bağlantı kurun.",
1314
link: "https://discord.gg/scroll",
1415
},
16+
{
17+
icon: NoteSvg,
18+
name: "İletişime geç",
19+
content: "Projeniz için daha fazla desteğe ihtiyacınız olursa doğrudan bizimle iletişime geçin.",
20+
link: "",
21+
},
1522
{
1623
icon: ForumSvg,
1724
name: "Topluluk Forumu",
@@ -60,7 +67,7 @@ const mediaList = [
6067

6168
.medias {
6269
display: flex;
63-
gap: 3rem;
70+
gap: 1.6rem;
6471
margin-top: 90px;
6572
}
6673
.media-item {

‎src/pages/tr/home/Navigate.astro

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,12 @@ const navList = [
3535
---
3636

3737
<div class="navigate">
38-
<SectionHeader title="Dokümantasyon'u gezin" content="Scroll'da geliştirmeye bugün başlayın." />
38+
<SectionHeader title="Dokümantasyon'u gezin" content="Scroll'da geliştirmeye bugün başlayın.">
39+
<div slot="button" class="remix-callout">
40+
<a href="">İletişime geç</a>
41+
</div>
42+
</SectionHeader>
43+
3944
<div class="navs">
4045
{navList.map(({ icon, name, content, link }) => <NavCard icon={icon} name={name} content={content} link={link} />)}
4146
</div>

‎src/pages/zh/home/ConnectUs.astro

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ import LinkArrowSvg from "~/assets/svgs/home/home-link-arrow.svg?raw"
44
import DiscordSvg from "~/assets/svgs/home/Discord.svg?raw"
55
import ForumSvg from "~/assets/svgs/home/Forum.svg?raw"
66
import ContributeSvg from "~/assets/svgs/home/Contribute.svg?raw"
7+
import NoteSvg from "~/assets/svgs/home/Note.svg?raw"
78
89
const mediaList = [
910
{
@@ -12,6 +13,12 @@ const mediaList = [
1213
content: "与其他 Scroll 开发者和用户建立联系",
1314
link: "https://discord.gg/scroll",
1415
},
16+
{
17+
icon: NoteSvg,
18+
name: "获取支持",
19+
content: "如果您需要更多的支持，请直接联系我们。",
20+
link: "",
21+
},
1522
{
1623
icon: ForumSvg,
1724
name: "社区论坛",
@@ -57,7 +64,7 @@ const mediaList = [
5764

5865
.medias {
5966
display: flex;
60-
gap: 3rem;
67+
gap: 1.6rem;
6168
margin-top: 90px;
6269
}
6370
.media-item {

‎src/pages/zh/home/Navigate.astro

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,11 @@ const navList = [
3535
---
3636

3737
<div class="navigate">
38-
<SectionHeader title="文档导航" content="今天开始在 Scroll 上进行开发" />
38+
<SectionHeader title="文档导航" content="今天开始在 Scroll 上进行开发">
39+
<div slot="button" class="remix-callout">
40+
<a href="">获取支持</a>
41+
</div>
42+
</SectionHeader>
3943
<div class="navs">
4044
{navList.map(({ icon, name, content, link }) => <NavCard icon={icon} name={name} content={content} link={link} />)}
4145
</div>

0 commit comments

Comments
 (0)