Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-21 05:42:00 +00:00

View File

@@ -20,422 +20,156 @@ export default function LandingPage() {
defaultButtonVariant="directional-hover"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Membership",
id: "membership",
},
{
name: "Events",
id: "events",
},
]}
brandName="Canyon Ranch"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Membership", id: "membership" },
{ name: "Events", id: "events" },
]}
brandName="Canyon Ranch"
button={{ text: "Book Now", href: "#" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "plain",
}}
title="World-Class Wellness"
description="Discover a wellness escape moments from it all at The Venetian® Resort Las Vegas."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/stylish-sisters-drinking-coffee-morning_8353-7606.jpg?_wi=1",
imageAlt: "Luxurious spa entrance",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692265.jpg",
imageAlt: "Serene spa treatment",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/two-girls-have-fun-mall-fountain_1153-4208.jpg",
imageAlt: "Fitness studio space",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/designer-sauna-heaters-geometric-forms-sunny-interior_169016-68905.jpg",
imageAlt: "Wellness therapy room",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-sauna-sunlit-wellness-wooden-waves_169016-68878.jpg",
imageAlt: "Spa relaxation lounge",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{ variant: "plain" }}
title="World-Class Wellness"
description="Discover a wellness escape moments from it all at The Venetian® Resort Las Vegas."
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/stylish-sisters-drinking-coffee-morning_8353-7606.jpg", imageAlt: "Luxurious spa entrance" },
{ imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692265.jpg", imageAlt: "Serene spa treatment" },
{ imageSrc: "http://img.b2bpic.net/free-photo/two-girls-have-fun-mall-fountain_1153-4208.jpg", imageAlt: "Fitness studio space" },
{ imageSrc: "http://img.b2bpic.net/free-photo/designer-sauna-heaters-geometric-forms-sunny-interior_169016-68905.jpg", imageAlt: "Wellness therapy room" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-sauna-sunlit-wellness-wooden-waves_169016-68878.jpg", imageAlt: "Spa relaxation lounge" },
]}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="About Us"
title="134,000 Square Feet of Rejuvenation"
description="Canyon Ranch Las Vegas Spa + Fitness offers an innovative luxury wellness experience within the vibrant energy of The Venetian Resort."
subdescription="With over 100 spa, salon, fitness, and wellness offerings, our sanctuary invites you to restore, relax, and revitalize completely."
icon={Sparkles}
imageSrc="http://img.b2bpic.net/free-photo/luxury-bedroom-illuminated-by-modern-electric-lamp-generated-by-ai_188544-28185.jpg?_wi=1"
mediaAnimation="slide-up"
imageAlt="spa massage treatment room"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
tag="About Us"
title="134,000 Square Feet of Rejuvenation"
description="Canyon Ranch Las Vegas Spa + Fitness offers an innovative luxury wellness experience within the vibrant energy of The Venetian Resort."
subdescription="With over 100 spa, salon, fitness, and wellness offerings, our sanctuary invites you to restore, relax, and revitalize completely."
icon={Sparkles}
imageSrc="http://img.b2bpic.net/free-photo/luxury-bedroom-illuminated-by-modern-electric-lamp-generated-by-ai_188544-28185.jpg"
mediaAnimation="slide-up"
imageAlt="spa massage treatment room"
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyEight
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "s1",
title: "Spa & Salon",
subtitle: "Innovative beauty treatments",
category: "Services",
value: "100+",
},
{
id: "s2",
title: "Advanced Fitness",
subtitle: "State-of-the-art training",
category: "Wellness",
value: "Pro",
},
{
id: "s3",
title: "Holistic Healing",
subtitle: "Expert-led therapies",
category: "Health",
value: "Elite",
},
{
id: "s4",
title: "Nutrition Planning",
subtitle: "Personalized dietary guidance",
category: "Lifestyle",
value: "Custom",
},
{
id: "s5",
title: "Mind-Body Programs",
subtitle: "Guided meditation and yoga",
category: "Zen",
value: "Daily",
},
]}
title="Wellness Services"
description="Explore our comprehensive range of luxury treatments designed for your holistic well-being."
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyEight
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ id: "s1", title: "Spa & Salon", subtitle: "Innovative beauty treatments", category: "Services", value: "100+" },
{ id: "s2", title: "Advanced Fitness", subtitle: "State-of-the-art training", category: "Wellness", value: "Pro" },
{ id: "s3", title: "Holistic Healing", subtitle: "Expert-led therapies", category: "Health", value: "Elite" },
{ id: "s4", title: "Nutrition Planning", subtitle: "Personalized dietary guidance", category: "Lifestyle", value: "Custom" },
{ id: "s5", title: "Mind-Body Programs", subtitle: "Guided meditation and yoga", category: "Zen", value: "Daily" },
]}
title="Wellness Services"
description="Explore our comprehensive range of luxury treatments designed for your holistic well-being."
/>
</div>
<div id="membership" data-section="membership">
<PricingCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "day",
price: "$150",
name: "Day Pass",
buttons: [
{
text: "Book Now",
href: "#",
},
],
features: [
"Access to facilities",
"Fitness area",
"Lounge access",
],
},
{
id: "corp",
price: "Custom",
name: "Corporate Stays",
buttons: [
{
text: "Inquire",
href: "#",
},
],
features: [
"Team building",
"Exclusive retreat access",
"Wellness workshops",
],
},
{
id: "mem",
price: "Contact Us",
name: "Membership",
buttons: [
{
text: "Join",
href: "#",
},
],
features: [
"Unlimited access",
"Priority booking",
"Discounts on services",
],
},
{
id: "week",
price: "$800",
name: "Weekly Wellness",
buttons: [
{
text: "Book",
href: "#",
},
],
features: [
"Full facility access",
"Daily classes",
"Concierge services",
],
},
{
id: "vip",
price: "Inquire",
name: "VIP Retreat",
buttons: [
{
text: "Contact",
href: "#",
},
],
features: [
"All-inclusive",
"Personal coach",
"Luxury suite",
],
},
]}
title="Membership & Visits"
description="Flexible ways to experience Canyon Ranch, from day passes to full membership."
/>
</div>
<div id="membership" data-section="membership">
<PricingCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Membership & Visits"
description="Flexible ways to experience Canyon Ranch, from day passes to full membership."
plans={[
{ id: "day", price: "$150", name: "Day Pass", buttons: [{ text: "Book Now", href: "#" }], features: ["Access to facilities", "Fitness area", "Lounge access"] },
{ id: "corp", price: "Custom", name: "Corporate Stays", buttons: [{ text: "Inquire", href: "#" }], features: ["Team building", "Exclusive retreat access", "Wellness workshops"] },
{ id: "mem", price: "Contact Us", name: "Membership", buttons: [{ text: "Join", href: "#" }], features: ["Unlimited access", "Priority booking", "Discounts on services"] },
{ id: "week", price: "$800", name: "Weekly Wellness", buttons: [{ text: "Book", href: "#" }], features: ["Full facility access", "Daily classes", "Concierge services"] },
{ id: "vip", price: "Inquire", name: "VIP Retreat", buttons: [{ text: "Contact", href: "#" }], features: ["All-inclusive", "Personal coach", "Luxury suite"] },
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah J.",
date: "March 2026",
title: "Rejuvenated",
quote: "The best spa experience in Las Vegas.",
tag: "Visitor",
avatarSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-sisters-drinking-coffee-morning_8353-7606.jpg?_wi=2",
imageAlt: "portrait elegant woman spa",
},
{
id: "t2",
name: "Michael R.",
date: "February 2026",
title: "Elite Fitness",
quote: "Professional training staff and incredible facility.",
tag: "Member",
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-man-massaging-patient_23-2150649750.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-illuminated-by-modern-electric-lamp-generated-by-ai_188544-28185.jpg?_wi=2",
imageAlt: "portrait elegant woman spa",
},
{
id: "t3",
name: "Emily D.",
date: "January 2026",
title: "Relaxed",
quote: "The massage treatments are world-class.",
tag: "Guest",
avatarSrc: "http://img.b2bpic.net/free-photo/spa-woman-beautiful-girl-after-bath-jacuzzi-spa-relaxing-after-massage-wrapped-towels-skincare-perfect-smooth-young-exfoliated-skin-woman-pleased-with-results-from-spa-treatments_639032-499.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-cute-couple-wearing-linen-clothing_23-2150695698.jpg?_wi=1",
imageAlt: "portrait elegant woman spa",
},
{
id: "t4",
name: "David W.",
date: "December 2025",
title: "Corporate Retreat",
quote: "Perfect for our company team building event.",
tag: "Corporate",
avatarSrc: "http://img.b2bpic.net/free-photo/mutual-creative-work-young-beautiful-couple-casual-clothes-aprons-people-creating-bowl-pottery-wheel-clay-studio_1157-39539.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-lying-cosmetologist-s-table-rejuvenation-procedure_343596-77.jpg?_wi=1",
imageAlt: "portrait elegant woman spa",
},
{
id: "t5",
name: "Linda M.",
date: "November 2025",
title: "Luxury Stay",
quote: "Unmatched luxury on the Strip.",
tag: "Member",
avatarSrc: "http://img.b2bpic.net/free-photo/woman-eagle-pose-looking-camera_23-2147802494.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/trainer-helping-woman-while-practicing-pilates_107420-84997.jpg?_wi=1",
imageAlt: "portrait elegant woman spa",
},
]}
title="Guest Experiences"
description="Hear from those who have found their sanctuary with us."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
title="Guest Experiences"
description="Hear from those who have found their sanctuary with us."
testimonials={[
{ id: "t1", name: "Sarah J.", date: "March 2026", title: "Rejuvenated", quote: "The best spa experience in Las Vegas.", tag: "Visitor", avatarSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg", imageSrc: "http://img.b2bpic.net/free-photo/stylish-sisters-drinking-coffee-morning_8353-7606.jpg" },
{ id: "t2", name: "Michael R.", date: "February 2026", title: "Elite Fitness", quote: "Professional training staff and incredible facility.", tag: "Member", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-man-massaging-patient_23-2150649750.jpg", imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-illuminated-by-modern-electric-lamp-generated-by-ai_188544-28185.jpg" },
{ id: "t3", name: "Emily D.", date: "January 2026", title: "Relaxed", quote: "The massage treatments are world-class.", tag: "Guest", avatarSrc: "http://img.b2bpic.net/free-photo/spa-woman-beautiful-girl-after-bath-jacuzzi-spa-relaxing-after-massage-wrapped-towels-skincare-perfect-smooth-young-exfoliated-skin-woman-pleased-with-results-from-spa-treatments_639032-499.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-cute-couple-wearing-linen-clothing_23-2150695698.jpg" },
{ id: "t4", name: "David W.", date: "December 2025", title: "Corporate Retreat", quote: "Perfect for our company team building event.", tag: "Corporate", avatarSrc: "http://img.b2bpic.net/free-photo/mutual-creative-work-young-beautiful-couple-casual-clothes-aprons-people-creating-bowl-pottery-wheel-clay-studio_1157-39539.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-lying-cosmetologist-s-table-rejuvenation-procedure_343596-77.jpg" },
{ id: "t5", name: "Linda M.", date: "November 2025", title: "Luxury Stay", quote: "Unmatched luxury on the Strip.", tag: "Member", avatarSrc: "http://img.b2bpic.net/free-photo/woman-eagle-pose-looking-camera_23-2147802494.jpg", imageSrc: "http://img.b2bpic.net/free-photo/trainer-helping-woman-while-practicing-pilates_107420-84997.jpg" },
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={false}
title="Wellness By The Numbers"
tag="Our Impact"
metrics={[
{
id: "m1",
value: "134,000",
description: "Square feet of serenity",
},
{
id: "m2",
value: "100+",
description: "Innovative offerings",
},
{
id: "m3",
value: "24/7",
description: "Commitment to rejuvenation",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={false}
title="Wellness By The Numbers"
tag="Our Impact"
metrics={[
{ id: "m1", value: "134,000", description: "Square feet of serenity" },
{ id: "m2", value: "100+", description: "Innovative offerings" },
{ id: "m3", value: "24/7", description: "Commitment to rejuvenation" },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="events" data-section="events">
<BlogCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Upcoming Retreats & Events"
description="Join our expert-led retreats and exclusive wellness experiences."
blogs={[
{
id: "b1",
category: "Retreat",
title: "M/Power Menopause Retreat",
excerpt: "Expert guidance and holistic wellness.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-cute-couple-wearing-linen-clothing_23-2150695698.jpg?_wi=2",
authorName: "Canyon Ranch",
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-calm-caucasian-pretty-woman-with-towel-head-eye-mask-patches-face-face-skin-care-concept-female-relax-bed-home_343596-2112.jpg",
date: "May 6-9",
},
{
id: "b2",
category: "Retreat",
title: "Leading Women Retreat",
excerpt: "Exclusive sessions for professional women.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-lying-cosmetologist-s-table-rejuvenation-procedure_343596-77.jpg?_wi=2",
authorName: "Canyon Ranch",
authorAvatar: "http://img.b2bpic.net/free-photo/high-angle-man-getting-massage_23-2150649811.jpg",
date: "May 18-21",
},
{
id: "b3",
category: "Retreat",
title: "Mahjong Club Weekend",
excerpt: "Three days of fun and relaxation.",
imageSrc: "http://img.b2bpic.net/free-photo/trainer-helping-woman-while-practicing-pilates_107420-84997.jpg?_wi=2",
authorName: "Canyon Ranch",
authorAvatar: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg",
date: "Jul 12-14",
},
]}
/>
</div>
<div id="events" data-section="events">
<BlogCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Upcoming Retreats & Events"
description="Join our expert-led retreats and exclusive wellness experiences."
blogs={[
{ id: "b1", category: "Retreat", title: "M/Power Menopause Retreat", excerpt: "Expert guidance and holistic wellness.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-cute-couple-wearing-linen-clothing_23-2150695698.jpg", authorName: "Canyon Ranch", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-calm-caucasian-pretty-woman-with-towel-head-eye-mask-patches-face-face-skin-care-concept-female-relax-bed-home_343596-2112.jpg", date: "May 6-9" },
{ id: "b2", category: "Retreat", title: "Leading Women Retreat", excerpt: "Exclusive sessions for professional women.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-lying-cosmetologist-s-table-rejuvenation-procedure_343596-77.jpg", authorName: "Canyon Ranch", authorAvatar: "http://img.b2bpic.net/free-photo/high-angle-man-getting-massage_23-2150649811.jpg", date: "May 18-21" },
{ id: "b3", category: "Retreat", title: "Mahjong Club Weekend", excerpt: "Three days of fun and relaxation.", imageSrc: "http://img.b2bpic.net/free-photo/trainer-helping-woman-while-practicing-pilates_107420-84997.jpg", authorName: "Canyon Ranch", authorAvatar: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg", date: "Jul 12-14" },
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
title="Stay Connected"
description="Sign up for wellness tips, mobile alerts, and special offers."
tag="Get in Touch"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "plain" }}
title="Stay Connected"
description="Sign up for wellness tips, mobile alerts, and special offers."
tag="Get in Touch"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Explore",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Leadership",
href: "#",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "Contact Us",
href: "#",
},
{
label: "FAQs",
href: "#",
},
{
label: "Accessibility",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms & Conditions",
href: "#",
},
{
label: "Sitemap",
href: "#",
},
],
},
]}
logoText="Canyon Ranch"
copyrightText="© 2026 Canyon Ranch. All Rights Reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Explore", items: [{ label: "About Us", href: "#" }, { label: "Leadership", href: "#" }, { label: "Careers", href: "#" }] },
{ title: "Support", items: [{ label: "Contact Us", href: "#" }, { label: "FAQs", href: "#" }, { label: "Accessibility", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms & Conditions", href: "#" }, { label: "Sitemap", href: "#" }] },
]}
logoText="Canyon Ranch"
copyrightText="© 2026 Canyon Ranch. All Rights Reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);