<!DOCTYPE html>

<html>

<head>

    <title>Dreamy Blooming</title>

    <style>

        body {

            background: white;

            font-family: Arial, sans-serif;

            text-align: center;

            margin: 0;

            padding: 20px;

        }

        .header {

            margin-top: 30px;

            margin-bottom: 50px;

        }

        .header h1 {

            font-size: 50px;

            font-weight: normal;

            letter-spacing: 3px;

            color: #333;

            margin-bottom: 5px;

        }

        .header h1 span {

            color: #c7809a;

        }

        .header p {

            color: #999;

            font-style: italic;

            font-size: 16px;

        }

        .title {

            font-size: 30px;

            color: #444;

            margin-bottom: 10px;

        }

        .subtitle {

            color: #999;

            font-size: 16px;

            margin-bottom: 40px;

        }

        .boxes {

            display: flex;

            justify-content: center;

            flex-wrap: wrap;

            gap: 30px;

        }

        .box {

            border: 2px solid #f0e0ea;

            border-radius: 20px;

            width: 250px;

            padding: 30px 20px;

            cursor: pointer;

            transition: 0.3s;

            background: white;

        }

        .box:hover {

            border-color: #c7809a;

            box-shadow: 0 10px 30px rgba(200,120,154,0.15);

            transform: translateY(-5px);

        }

        .box .emoji {

            font-size: 70px;

            margin-bottom: 15px;

        }

        .box h3 {

            font-size: 28px;

            font-weight: normal;

            color: #333;

            margin-bottom: 5px;

        }

        .box .price {

            font-size: 30px;

            color: #c7809a;

            margin-bottom: 15px;

        }

        .box .price small {

            font-size: 14px;

            color: #999;

        }

        .box button {

            background: #c7809a;

            color: white;

            border: none;

            padding: 12px 25px;

            border-radius: 25px;

            font-size: 14px;

            cursor: pointer;

            letter-spacing: 1px;

        }

        .box button:hover {

            background: #b06a84;

        }

    </style>

</head>

<body>

    <div class="header">

        <h1>DREAMY <span>BLOOMING</span></h1>

        <p>Luxury Flowers, Elegantly Crafted</p>

    </div>

    <div class="title">Choose Your Perfect Bouquet</div>

    <p class="subtitle">Select from our three signature sizes</p>

    <div class="boxes">

        <div class="box">

            <div class="emoji">🌸</div>

            <h3>Small</h3>

            <div class="price">350 <small>DKK</small></div>

            <button>Customize</button>

        </div>

        <div class="box">

            <div class="emoji">💐</div>

            <h3>Medium</h3>

            <div class="price">500 <small>DKK</small></div>

            <button>Customize</button>

        </div>

        <div class="box">

            <div class="emoji">🌺</div>

            <h3>Large</h3>

            <div class="price">600 <small>DKK</small></div>

            <button>Customize</button>

        </div>

    </div>

</body>

</html>