    <footer>
        <div id="site-footer" class="relative z-10">
            {{-- Top footer content (per design) --}}
            <div class="bg-[#3a3a3a]">
                <div class="mx-auto max-w-7xl px-6 pb-16 pt-10 md:px-12 md:pt-14">
                    <div class="flex flex-col gap-10 md:flex-row md:items-start">
                        {{-- Logo block --}}
                        <div class="footer-logo-wrap shrink-0 relative z-10 -mt-10 md:-mt-14 w-[180px] lg:w-[220px] mx-auto md:mx-0">
                            <div class="relative w-[180px] lg:w-[220px]">
                                <div class="min-h-[180px] lg:min-h-[260px] w-full rounded-b-[140px] bg-[#131313] px-8 py-10 flex items-center justify-center">
                                    <img
                                        src="{{ asset('assets/img/logo.png') }}"
                                        alt="{{ config('app.name') }}"
                                        class="h-28 w-auto"
                                        loading="lazy"
                                        decoding="async"
                                    >
                                </div>
                            </div>

                            {{-- Top-edge rounded cutouts (ported from theme footer shapes) --}}
                            <svg
                                class="pointer-events-none absolute top-0 left-0 block h-6 w-6 md:h-10 md:w-10 -translate-x-full fill-[#131313] sm:h-12 sm:w-12 lg:h-14 lg:w-14 xl:h-15 xl:w-15"
                                viewBox="0 0 30 30"
                                xmlns="http://www.w3.org/2000/svg"
                                aria-hidden="true"
                                focusable="false"
                            >
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M30 0H0C16.5684 0 30 13.4314 30 30V0Z" />
                            </svg>
                            <svg
                                class="pointer-events-none absolute top-0 right-0 block h-6 w-6 md:h-10 md:w-10 translate-x-full fill-[#131313] sm:h-12 sm:w-12 lg:h-14 lg:w-14 xl:h-15 xl:w-15"
                                viewBox="0 0 30 30"
                                xmlns="http://www.w3.org/2000/svg"
                                aria-hidden="true"
                                focusable="false"
                            >
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H30C13.4316 0 0 13.4314 0 30V0Z" />
                            </svg>
                        </div>

                        {{-- Info columns --}}
                        <div class="grid flex-1 gap-10 grid-cols-2 md:grid-cols-3 md:pt-4">
                            <div>
                                <div class="flex items-center justify-start gap-x-2 text-white/90">
                                    <div class="text-white/60" aria-hidden="true">
                                        <img src="{{asset('assets/img/icon-lavida.png')}}" alt="" class="h-4 translate-y-1">
                                    </div>
                                    <div class="text-lg font-semibold tracking-wide">安平館</div>
                                </div>
                                <div class="mt-4 space-y-2 text-sm leading-relaxed text-white/75">
                                    <p>地址：台南市安平區建平路239號</p>
                                    <p>電話：06-293-3288</p>
                                </div>
                                <a
                                    href="{{ route('pages.free-trial') }}"
                                    class="mt-6 inline-flex items-center justify-center rounded-full bg-black/35 px-6 py-2 text-sm text-white/85 transition hover:bg-black/45"
                                >
                                    免費體驗
                                </a>
                            </div>

                            <div>
                                {{-- <div class="flex items-center justify-start gap-x-2 text-white/90">
                                    <div class="text-white/60" aria-hidden="true">
                                        <img src="{{asset('assets/img/icon-lavida.png')}}" alt="" class="h-4 translate-y-1">
                                    </div>
                                    <div class="text-lg font-semibold tracking-wide">海安館</div>
                                </div>
                                <div class="mt-4 space-y-2 text-sm leading-relaxed text-white/75">
                                    <p>地址：台南市北區海安路三段620號</p>
                                    <p>電話：06-251-8282</p>
                                </div>
                                <a
                                    href="{{ route('pages.free-trial') }}"
                                    class="mt-6 inline-flex items-center justify-center rounded-full bg-black/35 px-6 py-2 text-sm text-white/85 transition hover:bg-black/45"
                                >
                                    免費體驗
                                </a> --}}
                            </div>

                            <div>
                                <div class="flex items-center justify-start gap-x-2 text-white/90">
                                    <div class="text-white/60" aria-hidden="true">
                                        <img src="{{asset('assets/img/icon-lavida.png')}}" alt="" class="h-4 translate-y-1">
                                    </div>
                                    <div class="text-lg font-semibold tracking-wide">官方帳號</div>
                                </div>

                                <div class="mt-6 flex items-center gap-4">
                                    <a
                                        href="#"
                                        class="inline-flex h-11 w-11 items-center justify-center rounded-full bg-black/35 text-white transition hover:bg-black/45"
                                        aria-label="Facebook"
                                    >
                                        <svg viewBox="0 0 320 512" class="h-5 w-5" aria-hidden="true">
                                            <path
                                                fill="currentColor"
                                                d="M279.14 288l14.22-92.66h-88.91V117.78c0-25.35 12.42-50.06 52.24-50.06H295V6.26S259.36 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"
                                            />
                                        </svg>
                                    </a>

                                    <a
                                        href="#"
                                        class="inline-flex h-11 w-11 items-center justify-center rounded-full bg-black/35 text-white transition hover:bg-black/45"
                                        aria-label="Instagram"
                                    >
                                        <svg viewBox="0 0 448 512" class="h-5 w-5" aria-hidden="true">
                                            <path
                                                fill="currentColor"
                                                d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.9-26.9 26.9-14.9 0-26.9-12-26.9-26.9s12-26.9 26.9-26.9 26.9 12 26.9 26.9zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.5-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.1 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9 26.2 26.2 58 34.5 93.9 36.2 37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.5-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"
                                            />
                                        </svg>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Bottom bar --}}
            <div class="bg-[#0e0e0e]">
                <div class="mx-auto max-w-7xl px-6 py-6 md:px-12">
                    <div class="flex flex-col gap-4 md:flex-row md:items-center md:justify-between">
                        <p class="text-sm text-white/55">
                            copyright © {{ date('Y') }} 怡維達有限公司版權所有
                        </p>

                        <a
                            href="#hero-section"
                            class="inline-flex items-center gap-3 text-sm font-semibold tracking-[0.25em] text-white/80 transition hover:text-white"
                            aria-label="Scroll to top"
                        >
                            <svg viewBox="0 0 24 24" fill="none" class="h-5 w-5" aria-hidden="true">
                                <path d="M12 19V5" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
                                <path d="M6 11l6-6 6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                            </svg>
                            <span>SCROLL TOP</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </footer>
