diff --git a/apps/web/next.config.ts b/apps/web/next.config.ts index c530ab3..7de91ce 100644 --- a/apps/web/next.config.ts +++ b/apps/web/next.config.ts @@ -3,6 +3,14 @@ import type { NextConfig } from "next"; const nextConfig: NextConfig = { output: "standalone", poweredByHeader: false, + async redirects() { + return [{ + source: "/:path*", + has: [{ type: "host", value: "manyangles.hadlock.tech" }], + destination: "https://ma.hadlock.tech/:path*", + permanent: true, + }]; + }, transpilePackages: [ "@album/contracts", "@album/database", diff --git a/apps/web/src/app/page.tsx b/apps/web/src/app/page.tsx index 2d05e97..c5b180a 100644 --- a/apps/web/src/app/page.tsx +++ b/apps/web/src/app/page.tsx @@ -1,4 +1,11 @@ import Link from "next/link"; +import Image from "next/image"; +import weddingExit from "@/assets/homepage/457677937.webp"; +import guestTunnel from "@/assets/homepage/599129661.webp"; +import firstDance from "@/assets/homepage/498647922.webp"; +import toast from "@/assets/homepage/240365594.webp"; +import guest from "@/assets/homepage/189193781.webp"; +import reception from "@/assets/homepage/208516668.webp"; import { ArrowRightIcon, CheckCircle2Icon, @@ -11,7 +18,7 @@ import { createServerCaller } from "@/trpc/server"; import { Button } from "@/components/ui/button"; import { Badge } from "@/components/ui/badge"; import { BrandMark } from "@/components/brand-mark"; -import { formatEventDate } from "@/lib/utils"; +import { cn, formatEventDate } from "@/lib/utils"; import { Card, CardContent, @@ -41,6 +48,15 @@ const features = [ }, ] as const; +const previewPhotos = [ + { src: guest, layout: "row-span-2", position: "50% 40%" }, + { src: firstDance, layout: "col-span-2", position: "50% 45%" }, + { src: toast, layout: "", position: "50% 50%" }, + { src: guestTunnel, layout: "row-span-2", position: "50% 50%" }, + { src: reception, layout: "", position: "65% 50%" }, + { src: weddingExit, layout: "", position: "50% 50%" }, +] as const; + function AlbumPreview() { return (
@@ -62,12 +78,20 @@ function AlbumPreview() {