Concept
{item.subtitle}
{item.description}
{/* ★追加：強み訴求セクション (PCでは左画像・右テキスト) */}
{item.feature && (
Feature
{item.feature.title}
{item.feature.description}
)}
{item.floor_plans && item.floor_plans.length > 0 && (
Floor Plan
フロアプラン
{item.id === 'second'
? '【福岡最大級の一棟貸切戸建。最大２５名まで宿泊可能な唯一無二の空間】'
: '【一棟まるごとが遊び場に。多彩な滞在体験を集約したヴィラ】'}
{item.floor_plans.map(p => (
))}
f.level === activeFloor)?.img}
className="max-w-[1000px] w-full h-auto rounded-lg shadow-2xl mix-blend-multiply transition-opacity duration-500"
alt="Floor Plan"
/>
)}
{item.rooms && (
Rooms & Space
客室と空間
{item.rooms.map(room => (
setSelectedGallery(room)} className="flex-none w-[85vw] md:w-[calc(25%-24px)] group cursor-pointer bg-white rounded-xl shadow-md overflow-hidden hover:shadow-2xl transition-all duration-500 snap-start border border-slate-100 text-left text-left">
{room.area}
{room.title}
{room.bedInfo}
))}
)}
Amenities & Hospitality
{item.id === 'second'
? 大人数でも、手ぶらでも。
快適さを極めた充実の設備。
: 日常を忘れさせる、
ワンランク上のこだわり設備。}
{item.amenitiesList?.map((a, i) => {
const Icon = Icons[a.icon] || Icons.Check;
return (
setSelectedAmenity(a)} className="bg-white text-slate-900 rounded-xl p-6 shadow-lg border border-slate-100 cursor-pointer hover:-translate-y-1 hover:shadow-xl transition-all duration-300 group flex flex-col items-center text-center h-full">
{a.subtitle}
{a.desc}
View Details
);
})}
{/* FAQの出し分け処理（プランB用） */}
{(() => {
// 現在開いている物件(item.id)のチェックが入っているか、'common'が入っているFAQだけを残す
const currentFaqs = wpFaqs.filter(faq => {
if (!faq.categories) return false;
return faq.categories.includes(item.id) || faq.categories.includes('common');
});
if (currentFaqs.length === 0) return null;
return (
FAQ
よくある質問
{currentFaqs.map((faq, i) => )}
);
})()}
Access
アクセス
{item.access.address}
{item.access.transport.map((line, i) => (
{line}
))}
