diff --git a/apps/site/src/app/(home)/sections/Landing/Landing.module.css b/apps/site/src/app/(home)/sections/Landing/Landing.module.css index 823ffbca..f0fe40fc 100644 --- a/apps/site/src/app/(home)/sections/Landing/Landing.module.css +++ b/apps/site/src/app/(home)/sections/Landing/Landing.module.css @@ -1,5 +1,12 @@ .landingBackground { - background-image: url("~@/assets/backgrounds/landing-background.jpg"); + background-image: url("~@/assets/backgrounds/fog.png"), + url("~@/assets/backgrounds/lantern-glow.png"), + url("~@/assets/backgrounds/landing-lanterns-bottom.png"), + url("~@/assets/backgrounds/boat.png"), + url("~@/assets/backgrounds/stall-left.png"), + url("~@/assets/backgrounds/stall-right.png"), + url("~@/assets/backgrounds/landing-lanterns.png"), + url("~@/assets/backgrounds/sky.png"); background-position: center bottom; background-repeat: no-repeat; background-size: cover; diff --git a/apps/site/src/app/(home)/sections/Landing/Landing.tsx b/apps/site/src/app/(home)/sections/Landing/Landing.tsx index e00d12c2..755e916d 100644 --- a/apps/site/src/app/(home)/sections/Landing/Landing.tsx +++ b/apps/site/src/app/(home)/sections/Landing/Landing.tsx @@ -2,6 +2,7 @@ import { Suspense } from "react"; import Image from "next/image"; +import clsx from "clsx"; import { PerspectiveCamera } from "@react-three/drei"; import { View } from "@/components/canvas/View"; diff --git a/apps/site/src/assets/backgrounds/boat.png b/apps/site/src/assets/backgrounds/boat.png new file mode 100644 index 00000000..5eed70be Binary files /dev/null and b/apps/site/src/assets/backgrounds/boat.png differ diff --git a/apps/site/src/assets/backgrounds/fog.png b/apps/site/src/assets/backgrounds/fog.png new file mode 100644 index 00000000..d1251065 Binary files /dev/null and b/apps/site/src/assets/backgrounds/fog.png differ diff --git a/apps/site/src/assets/backgrounds/landing-lanterns-bottom.png b/apps/site/src/assets/backgrounds/landing-lanterns-bottom.png new file mode 100644 index 00000000..b2920b83 Binary files /dev/null and b/apps/site/src/assets/backgrounds/landing-lanterns-bottom.png differ diff --git a/apps/site/src/assets/backgrounds/landing-lanterns.png b/apps/site/src/assets/backgrounds/landing-lanterns.png new file mode 100644 index 00000000..82c1e6ca Binary files /dev/null and b/apps/site/src/assets/backgrounds/landing-lanterns.png differ diff --git a/apps/site/src/assets/backgrounds/lantern-glow.png b/apps/site/src/assets/backgrounds/lantern-glow.png new file mode 100644 index 00000000..1ed54e63 Binary files /dev/null and b/apps/site/src/assets/backgrounds/lantern-glow.png differ diff --git a/apps/site/src/assets/backgrounds/sky.png b/apps/site/src/assets/backgrounds/sky.png new file mode 100644 index 00000000..092e5b6f Binary files /dev/null and b/apps/site/src/assets/backgrounds/sky.png differ diff --git a/apps/site/src/assets/backgrounds/stall-left.png b/apps/site/src/assets/backgrounds/stall-left.png new file mode 100644 index 00000000..a7afb9e7 Binary files /dev/null and b/apps/site/src/assets/backgrounds/stall-left.png differ diff --git a/apps/site/src/assets/backgrounds/stall-right.png b/apps/site/src/assets/backgrounds/stall-right.png new file mode 100644 index 00000000..9db71851 Binary files /dev/null and b/apps/site/src/assets/backgrounds/stall-right.png differ