Commitb3e6891

committed

fix image

1 parentc3cd78f commitb3e6891Copy full SHA for b3e6891

File tree

+16

-5

lines changed

+16

-5

lines changed

Lines changed: 12 additions & 4 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`'use client'`
`2`	`2`
`3`		`-import{X}from'lucide-react'`
	`3`	`+import{Sparkles,X}from'lucide-react'`
`4`	`4`	`importImagefrom'next/image'`
`5`	`5`	`import{useActionState,useEffect,useState}from'react'`
`6`	`6`
`@@ -76,9 +76,17 @@ export default function Home() {`
`76`	`76`
`77`	`77`	`return(`
`78`	`78`	`<divclassName="mx-auto max-w-4xl p-8">`
`79`		`-<h1className="mb-8 text-center text-4xl font-bold">`
`80`		`- Book Graph Generator`
`81`		`-</h1>`
	`79`	`+<divclassName="relative z-10 mx-auto max-w-7xl px-6 py-20 text-center">`
	`80`	`+<divclassName="mb-8">`
	`81`	`+<spanclassName="inline-flex items-center rounded-full border border-teal-300 bg-white px-4 py-2 text-sm font-medium text-teal-700">`
	`82`	`+<SparklesclassName="mr-2 h-4 w-4"/>`
	`83`	`+ Discover Story Relationships`
	`84`	`+</span>`
	`85`	`+</div>`
	`86`	`+<h1className="mb-6 text-5xl leading-tight font-bold text-teal-800 md:text-7xl">`
	`87`	`+ Find Your Book`
	`88`	`+</h1>`
	`89`	`+</div>`
`82`	`90`
`83`	`91`	`<formaction={handleSubmit}className="space-y-6">`
`84`	`92`	`<divclassName="relative">`

Lines changed: 4 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -49,13 +49,16 @@ export default function HomePage() {`
`49`	`49`	`<BookOpenclassName="mr-2 h-4 w-4"/>`
`50`	`50`	`Sample: "Sense and Sensibility" by Jane Austen`
`51`	`51`	`</div>`
`52`		`-`
`53`	`52`	`<Image`
	`53`	`+className="mx-auto items-center"`
`54`	`54`	`src="/austen-pages.dev-sense-and-sensibility-jane-austen-graph.svg"`
`55`	`55`	`width={720}`
`56`	`56`	`height={540}`
	`57`	`+layout="responsive"`
`57`	`58`	`objectFit="cover"`
`58`	`59`	`alt="Sense and Sensibility Story Book Relationships Graph"`
	`60`	`+placeholder="blur"`
	`61`	`+blurDataURL="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mM89R8AApkBy17XrZoAAAAASUVORK5CYII="`
`59`	`62`	`/>`
`60`	`63`	`</div>`
`61`	`64`	`</div>`

Comments

(0)