@@ -12,6 +12,8 @@ import { sanityFetch } from "@/sanity/lib/fetch";
12
12
import { blogQuery } from "@/sanity/lib/queries" ;
13
13
import { Button , buttonVariants } from "@/components/ui/button" ;
14
14
import { Separator } from "@/components/ui/separator" ;
15
+ import CarbonAdBanner from "@/components/carbon-ad-banner" ;
16
+ import MoreHeader from "@/components/more-header" ;
15
17
16
18
function HeroPost ( {
17
19
title,
@@ -29,7 +31,7 @@ function HeroPost({
29
31
< Link className = "block mb-8 group md:mb-16" href = { `/post/${ slug } ` } >
30
32
< CoverImage image = { coverImage } priority />
31
33
</ Link >
32
- < div className = "mb-20 md:mb-28 md:grid md:grid-cols-2 md:gap-x-16 lg:gap-x-8" >
34
+ < div className = "mb-8 md:mb-16 md:grid md:grid-cols-2 md:gap-x-16 lg:gap-x-8" >
33
35
< div >
34
36
< h3 className = "mb-4 text-4xl leading-tight text-pretty lg:text-6xl" >
35
37
< Link href = { `/post/${ slug } ` } className = "hover:underline" >
@@ -82,33 +84,14 @@ export default async function Page() {
82
84
) : (
83
85
< Onboarding />
84
86
) }
85
-
87
+ < CarbonAdBanner />
86
88
{ heroPost ?. _id && (
87
- < >
88
- < div className = "mb-16" >
89
- < Separator />
90
- </ div >
91
- < aside >
92
- < div className = "flex flex-col md:flex-row md:justify-between" >
93
- < h2 className = "mb-8 text-6xl font-bold leading-tight tracking-tighter md:text-7xl" >
94
- Latest Posts
95
- </ h2 >
96
- < Button
97
- asChild
98
- className = "mb-8 text-3xl font-bold md:text-4xl p-2 md:p-8"
99
- >
100
- < Link href = "/blog/page/1" > Read More</ Link >
101
- </ Button >
102
- </ div >
103
- < Suspense fallback = { < p > Loading feed...</ p > } >
104
- < MoreContent
105
- type = { heroPost . _type }
106
- skip = { heroPost . _id }
107
- limit = { 4 }
108
- />
109
- </ Suspense >
110
- </ aside >
111
- </ >
89
+ < aside >
90
+ < MoreHeader title = "View More" href = "/blog/page/1" />
91
+ < Suspense fallback = { < p > Loading feed...</ p > } >
92
+ < MoreContent type = { heroPost . _type } skip = { heroPost . _id } limit = { 4 } />
93
+ </ Suspense >
94
+ </ aside >
112
95
) }
113
96
</ div >
114
97
) ;
0 commit comments