3 Commits

Author SHA1 Message Date
a5419ca667 Update src/app/page.tsx 2026-04-05 05:58:43 +00:00
aa909e3c40 Update src/app/styles/variables.css 2026-04-05 05:56:35 +00:00
33dd3b26e6 Update src/app/page.tsx 2026-04-05 05:56:35 +00:00
2 changed files with 49 additions and 164 deletions

View File

@@ -30,21 +30,13 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ {
name: "About", name: "About", id: "#about"},
id: "#about",
},
{ {
name: "Amenities", name: "Amenities", id: "#amenities"},
id: "#amenities",
},
{ {
name: "Pricing", name: "Pricing", id: "#pricing"},
id: "#pricing",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="Torry Island" brandName="Torry Island"
/> />
@@ -53,37 +45,20 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardGallery <HeroBillboardGallery
background={{ background={{
variant: "sparkles-gradient", variant: "sparkles-gradient"}}
}}
title="Unparalleled Luxury on Torry Island" title="Unparalleled Luxury on Torry Island"
description="Experience the perfect harmony of nature and comfort. Book your exclusive stay today and enjoy early-bird seasonal discounts." description="Experience the perfect harmony of nature and comfort. Book your exclusive stay today and enjoy early-bird seasonal discounts."
buttons={[ buttons={[
{ {
text: "Book Now", text: "Book Now", href: "#pricing"},
href: "#pricing",
},
]} ]}
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/tranquil-scene-with-sun-reflecting-water-generated-by-ai_188544-20685.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/tranquil-scene-with-sun-reflecting-water-generated-by-ai_188544-20685.jpg?_wi=1", imageAlt: "Luxury Campground View"},
imageAlt: "Luxury Campground View",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/tent-interior-glamping-night_1268-20438.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/tent-interior-glamping-night_1268-20438.jpg?_wi=1", imageAlt: "Scenic Nature Spot"},
imageAlt: "Scenic Nature Spot",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chairs-around-bonfire_23-2149445621.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chairs-around-bonfire_23-2149445621.jpg?_wi=1", imageAlt: "Comfortable Camp Setup"},
imageAlt: "Comfortable Camp Setup",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-swimming-pool-with-sea-beach_74190-2417.jpg?_wi=1",
imageAlt: "Aerial Island View",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-drink-forest_23-2147883189.jpg",
imageAlt: "Serene Nature Landscape",
},
]} ]}
mediaAnimation="blur-reveal" mediaAnimation="blur-reveal"
/> />
@@ -95,42 +70,29 @@ export default function LandingPage() {
title="Where Nature Meets Ultimate Luxury" title="Where Nature Meets Ultimate Luxury"
buttons={[ buttons={[
{ {
text: "Learn More", text: "Learn More", href: "#amenities"},
href: "#amenities",
},
]} ]}
/> />
</div> </div>
<div id="amenities" data-section="amenities"> <div id="amenities" data-section="amenities">
<FeatureCardTwentyThree <FeatureCardTwentyThree
animationType="blur-reveal"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
id: "f1", id: "f1", title: "Private Waterfront Access", tags: [
title: "Private Waterfront Access", "Premium"],
tags: [ imageSrc: "http://img.b2bpic.net/free-photo/tranquil-scene-with-sun-reflecting-water-generated-by-ai_188544-20685.jpg?_wi=2"},
"Premium",
],
imageSrc: "http://img.b2bpic.net/free-photo/tranquil-scene-with-sun-reflecting-water-generated-by-ai_188544-20685.jpg?_wi=2",
},
{ {
id: "f2", id: "f2", title: "Fine Dining & Grill", tags: [
title: "Fine Dining & Grill", "Luxury"],
tags: [ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chairs-around-bonfire_23-2149445621.jpg?_wi=2"},
"Luxury",
],
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chairs-around-bonfire_23-2149445621.jpg?_wi=2",
},
{ {
id: "f3", id: "f3", title: "Concierge Services", tags: [
title: "Concierge Services", "Exclusive"],
tags: [ imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-swimming-pool-with-sea-beach_74190-2417.jpg?_wi=2"},
"Exclusive",
],
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-swimming-pool-with-sea-beach_74190-2417.jpg?_wi=2",
},
]} ]}
title="Exclusive Amenities" title="Exclusive Amenities"
description="Indulge in comfort with our curated luxury offerings." description="Indulge in comfort with our curated luxury offerings."
@@ -139,40 +101,21 @@ export default function LandingPage() {
<div id="pricing" data-section="pricing"> <div id="pricing" data-section="pricing">
<PricingCardFive <PricingCardFive
animationType="blur-reveal"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
plans={[ plans={[
{ {
id: "p1", id: "p1", tag: "Standard", price: "$150", period: "night", description: "Perfect for weekend getaways.", button: {
tag: "Standard", text: "Book Now"},
price: "$150", featuresTitle: "Includes:", features: [
period: "night", "Lake access", "Basic amenities", "Parking"],
description: "Perfect for weekend getaways.",
button: {
text: "Book Now",
},
featuresTitle: "Includes:",
features: [
"Lake access",
"Basic amenities",
"Parking",
],
}, },
{ {
id: "p2", id: "p2", tag: "Luxury", price: "$299", period: "night", description: "The ultimate island retreat.", button: {
tag: "Luxury", text: "Book Luxury"},
price: "$299", featuresTitle: "Includes:", features: [
period: "night", "VIP concierge", "Private grill", "Daily breakfast"],
description: "The ultimate island retreat.",
button: {
text: "Book Luxury",
},
featuresTitle: "Includes:",
features: [
"VIP concierge",
"Private grill",
"Daily breakfast",
],
}, },
]} ]}
title="Seasonal Packages" title="Seasonal Packages"
@@ -182,67 +125,18 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardFive <TestimonialCardFive
textboxLayout="default" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "Eleanor V.", date: "March 2025", title: "Exquisite Sanctuary", quote: "The level of service and the seclusion of the private island made for the most relaxing escape of my life.", tag: "Luxury", avatarSrc: "http://img.b2bpic.net/free-photo/woman-in-summer-dress-relaxing-outdoor_23-2148784155.jpg", imageSrc: "http://img.b2bpic.net/free-photo/tranquil-scene-with-sun-reflecting-water-generated-by-ai_188544-20685.jpg?_wi=3", imageAlt: "luxury retreat view"},
name: "Jane D.",
date: "Oct 2024",
title: "Incredible View",
quote: "The best camping experience I've had.",
tag: "Luxury",
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-couple-looking-away-nature-with-copy-space_23-2148714893.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/tranquil-scene-with-sun-reflecting-water-generated-by-ai_188544-20685.jpg?_wi=3",
imageAlt: "luxury campsite serene lake sunset",
},
{ {
id: "t2", id: "t2", name: "Julian R.", date: "Feb 2025", title: "World-Class Comfort", quote: "Simply unparalleled. The attention to detail in our villa was beyond expectation.", tag: "Elite", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-man-wearing-casual-clothing-smiling_176420-19253.jpg", imageSrc: "http://img.b2bpic.net/free-photo/tent-interior-glamping-night_1268-20438.jpg?_wi=2", imageAlt: "luxury villa interior"},
name: "Mark S.",
date: "Sept 2024",
title: "Pure Bliss",
quote: "Absolutely worth every penny.",
tag: "Relaxation",
avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-female-photographer-looking-phone-smiling_176420-6925.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/tent-interior-glamping-night_1268-20438.jpg?_wi=2",
imageAlt: "luxury forest campground tent interior",
},
{ {
id: "t3", id: "t3", name: "Sofia L.", date: "Jan 2025", title: "Unforgettable Journey", quote: "Truly a five-star experience in the heart of nature. We felt completely pampered.", tag: "Premium", avatarSrc: "http://img.b2bpic.net/free-photo/elegant-woman-with-sunglasses-posing_23-2148815147.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chairs-around-bonfire_23-2149445621.jpg?_wi=3", imageAlt: "luxury island leisure"},
name: "Emily R.",
date: "Aug 2024",
title: "Great Service",
quote: "Friendly staff and amazing island.",
tag: "Hospitality",
avatarSrc: "http://img.b2bpic.net/free-photo/selfie-couple-camping-night-by-campfire_23-2148223507.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chairs-around-bonfire_23-2149445621.jpg?_wi=3",
imageAlt: "luxury outdoor camping furniture setup",
},
{
id: "t4",
name: "Sarah W.",
date: "July 2024",
title: "Hidden Gem",
quote: "Luxury meets the wild perfectly.",
tag: "Escape",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-drink-forest_23-2147883189.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-swimming-pool-with-sea-beach_74190-2417.jpg?_wi=3",
imageAlt: "luxury campground aerial shot island",
},
{
id: "t5",
name: "Tom B.",
date: "June 2024",
title: "Perfect Stay",
quote: "I will definitely be returning.",
tag: "Travel",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-shot-cheerful-woman-tourist-dressed-orange-jumper-strolls-near-small-stream-green-forest_273609-27389.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-looking-away-nature-with-copy-space_23-2148714893.jpg",
imageAlt: "luxury camper portrait smiling",
},
]} ]}
title="Guest Experiences" title="Guest Reviews"
description="See why travelers choose our luxury campground." description="Hear from those who have experienced our private luxury sanctuary."
/> />
</div> </div>
@@ -250,8 +144,7 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
text="Ready to plan your luxury island escape? Reach out to us for special early-bird discounts." text="Ready to plan your luxury island escape? Reach out to us for special early-bird discounts."
/> />
</div> </div>
@@ -262,25 +155,17 @@ export default function LandingPage() {
logoText="Torry Island" logoText="Torry Island"
columns={[ columns={[
{ {
title: "Navigate", title: "Navigate", items: [
items: [
{ {
label: "About", label: "About", href: "#about"},
href: "#about",
},
{ {
label: "Pricing", label: "Pricing", href: "#pricing"},
href: "#pricing",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
], ],
}, },
]} ]}
@@ -289,4 +174,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #0a0a0a; --background: #fbfbfb;
--card: #1a1a1a; --card: #f2f2f2;
--foreground: #f5f5f5; --foreground: #1a1a1a;
--primary-cta: #ffdf7d; --primary-cta: #1a1a1a;
--primary-cta-text: #0a0a0a; --primary-cta-text: #0a0a0a;
--secondary-cta: #1a1a1a; --secondary-cta: #e5e5e5;
--secondary-cta-text: #ffffff; --secondary-cta-text: #ffffff;
--accent: #b8860b; --accent: #b8a07c;
--background-accent: #8b6914; --background-accent: #e0d8cc;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);