feat: initial draft and components creation

2026-09-06 12:49:29 +02:00
parent 7a45111420
commit 64fb24d87c
44 changed files with 1922 additions and 416 deletions
@@ -0,0 +1,27 @@
+import Image from "next/image"
+import type { ReactNode } from "react"
+
+export function FeatureSplit({
+  children,
+  image,
+  alt,
+  reverse = false,
+}: {
+  children: ReactNode
+  image: string
+  alt: string
+  reverse?: boolean
+}) {
+  return (
+    <div className="grid wedding-layout:grid-cols-2">
+      <div
+        className={`flex items-center bg-wedding-ivory px-wedding-gutter-mobile py-wedding-section wedding-phone:px-wedding-gutter-phone wedding-layout:px-wedding-gutter-desktop ${reverse ? "wedding-layout:order-2" : ""}`}
+      >
+        <div className="mx-auto w-full max-w-md">{children}</div>
+      </div>
+      <div className={`relative min-h-96 ${reverse ? "wedding-layout:order-1" : ""}`}>
+        <Image className="object-cover" src={image} alt={alt} fill sizes="(min-width: 900px) 60vw, 100vw" />
+      </div>
+    </div>
+  )
+}