Skip to content

Commit 43e4300

Browse files
veithlyveithly
authored
Merge pull request #4 from NeilYeTAT/main
chore: adjust styles
2 parents ff255e1 + d81e8d5 commit 43e4300

File tree

2 files changed

+34
-32
lines changed

2 files changed

+34
-32
lines changed

‎src/components/shared/gradient-card/index.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -29,11 +29,11 @@ export const GradientCard: FC<
2929
}}
3030
></div>
3131

32-
<Icon className="relative z-10 h-8 w-8 xs:h-10 xs:w-10 sm:h-11 sm:w-11 md:h-12 md:w-12" />
33-
<h3 className="relative z-10 mb-3 mt-2 whitespace-pre-line text-lg font-bold text-[#D9D9D9] xs:mb-4 xs:mt-2.5 xs:text-xl sm:mb-5 sm:mt-3 sm:text-2xl md:mb-[22px] md:mt-[10px] md:text-[28px] lg:text-3xl">
32+
<Icon className="relative z-10 size-10" />
33+
<h3 className="relative z-10 mb-8 mt-4 whitespace-pre-line text-[30px] text-lg font-bold text-[#D9D9D9]">
3434
{title}
3535
</h3>
36-
<p className="relative z-10 text-xs font-medium leading-relaxed text-[#D9D9D9] xs:text-sm sm:text-sm md:text-base">
36+
<p className="relative z-10 text-xs font-medium leading-relaxed text-[#D9D9D9] xs:text-sm sm:text-sm">
3737
{description}
3838
</p>
3939
</div>

‎src/pages/index.tsx‎

Lines changed: 31 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -163,35 +163,37 @@ export default function Home(): ReactNode {
163163
alt=""
164164
className="pointer-events-none absolute inset-0 z-0 h-full w-full bg-[url('/img/home-bg.jpg')] bg-cover bg-center opacity-20"
165165
/>
166-
<h2 className="z-50 mx-auto mb-4 mt-2 flex flex-col bg-[linear-gradient(92.67deg,#58FF98_0%,#59FF98_8.04%,#5AFF9A_15.48%,#5DFF9C_22.42%,#61FEA0_28.94%,#66FEA4_35.13%,#6CFDAA_41.1%,#73FDB0_46.93%,#7AFCB6_52.71%,#83FBBE_58.54%,#8CFAC6_64.51%,#96F9CF_70.71%,#A1F8D9_77.23%,#ACF7E3_84.16%,#B8F6ED_91.6%,#C4F5F8_99.64%)] bg-clip-text px-3 text-[24px] font-bold text-transparent xs:mb-5 xs:mt-3 xs:px-4 xs:text-[28px] sm:mb-6 sm:mt-5 sm:text-[40px] md:mb-8 md:mt-7 md:text-[56px] lg:text-[72px] xl:text-[88px] 2xl:text-[100px]">
167-
<span className="text-center font-sans leading-tight">Agentic OS for a</span>
168-
<span className="text-center font-sans leading-tight">Sentient Economy</span>
169-
</h2>
166+
<div className="z-50 mx-auto mb-20 mt-2 flex flex-col items-center gap-[18px] px-3 text-center xs:mb-24 xs:mt-3 xs:px-4 sm:mb-32 sm:mt-5 md:mb-40 md:mt-7 lg:mb-48">
167+
<h2 className="flex flex-col gap-[18px] bg-[linear-gradient(92.67deg,#58FF98_0%,#59FF98_8.04%,#5AFF9A_15.48%,#5DFF9C_22.42%,#61FEA0_28.94%,#66FEA4_35.13%,#6CFDAA_41.1%,#73FDB0_46.93%,#7AFCB6_52.71%,#83FBBE_58.54%,#8CFAC6_64.51%,#96F9CF_70.71%,#A1F8D9_77.23%,#ACF7E3_84.16%,#B8F6ED_91.6%,#C4F5F8_99.64%)] bg-clip-text text-[24px] font-bold text-transparent xs:text-[28px] sm:text-[40px] md:text-[56px] lg:text-[72px] xl:text-[88px] 2xl:text-[100px]">
168+
<span className="text-center font-sans leading-none">Agentic OS for a</span>
169+
<span className="text-center font-sans leading-none">Sentient Economy</span>
170+
</h2>
170171

171-
<div className="mx-auto -mt-2 mb-20 flex flex-col gap-2 px-3 xs:-mt-4 xs:mb-24 xs:gap-3 xs:px-4 sm:-mt-6 sm:mb-32 sm:flex-row sm:gap-4 md:mb-40 md:gap-5 lg:mb-48">
172-
<Link
173-
href="docs/getting-started/quick-start/"
174-
className="relative inline-block rounded-[50px] bg-transparent px-3 py-1.5 text-center text-sm font-medium text-[#B1FFCF] transition-all hover:text-[#B1FFCFB2] hover:no-underline hover:shadow-[inset_0_0_20px_5px_#58FF9880] xs:px-4 xs:py-2 xs:text-base sm:px-5 sm:py-2.5 sm:text-lg md:px-6 md:py-3 md:text-xl lg:px-[30px] lg:text-2xl"
175-
style={{
176-
position: 'relative',
177-
zIndex: 10,
178-
}}
179-
>
180-
Get Started
181-
<span className={styles.gradientBorder} />
182-
</Link>
172+
<div className="flex flex-col gap-2 xs:gap-3 sm:flex-row sm:gap-4 md:gap-5">
173+
<Link
174+
href="docs/getting-started/quick-start/"
175+
className="relative inline-block rounded-[50px] bg-transparent px-3 py-1.5 text-center text-sm font-medium text-[#B1FFCF] transition-all hover:text-[#B1FFCFB2] hover:no-underline hover:shadow-[inset_0_0_20px_5px_#58FF9880] xs:px-4 xs:py-2 xs:text-base sm:px-5 sm:py-2.5 sm:text-lg md:px-6 md:py-3 md:text-xl lg:px-[30px] lg:text-2xl"
176+
style={{
177+
position: 'relative',
178+
zIndex: 10,
179+
}}
180+
>
181+
Get Started
182+
<span className={styles.gradientBorder} />
183+
</Link>
183184

184-
<Link
185-
href="docs/getting-started/installation/"
186-
className="relative inline-block rounded-[50px] bg-transparent px-3 py-1.5 text-center text-sm font-medium text-[#B1FFCF] transition-all hover:text-[#B1FFCFB2] hover:no-underline hover:shadow-[inset_0_0_20px_5px_#58FF9880] xs:px-4 xs:py-2 xs:text-base sm:px-5 sm:py-2.5 sm:text-lg md:px-6 md:py-3 md:text-xl lg:px-[30px] lg:text-2xl"
187-
style={{
188-
position: 'relative',
189-
zIndex: 10,
190-
}}
191-
>
192-
Quick Install
193-
<span className={styles.gradientBorder} />
194-
</Link>
185+
<Link
186+
href="docs/getting-started/installation/"
187+
className="relative inline-block rounded-[50px] bg-transparent px-3 py-1.5 text-center text-sm font-medium text-[#B1FFCF] transition-all hover:text-[#B1FFCFB2] hover:no-underline hover:shadow-[inset_0_0_20px_5px_#58FF9880] xs:px-4 xs:py-2 xs:text-base sm:px-5 sm:py-2.5 sm:text-lg md:px-6 md:py-3 md:text-xl lg:px-[30px] lg:text-2xl"
188+
style={{
189+
position: 'relative',
190+
zIndex: 10,
191+
}}
192+
>
193+
Quick Install
194+
<span className={styles.gradientBorder} />
195+
</Link>
196+
</div>
195197
</div>
196198

197199
<section className="mx-auto mb-8 flex max-w-[1172px] flex-col justify-between gap-4 px-3 xs:mb-10 xs:gap-5 xs:px-4 sm:gap-6 sm:px-6 md:px-8 lg:flex-row lg:gap-5 lg:px-8 xl:px-10">
@@ -205,7 +207,7 @@ export default function Home(): ReactNode {
205207
{footerLinks.map(v => (
206208
<div
207209
key={v.title}
208-
className="flex flex-col items-center gap-2 xs:gap-2.5 sm:gap-3 md:items-start"
210+
className="flex basis-[130px] flex-col items-center gap-2 xs:gap-2.5 sm:gap-3 md:items-start"
209211
>
210212
<h3 className="mb-1 text-sm font-bold text-[#D9D9D9] xs:mb-1.5 xs:text-base sm:mb-2 sm:text-base">
211213
{v.title}
@@ -227,7 +229,7 @@ export default function Home(): ReactNode {
227229
</div>
228230

229231
<footer className="mx-auto mt-4 flex h-auto w-full max-w-[630px] flex-col items-center gap-3 text-[#D9D9D9] xs:mt-5 xs:gap-3.5 sm:mt-6 sm:gap-4 md:mt-8 md:h-8 md:flex-row md:justify-between md:gap-0">
230-
<span className="text-center text-[10px] xs:text-xs sm:text-xs md:text-left md:text-sm">{`Copyright © ${new Date().getFullYear()} SpoonAi. Built with SpoonOS.`}</span>
232+
<span className="text-center text-[10px] xs:text-xs sm:text-xs md:text-left md:text-sm">{`Copyright © ${new Date().getFullYear()} SpoonAI. Built with SpoonOS.`}</span>
231233
<div className="flex gap-4 xs:gap-5 sm:gap-8 md:gap-10">
232234
{socialsLinks.map((v, i) => (
233235
<a

0 commit comments

Comments
 (0)