bender/ff1c7510-b476-4347-8e22-c990abb8a59f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-18 12:43:22 +00:00
parent 985144abf1
commit bac5f97fb0
1 changed files with 48 additions and 249 deletions
Download Patch File Download Diff File Expand all files Collapse all files

297
src/app/page.tsx
View File

@@ -31,26 +31,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Rooms",
id: "rooms",
},
{
name: "Dining",
id: "dining",
},
{
name: "Wellness",
id: "wellness",
},
{
name: "Gallery",
id: "gallery",
},
{
name: "Location",
id: "location",
},
{ name: "Rooms", id: "rooms" },
{ name: "Dining", id: "dining" },
{ name: "Wellness", id: "wellness" },
{ name: "Gallery", id: "gallery" },
{ name: "Location", id: "location" },
]}
brandName="Brand"
/>
@@ -59,68 +44,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "plain",
}}
variant: "plain"}}
title="고요한 휴식이 머무는 곳"
description="도시의 소음에서 벗어나, 건축미와 섬세한 서비스가 어우러진 프라이빗 리조트 스테이를 경험하세요."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-woman-with-flower-bouquet-wearing-ao-dai-costume_23-2149530677.jpg",
alt: "Staff",
},
{
src: "http://img.b2bpic.net/free-photo/resort-umbrella-swimming-ocean-filter_1203-6264.jpg",
alt: "Service",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-architecture-gyeongbokgung-palace-seoul-city_1339-818.jpg",
alt: "Detail",
},
{
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1664.jpg",
alt: "Happy staff member",
},
{
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1689.jpg",
alt: "Professional concierge",
},
{ src: "http://img.b2bpic.net/free-photo/young-woman-with-flower-bouquet-wearing-ao-dai-costume_23-2149530677.jpg", alt: "Staff" },
{ src: "http://img.b2bpic.net/free-photo/resort-umbrella-swimming-ocean-filter_1203-6264.jpg", alt: "Service" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-architecture-gyeongbokgung-palace-seoul-city_1339-818.jpg", alt: "Detail" },
{ src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1664.jpg", alt: "Happy staff member" },
{ src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1689.jpg", alt: "Professional concierge" },
]}
buttons={[
{
text: "예약 문의",
href: "#inquiry",
},
{
text: "객실 보기",
href: "#rooms",
},
{ text: "예약 문의", href: "#inquiry" },
{ text: "객실 보기", href: "#rooms" },
]}
marqueeItems={[
{
type: "text-icon",
text: "Private Resort",
icon: Shield,
},
{
type: "text-icon",
text: "Architectural Design",
icon: Building,
},
{
type: "text-icon",
text: "Seasonal Dining",
icon: Utensils,
},
{
type: "text-icon",
text: "Wellness Spa",
icon: Leaf,
},
{
type: "text-icon",
text: "Concierge Service",
icon: Bell,
},
{ type: "text-icon", text: "Private Resort", icon: Shield },
{ type: "text-icon", text: "Architectural Design", icon: Building },
{ type: "text-icon", text: "Seasonal Dining", icon: Utensils },
{ type: "text-icon", text: "Wellness Spa", icon: Leaf },
{ type: "text-icon", text: "Concierge Service", icon: Bell },
]}
/>
</div>
@@ -132,21 +75,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
features={[
{
title: "Check-in Date",
description: "Select date",
imageSrc: "http://img.b2bpic.net/free-photo/decoration-historical-ancient-ornament-detail-glass_1417-1202.jpg",
},
{
title: "Check-out Date",
description: "Select date",
imageSrc: "http://img.b2bpic.net/free-photo/building-doors-door-european-style_1417-1306.jpg",
},
{
title: "Guests",
description: "Adults / Children",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-happy-enjoy-with-breakfast-bed-bedroom_74190-10029.jpg",
},
{ title: "Check-in Date", description: "Select date", imageSrc: "http://img.b2bpic.net/free-photo/decoration-historical-ancient-ornament-detail-glass_1417-1202.jpg" },
{ title: "Check-out Date", description: "Select date", imageSrc: "http://img.b2bpic.net/free-photo/building-doors-door-european-style_1417-1306.jpg" },
{ title: "Guests", description: "Adults / Children", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-happy-enjoy-with-breakfast-bed-bedroom_74190-10029.jpg" },
]}
title="Reservation Inquiry"
description="Plan your stay."
@@ -173,42 +104,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{
id: "r1",
name: "Signature Suite",
price: "Contact for pricing",
imageSrc: "http://img.b2bpic.net/free-photo/room-interior-hotel-bedroom_23-2150683423.jpg",
},
{
id: "r2",
name: "Garden Villa",
price: "Contact for pricing",
imageSrc: "http://img.b2bpic.net/free-photo/people-relaxing-countryside_23-2151335866.jpg",
},
{
id: "r3",
name: "Deluxe Room",
price: "Contact for pricing",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861874.jpg",
},
{
id: "r4",
name: "Executive Suite",
price: "Contact for pricing",
imageSrc: "http://img.b2bpic.net/free-photo/soft-pastel-hues-room-children_23-2151690383.jpg",
},
{
id: "r5",
name: "Premier Room",
price: "Contact for pricing",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2063.jpg",
},
{
id: "r6",
name: "Garden Suite",
price: "Contact for pricing",
imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-decorative-word-home-candles-vase-blurred-background_169016-33655.jpg",
},
{ id: "r1", name: "Signature Suite", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/room-interior-hotel-bedroom_23-2150683423.jpg" },
{ id: "r2", name: "Garden Villa", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/people-relaxing-countryside_23-2151335866.jpg" },
{ id: "r3", name: "Deluxe Room", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150861874.jpg" },
{ id: "r4", name: "Executive Suite", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/soft-pastel-hues-room-children_23-2151690383.jpg" },
{ id: "r5", name: "Premier Room", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2063.jpg" },
{ id: "r6", name: "Garden Suite", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-decorative-word-home-candles-vase-blurred-background_169016-33655.jpg" },
]}
title="Rooms & Suites"
description="A refined retreat for discerning guests."
@@ -222,21 +123,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
features={[
{
title: "Fine Dining",
description: "Authentic local seasonal menus.",
imageSrc: "http://img.b2bpic.net/free-photo/couple-is-drinking-white-wine-romantic-dinner-restaurant-holding-hands_8353-10579.jpg",
},
{
title: "Private Lounge",
description: "Curated beverage selections.",
imageSrc: "http://img.b2bpic.net/free-photo/charming-brunette-black-dress-is-standing-by-her-man-who-sits-table-luxury-restaurant_613910-18639.jpg",
},
{
title: "Breakfast Service",
description: "Morning tranquility in every bite.",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-breakfast-with-bowl-orange-juice_23-2148877634.jpg",
},
{ title: "Fine Dining", description: "Authentic local seasonal menus.", imageSrc: "http://img.b2bpic.net/free-photo/couple-is-drinking-white-wine-romantic-dinner-restaurant-holding-hands_8353-10579.jpg" },
{ title: "Private Lounge", description: "Curated beverage selections.", imageSrc: "http://img.b2bpic.net/free-photo/charming-brunette-black-dress-is-standing-by-her-man-who-sits-table-luxury-restaurant_613910-18639.jpg" },
{ title: "Breakfast Service", description: "Morning tranquility in every bite.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-breakfast-with-bowl-orange-juice_23-2148877634.jpg" },
]}
title="Dining"
description="제철 식재료로 완성하는 미식의 경험."
@@ -249,36 +138,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "w1",
value: "Spa",
title: "Treatment Room",
items: [
"Traditional massage",
"Sauna",
"Zen garden",
],
},
{
id: "w2",
value: "Fit",
title: "Fitness Club",
items: [
"Private sessions",
"Yoga studio",
"Meditation area",
],
},
{
id: "w3",
value: "Pool",
title: "Indoor Pool",
items: [
"Heated water",
"Architectural view",
"Quiet deck",
],
},
{ id: "w1", value: "Spa", title: "Treatment Room", items: ["Traditional massage", "Sauna", "Zen garden"] },
{ id: "w2", value: "Fit", title: "Fitness Club", items: ["Private sessions", "Yoga studio", "Meditation area"] },
{ id: "w3", value: "Pool", title: "Indoor Pool", items: ["Heated water", "Architectural view", "Quiet deck"] },
]}
title="Wellness & Amenities"
description="마음의 균형을 되찾는 여정."
@@ -287,25 +149,14 @@ export default function LandingPage() {
<div id="gallery" data-section="gallery">
<FeatureCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
features={[
{
title: "Facade",
description: "Exterior architectural view.",
imageSrc: "http://img.b2bpic.net/free-photo/city-building-sky_23-2148107055.jpg",
},
{
title: "Lobby",
description: "Warm welcoming interior.",
imageSrc: "http://img.b2bpic.net/free-photo/doors-building-door-european-style_1417-1307.jpg",
},
{
title: "Room Detail",
description: "Curated minimalist design.",
imageSrc: "http://img.b2bpic.net/free-photo/sofa-decoration-livingroom-interior_74190-7313.jpg",
},
{ title: "Facade", description: "Exterior architectural view.", imageSrc: "http://img.b2bpic.net/free-photo/city-building-sky_23-2148107055.jpg" },
{ title: "Lobby", description: "Warm welcoming interior.", imageSrc: "http://img.b2bpic.net/free-photo/doors-building-door-european-style_1417-1307.jpg" },
{ title: "Room Detail", description: "Curated minimalist design.", imageSrc: "http://img.b2bpic.net/free-photo/sofa-decoration-livingroom-interior_74190-7313.jpg" },
]}
title="Gallery"
description="공간의 아름다움을 시각적으로 전합니다."
@@ -318,60 +169,16 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Guest A",
role: "Executive",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2547.jpg",
},
{
id: "2",
name: "Guest B",
role: "Entrepreneur",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2487.jpg",
},
{
id: "3",
name: "Guest C",
role: "Artist",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-painter-with-empty-palette-posing_114579-85863.jpg",
},
{
id: "4",
name: "Guest D",
role: "Designer",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406003.jpg",
},
{
id: "5",
name: "Guest E",
role: "Architect",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-man-leaning-wall_23-2148401390.jpg",
},
{ id: "1", name: "Guest A", role: "Executive", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2547.jpg" },
{ id: "2", name: "Guest B", role: "Entrepreneur", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2487.jpg" },
{ id: "3", name: "Guest C", role: "Artist", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-painter-with-empty-palette-posing_114579-85863.jpg" },
{ id: "4", name: "Guest D", role: "Designer", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406003.jpg" },
{ id: "5", name: "Guest E", role: "Architect", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-man-leaning-wall_23-2148401390.jpg" },
]}
kpiItems={[
{
value: "100%",
label: "Private",
},
{
value: "City",
label: "Center",
},
{
value: "Quiet",
label: "Atmosphere",
},
{ value: "100%", label: "Private" },
{ value: "City", label: "Center" },
{ value: "Quiet", label: "Atmosphere" },
]}
title="Location"
description="도시 속 비밀스러운 안식처."
@@ -381,9 +188,7 @@ export default function LandingPage() {
<div id="inquiry" data-section="inquiry">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Reservation Inquiry"
description="귀하의 소중한 휴식을 위해 안내를 도와드립니다."
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-asian-woman-relax-smile-happy-around-swimming-pool-hotel-resort_74190-8873.jpg"
@@ -396,14 +201,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Boutique Brand"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>