Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f07d3d775a | |||
| d73acd1e3b | |||
| a6030f86ea | |||
| 5cc9e18725 | |||
| 03b2bcc0fa | |||
| 5bfa2aedeb | |||
| 547d933466 |
197
src/app/page.tsx
197
src/app/page.tsx
@@ -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: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
@@ -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);
|
||||||
|
|||||||
Reference in New Issue
Block a user