feat: add sign, footer to index page and refactor

This commit is contained in:
trafficlunar 2025-01-11 23:48:44 +00:00
parent 7933770b92
commit 0104ea6712
16 changed files with 51 additions and 11 deletions

View file

@ -38,7 +38,7 @@ function AppPreview() {
onMouseEnter={onMouseEnter}
onMouseLeave={onMouseLeave}
onMouseMove={onMouseMove}
className={`w-[90%] rounded-xl mt-32 border border-zinc-700 ${
className={`w-[90%] rounded-xl mt-[26rem] border border-zinc-700 ${
leaving ? "transition-transform duration-500 ease-in-out" : "duration-100 ease-out"
}`}
style={{ transform }}

View file

@ -15,7 +15,7 @@ function ImageComparison() {
return (
<div onMouseMove={onMouseMove} className="mt-10 relative select-none w-1/2 h-[calc(50vw*217/270)] flex justify-center">
<img
src="/bliss_original.png"
src="/bliss/bliss_original.png"
alt="original version of bliss"
draggable={false}
className="absolute w-full"
@ -23,7 +23,7 @@ function ImageComparison() {
/>
<img
src="/bliss.png"
src="/bliss/bliss.png"
alt="blockmatic version of bliss"
draggable={false}
className="absolute w-full"
@ -46,7 +46,7 @@ function ImageComparison() {
<div className="absolute left-[105%] bottom-48 bg-zinc-200 w-48 h-48 flex justify-center items-center">
<div className="relative w-[11.5rem] h-[11.5rem]">
<img
src="/bliss_original_zoomed.png"
src="/bliss/bliss_original_zoomed.png"
alt="zoomed in version of blockmatic version of bliss"
draggable={false}
className="absolute w-full"
@ -54,7 +54,7 @@ function ImageComparison() {
/>
<img
src="/bliss_zoomed.png"
src="/bliss/bliss_zoomed.png"
alt="zoomed in version of blockmatic version of bliss"
draggable={false}
className="absolute w-full"