Merge version_2 into main #4
131
src/app/page.tsx
131
src/app/page.tsx
@@ -15,29 +15,24 @@ export default function LandingPage() {
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="aurora"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Restaurant", id: "restaurant"},
|
||||
{
|
||||
name: "Hotel", id: "hotel"},
|
||||
{
|
||||
name: "Gallery", id: "gallery"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Restaurant", id: "restaurant" },
|
||||
{ name: "Hotel", id: "hotel" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Le Refuge"
|
||||
/>
|
||||
@@ -46,51 +41,18 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Your Alpine Sanctuary in the Heart of Val d'Anniviers"
|
||||
description="Born from a desire to create a true mountain sanctuary, Le Refuge combines the rugged beauty of the Alps with a fresh, soulful culinary experience. Whether you are staying in our timber-clad rooms or stopping by for a meal, you are home."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Local Hiker", handle: "@guest", testimonial: "The perfect place to recharge after the trails.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mesmerizing-view-mountains-covered-snow-sunrise_181624-15487.jpg?_wi=1", imageAlt: "alpine mountain hotel night snow glow"},
|
||||
{
|
||||
name: "Ski Enthusiast", handle: "@skier", testimonial: "Unmatched mountain views and local flavors.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-dish-branches-plate-mushrooms-potatoes-grey-table-spruce-branches-with-cones-mushrooms-salt-fork-tomatoes-oil_140725-117355.jpg?_wi=1", imageAlt: "elevated alpine cuisine plating"},
|
||||
{
|
||||
name: "Food Critic", handle: "@gourmet", testimonial: "Sophisticated alpine cuisine at its best.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497251.jpg?_wi=1", imageAlt: "timber-clad luxury mountain room"},
|
||||
{
|
||||
name: "Hotel Guest", handle: "@stay", testimonial: "The sound of the river is pure peace.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-rustic-ingredients_53876-75021.jpg?_wi=1", imageAlt: "wood textures rustic interior alpine"},
|
||||
{
|
||||
name: "Mountain Guide", handle: "@guide", testimonial: "Authentic, warm, and professional.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-wearing-white-clothes_23-2149445577.jpg?_wi=1", imageAlt: "majestic alp scenery Ayer Switzerland"},
|
||||
{ name: "Local Hiker", handle: "@guest", testimonial: "The perfect place to recharge after the trails.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mesmerizing-view-mountains-covered-snow-sunrise_181624-15487.jpg?_wi=1", imageAlt: "alpine mountain hotel night snow glow" },
|
||||
{ name: "Ski Enthusiast", handle: "@skier", testimonial: "Unmatched mountain views and local flavors.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-dish-branches-plate-mushrooms-potatoes-grey-table-spruce-branches-with-cones-mushrooms-salt-fork-tomatoes-oil_140725-117355.jpg?_wi=1", imageAlt: "elevated alpine cuisine plating" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mesmerizing-view-mountains-covered-snow-sunrise_181624-15487.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mesmerizing-view-mountains-covered-snow-sunrise_181624-15487.jpg", alt: "Guest 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-close-view-dish-branches-plate-mushrooms-potatoes-grey-table-spruce-branches-with-cones-mushrooms-salt-fork-tomatoes-oil_140725-117355.jpg", alt: "Guest 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497251.jpg", alt: "Guest 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/healthy-rustic-ingredients_53876-75021.jpg", alt: "Guest 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-friends-wearing-white-clothes_23-2149445577.jpg", alt: "Guest 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Rustic Chic"},
|
||||
{
|
||||
type: "text", text: "Valaisanne Cuisine"},
|
||||
{
|
||||
type: "text", text: "Mountain Sanctuary"},
|
||||
{
|
||||
type: "text", text: "Alpine Views"},
|
||||
{
|
||||
type: "text", text: "Ayer Hospitality"},
|
||||
{ type: "text", text: "Rustic Chic" },
|
||||
{ type: "text", text: "Valaisanne Cuisine" },
|
||||
{ type: "text", text: "Mountain Sanctuary" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,14 +62,10 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Alpine Mountain Comfort", price: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-dish-branches-plate-mushrooms-potatoes-grey-table-spruce-branches-with-cones-mushrooms-salt-fork-tomatoes-oil_140725-117355.jpg?_wi=2"},
|
||||
{
|
||||
id: "2", name: "Seasonal Valaisanne Platter", price: "Seasonal", imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-dish-branches-plate-mushrooms-potatoes-grey-table-spruce-branches-with-cones-mushrooms-salt-fork-tomatoes-oil_140725-117355.jpg?_wi=3"},
|
||||
{
|
||||
id: "3", name: "Terrace Afternoon Bites", price: "Daily", imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-dish-branches-plate-mushrooms-potatoes-grey-table-spruce-branches-with-cones-mushrooms-salt-fork-tomatoes-oil_140725-117355.jpg?_wi=4"},
|
||||
{ id: "1", name: "Alpine Mountain Comfort", price: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-dish-branches-plate-mushrooms-potatoes-grey-table-spruce-branches-with-cones-mushrooms-salt-fork-tomatoes-oil_140725-117355.jpg?_wi=2" },
|
||||
{ id: "2", name: "Seasonal Valaisanne Platter", price: "Seasonal", imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-dish-branches-plate-mushrooms-potatoes-grey-table-spruce-branches-with-cones-mushrooms-salt-fork-tomatoes-oil_140725-117355.jpg?_wi=3" }
|
||||
]}
|
||||
title="New Culinary Direction"
|
||||
description="Experience terroir-driven dishes and seasonal Valaisanne ingredients in an atmosphere that welcomes both hungry hikers and weary skiers."
|
||||
@@ -118,14 +76,10 @@ export default function LandingPage() {
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Panoramic Views", description: "Wake up to the majesty of Ayer from your private balcony.", tag: "Stay", imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497251.jpg?_wi=2"},
|
||||
{
|
||||
id: "f2", title: "Rustic-Chic Comfort", description: "Timber-clad rooms framing a modern mountain comfort lifestyle.", tag: "Relax", imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497251.jpg?_wi=3"},
|
||||
{
|
||||
id: "f3", title: "Ski-to-Door Proximity", description: "Steps away from the iconic Grimentz-Zinal slope access.", tag: "Ski", imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497251.jpg?_wi=4"},
|
||||
{ id: "f1", title: "Panoramic Views", description: "Wake up to the majesty of Ayer from your private balcony.", tag: "Stay", imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497251.jpg?_wi=2" },
|
||||
{ id: "f2", title: "Rustic-Chic Comfort", description: "Timber-clad rooms framing a modern mountain comfort lifestyle.", tag: "Relax", imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497251.jpg?_wi=3" }
|
||||
]}
|
||||
title="The Refuge Experience"
|
||||
description="Unplug and recharge in our peaceful rooms where the sound of the river and mountain views set the stage for your sanctuary."
|
||||
@@ -134,16 +88,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<MetricCardEleven
|
||||
animationType="scale-rotate"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "Refuge", title: "Atmosphere", description: "The peace you seek.", imageSrc: "http://img.b2bpic.net/free-photo/healthy-rustic-ingredients_53876-75021.jpg?_wi=2"},
|
||||
{
|
||||
id: "m2", value: "Ayer", title: "Location", description: "Heart of the Alps.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-wearing-white-clothes_23-2149445577.jpg?_wi=2"},
|
||||
{
|
||||
id: "m3", value: "Dining", title: "Cuisine", description: "Soulful flavors.", imageSrc: "http://img.b2bpic.net/free-photo/healthy-rustic-ingredients_53876-75021.jpg?_wi=3"},
|
||||
{ id: "m1", value: "Refuge", title: "Atmosphere", description: "The peace you seek.", imageSrc: "http://img.b2bpic.net/free-photo/healthy-rustic-ingredients_53876-75021.jpg?_wi=2" },
|
||||
{ id: "m2", value: "Ayer", title: "Location", description: "Heart of the Alps.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-wearing-white-clothes_23-2149445577.jpg?_wi=2" }
|
||||
]}
|
||||
title="A Visual Journey"
|
||||
description="Wood textures, fresh ingredients, and the majestic scenery of Ayer."
|
||||
@@ -152,9 +102,8 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Book Your Sanctuary"
|
||||
description="Route de Zinal, 3961 Ayer, Switzerland. Reach out to secure your table or room."
|
||||
@@ -165,27 +114,13 @@ export default function LandingPage() {
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mesmerizing-view-mountains-covered-snow-sunrise_181624-15487.jpg?_wi=3"
|
||||
columns={[
|
||||
{
|
||||
title: "Le Refuge", items: [
|
||||
{
|
||||
label: "Restaurant", href: "#restaurant"},
|
||||
{
|
||||
label: "Hotel", href: "#hotel"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Information", items: [
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Booking", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Le Refuge", items: [{ label: "Restaurant", href: "#restaurant" }, { label: "Hotel", href: "#hotel" }] },
|
||||
{ title: "Information", items: [{ label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Le Refuge. Formerly Qi-Lin."
|
||||
copyrightText="© 2025 Le Refuge. Earthy & Alpine."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f6f0e9;
|
||||
--card: #efe7dd;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #2b180a;
|
||||
--background: #fbfaf8;
|
||||
--card: #f2efe9;
|
||||
--foreground: #4a3e35;
|
||||
--primary-cta: #8b5e3c;
|
||||
--primary-cta-text: #f6f0e9;
|
||||
--secondary-cta: #efe7dd;
|
||||
--secondary-cta: #5c735d;
|
||||
--secondary-cta-text: #2b180a;
|
||||
--accent: #94877c;
|
||||
--background-accent: #afa094;
|
||||
--accent: #d4a373;
|
||||
--background-accent: #e9e3d8;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user