Merge version_2 into main #3
199
src/app/page.tsx
199
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user