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
navItems={[
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Amenities",
id: "#amenities",
},
name: "Amenities", id: "#amenities"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Torry Island"
/>
@@ -53,37 +45,20 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
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."
buttons={[
{
text: "Book Now",
href: "#pricing",
},
text: "Book Now", href: "#pricing"},
]}
mediaItems={[
{
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",
},
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"},
{
imageSrc: "http://img.b2bpic.net/free-photo/tent-interior-glamping-night_1268-20438.jpg?_wi=1",
imageAlt: "Scenic Nature Spot",
},
imageSrc: "http://img.b2bpic.net/free-photo/tent-interior-glamping-night_1268-20438.jpg?_wi=1", imageAlt: "Scenic Nature Spot"},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chairs-around-bonfire_23-2149445621.jpg?_wi=1",
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",
},
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chairs-around-bonfire_23-2149445621.jpg?_wi=1", imageAlt: "Comfortable Camp Setup"},
]}
mediaAnimation="blur-reveal"
/>
@@ -95,42 +70,29 @@ export default function LandingPage() {
title="Where Nature Meets Ultimate Luxury"
buttons={[
{
text: "Learn More",
href: "#amenities",
},
text: "Learn More", href: "#amenities"},
]}
/>
</div>
<div id="amenities" data-section="amenities">
<FeatureCardTwentyThree
animationType="blur-reveal"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
id: "f1",
title: "Private Waterfront Access",
tags: [
"Premium",
],
imageSrc: "http://img.b2bpic.net/free-photo/tranquil-scene-with-sun-reflecting-water-generated-by-ai_188544-20685.jpg?_wi=2",
},
id: "f1", title: "Private Waterfront Access", tags: [
"Premium"],
imageSrc: "http://img.b2bpic.net/free-photo/tranquil-scene-with-sun-reflecting-water-generated-by-ai_188544-20685.jpg?_wi=2"},
{
id: "f2",
title: "Fine Dining & Grill",
tags: [
"Luxury",
],
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chairs-around-bonfire_23-2149445621.jpg?_wi=2",
},
id: "f2", title: "Fine Dining & Grill", tags: [
"Luxury"],
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chairs-around-bonfire_23-2149445621.jpg?_wi=2"},
{
id: "f3",
title: "Concierge Services",
tags: [
"Exclusive",
],
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-swimming-pool-with-sea-beach_74190-2417.jpg?_wi=2",
},
id: "f3", title: "Concierge Services", tags: [
"Exclusive"],
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-swimming-pool-with-sea-beach_74190-2417.jpg?_wi=2"},
]}
title="Exclusive Amenities"
description="Indulge in comfort with our curated luxury offerings."
@@ -139,40 +101,21 @@ export default function LandingPage() {
<div id="pricing" data-section="pricing">
<PricingCardFive
animationType="blur-reveal"
textboxLayout="split"
useInvertedBackground={false}
plans={[
{
id: "p1",
tag: "Standard",
price: "$150",
period: "night",
description: "Perfect for weekend getaways.",
button: {
text: "Book Now",
},
featuresTitle: "Includes:",
features: [
"Lake access",
"Basic amenities",
"Parking",
],
id: "p1", tag: "Standard", price: "$150", period: "night", description: "Perfect for weekend getaways.", button: {
text: "Book Now"},
featuresTitle: "Includes:", features: [
"Lake access", "Basic amenities", "Parking"],
},
{
id: "p2",
tag: "Luxury",
price: "$299",
period: "night",
description: "The ultimate island retreat.",
button: {
text: "Book Luxury",
},
featuresTitle: "Includes:",
features: [
"VIP concierge",
"Private grill",
"Daily breakfast",
],
id: "p2", tag: "Luxury", price: "$299", period: "night", description: "The ultimate island retreat.", button: {
text: "Book Luxury"},
featuresTitle: "Includes:", features: [
"VIP concierge", "Private grill", "Daily breakfast"],
},
]}
title="Seasonal Packages"
@@ -182,67 +125,18 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
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: "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"},
{
id: "t2",
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: "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"},
{
id: "t3",
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",
},
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"},
]}
title="Guest Experiences"
description="See why travelers choose our luxury campground."
title="Guest Reviews"
description="Hear from those who have experienced our private luxury sanctuary."
/>
</div>
@@ -250,8 +144,7 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
text="Ready to plan your luxury island escape? Reach out to us for special early-bird discounts."
/>
</div>
@@ -262,25 +155,17 @@ export default function LandingPage() {
logoText="Torry Island"
columns={[
{
title: "Navigate",
items: [
title: "Navigate", items: [
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
],
},
]}
@@ -289,4 +174,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

View File

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