"use client"; import { Button } from "@/components/ui/Button"; import { Heading, Text } from "@/components/ui/Typography"; import { useTranslation } from "@/lib/hooks/useTranslation"; import { container } from "@/lib/utils"; import Image from "next/image"; export function GiftBoxBuilder() { const { t } = useTranslation(); return (
{/* Top frame image */}
{/* Main content with pink background */}
{/* Image container - takes up full width on mobile, half on desktop */}
{t('giftBoxBuilder.altText')}
{/* Text container - takes up full width on mobile, half on desktop */}
{t('giftBoxBuilder.title')} {t('giftBoxBuilder.description')}
{/* Bottom frame image */}
); }