@@ -12,6 +12,8 @@ import { sanityFetch } from "@/sanity/lib/fetch";
1212import { blogQuery } from "@/sanity/lib/queries" ;
1313import { Button , buttonVariants } from "@/components/ui/button" ;
1414import { Separator } from "@/components/ui/separator" ;
15+ import CarbonAdBanner from "@/components/carbon-ad-banner" ;
16+ import MoreHeader from "@/components/more-header" ;
1517
1618function HeroPost ( {
1719 title,
@@ -29,7 +31,7 @@ function HeroPost({
2931 < Link className = "block mb-8 group md:mb-16" href = { `/post/${ slug } ` } >
3032 < CoverImage image = { coverImage } priority />
3133 </ 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" >
3335 < div >
3436 < h3 className = "mb-4 text-4xl leading-tight text-pretty lg:text-6xl" >
3537 < Link href = { `/post/${ slug } ` } className = "hover:underline" >
@@ -82,33 +84,14 @@ export default async function Page() {
8284 ) : (
8385 < Onboarding />
8486 ) }
85-
87+ < CarbonAdBanner />
8688 { 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 >
11295 ) }
11396 </ div >
11497 ) ;
0 commit comments