|
1 | 1 | import { BlogPost } from "@/components/blog/BlogPost" |
2 | 2 | import { BlogSkeleton } from "@/components/blog/BlogSkeleton" |
3 | | -import { InteractiveGridPattern } from "@/components/InteractiveGridPattern" |
| 3 | +import { InteractiveGridPattern } from "@/components/ui/InteractiveGridPattern" |
4 | 4 | import { Card } from "@/components/ui/Card" |
5 | 5 | import { HapticButtonLink } from "@/components/ui/HapticButtonLink" |
6 | 6 | import { LandingContainer } from "@/components/ui/LandingContainer" |
@@ -28,39 +28,39 @@ export default async function Page({ params }: { params: LocaleSlugPageParams }) |
28 | 28 |
|
29 | 29 | return ( |
30 | 30 | <LandingContainer> |
31 | | - <div className={"pt-32 w-full max-w-5xl mx-auto"}> |
32 | | - <Suspense fallback={<BlogSkeleton />}> |
33 | | - <BlogPost slug={slug} locale={locale} /> |
| 31 | + <div className={"pt-32 w-full max-w-5xl mx-auto"}> |
| 32 | + <Suspense fallback={<BlogSkeleton />}> |
| 33 | + <BlogPost slug={slug} locale={locale} /> |
34 | 34 |
|
35 | | - <Card size="lg" className={"mt-32 w-full p-0 overflow-hidden bg-[linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.02))]"}> |
36 | | - <div className={"relative flex w-full flex-col items-center justify-center overflow-hidden rounded-3xl px-6 py-10 sm:px-10 sm:py-12"}> |
37 | | - <InteractiveGridPattern className="opacity-60 mask-[radial-gradient(600px_circle_at_center,white,transparent)] rounded-3xl" width={40} height={40} squares={[35, 15]} /> |
38 | | - <div |
39 | | - className={ |
40 | | - "pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_50%_20%,rgba(255,255,255,0.14),transparent_24%),radial-gradient(circle_at_50%_22%,rgba(191,90,242,0.18),transparent_34%),radial-gradient(circle_at_50%_18%,rgba(255,255,255,0.08),transparent_20%)] md:bg-[radial-gradient(circle_at_top,rgba(255,255,255,0.14),transparent_32%),radial-gradient(circle_at_20%_50%,rgba(191,90,242,0.14),transparent_38%),radial-gradient(circle_at_78%_48%,rgba(255,255,255,0.08),transparent_28%)]" |
41 | | - } |
42 | | - /> |
| 35 | + <Card size="lg" className={"mt-32 w-full p-0 overflow-hidden bg-[linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.02))]"}> |
| 36 | + <div className={"relative flex w-full flex-col items-center justify-center overflow-hidden rounded-3xl px-6 py-10 sm:px-10 sm:py-12"}> |
| 37 | + <InteractiveGridPattern className="opacity-60 mask-[radial-gradient(600px_circle_at_center,white,transparent)] rounded-3xl" width={40} height={40} squares={[35, 15]} /> |
| 38 | + <div |
| 39 | + className={ |
| 40 | + "pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_50%_20%,rgba(255,255,255,0.14),transparent_24%),radial-gradient(circle_at_50%_22%,rgba(191,90,242,0.18),transparent_34%),radial-gradient(circle_at_50%_18%,rgba(255,255,255,0.08),transparent_20%)] md:bg-[radial-gradient(circle_at_top,rgba(255,255,255,0.14),transparent_32%),radial-gradient(circle_at_20%_50%,rgba(191,90,242,0.14),transparent_38%),radial-gradient(circle_at_78%_48%,rgba(255,255,255,0.08),transparent_28%)]" |
| 41 | + } |
| 42 | + /> |
43 | 43 |
|
44 | | - <div className={"relative z-20 flex w-full max-w-4xl flex-col items-center gap-8 text-center md:flex-row md:items-center md:text-left"}> |
45 | | - <div className={"relative flex size-32 shrink-0 items-center justify-center rounded-3xl border border-white/10 bg-light md:size-40"}> |
46 | | - <div className={"relative isolate flex items-center justify-center rounded-3xl ring ring-white/10 px-4 py-4"}> |
47 | | - <div aria-hidden="true" className="pointer-events-none absolute inset-0 rounded-[1.25rem] bg-linear-to-br from-primary via-primary to-slate-900" /> |
48 | | - <Image src={"/code0_logo_white.png"} width={"120"} height={"120"} alt={"Code0 Logo"} className={"z-20"} /> |
49 | | - </div> |
| 44 | + <div className={"relative z-20 flex w-full max-w-4xl flex-col items-center gap-8 text-center md:flex-row md:items-center md:text-left"}> |
| 45 | + <div className={"relative flex size-32 shrink-0 items-center justify-center rounded-3xl border border-white/10 bg-light md:size-40"}> |
| 46 | + <div className={"relative isolate flex items-center justify-center rounded-3xl ring ring-white/10 px-4 py-4"}> |
| 47 | + <div aria-hidden="true" className="pointer-events-none absolute inset-0 rounded-[1.25rem] bg-linear-to-br from-primary via-primary to-slate-900" /> |
| 48 | + <Image src={"/code0_logo_white.png"} width={"120"} height={"120"} alt={"Code0 Logo"} className={"z-20"} /> |
50 | 49 | </div> |
| 50 | + </div> |
51 | 51 |
|
52 | | - <div className={"z-20 flex max-w-2xl flex-col items-center text-center md:items-start md:text-left"}> |
53 | | - <p className={"max-w-xl text-3xl font-semibold leading-tight text-white"}>{ctaBlock?.heading ?? "Contact us"}</p> |
54 | | - <p className={"mb-4 max-w-xl text-base leading-7 text-secondary"}>{ctaBlock?.subheading ?? ""}</p> |
55 | | - <HapticButtonLink href={"/contact"} variant="normal" className={"h-11 rounded-xl px-8! bg-white/90! text-primary! hover:bg-white!"}> |
56 | | - Contact us |
57 | | - </HapticButtonLink> |
58 | | - </div> |
| 52 | + <div className={"z-20 flex max-w-2xl flex-col items-center text-center md:items-start md:text-left"}> |
| 53 | + <p className={"max-w-xl text-3xl font-semibold leading-tight text-white"}>{ctaBlock?.heading ?? "Contact us"}</p> |
| 54 | + <p className={"mb-4 max-w-xl text-base leading-7 text-secondary"}>{ctaBlock?.subheading ?? ""}</p> |
| 55 | + <HapticButtonLink href={"/contact"} variant="normal" className={"h-11 rounded-xl px-8! bg-white/90! text-primary! hover:bg-white!"}> |
| 56 | + Contact us |
| 57 | + </HapticButtonLink> |
59 | 58 | </div> |
60 | 59 | </div> |
61 | | - </Card> |
62 | | - </Suspense> |
63 | | - </div> |
| 60 | + </div> |
| 61 | + </Card> |
| 62 | + </Suspense> |
| 63 | + </div> |
64 | 64 | </LandingContainer> |
65 | 65 | ) |
66 | 66 | } |
|
0 commit comments