Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
216
src/app/page.tsx
216
src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Heart, Smile, Star } from "lucide-react";
|
||||
import { Heart, Smile, Star, Zap, CheckCircle, Shield } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Amenities",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Amenities", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Oasis Retreat"
|
||||
/>
|
||||
@@ -56,37 +44,14 @@ export default function LandingPage() {
|
||||
<HeroCarouselLogo
|
||||
logoText="Oasis Retreat"
|
||||
description="Your perfect weekend escape, carefully maintained for total relaxation and comfort."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "#contact" }]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-woman-elegant-dress-straw-hat-summer-style-fashion-trend-vacation-smiling-stylish-accessories-sunglasses-posing-tropical-villa-bali_285396-5715.jpg",
|
||||
imageAlt: "Luxury villa pool retreat",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-smile-happy-relax-around-swimming-pool-hotel-resort-leisure_74190-8405.jpg",
|
||||
imageAlt: "inviting pool lounge area",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/landscape-sunset-beach-chairs-deck_1203-6263.jpg",
|
||||
imageAlt: "sunset view over private pool",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-beach-sand-summertime-with-message-written-it_23-2151145574.jpg",
|
||||
imageAlt: "tranquil pool water reflection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-3650.jpg",
|
||||
imageAlt: "cozy lounge chairs poolside",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-blue-dress-straw-hat-wearing-pink-sunglassses-walking-pool-tropical-spa-villa-vacation-summer-style-outfit-view-from-back-holding-hands-up_285396-2469.jpg",
|
||||
imageAlt: "luxury villa garden oasis",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-woman-elegant-dress-straw-hat-summer-style-fashion-trend-vacation-smiling-stylish-accessories-sunglasses-posing-tropical-villa-bali_285396-5715.jpg", imageAlt: "Luxury villa pool retreat" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-smile-happy-relax-around-swimming-pool-hotel-resort-leisure_74190-8405.jpg", imageAlt: "inviting pool lounge area" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/landscape-sunset-beach-chairs-deck_1203-6263.jpg", imageAlt: "sunset view over private pool" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-beach-sand-summertime-with-message-written-it_23-2151145574.jpg", imageAlt: "tranquil pool water reflection" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-3650.jpg", imageAlt: "cozy lounge chairs poolside" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-blue-dress-straw-hat-wearing-pink-sunglassses-walking-pool-tropical-spa-villa-vacation-summer-style-outfit-view-from-back-holding-hands-up_285396-2469.jpg", imageAlt: "luxury villa garden oasis" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -98,18 +63,9 @@ export default function LandingPage() {
|
||||
title="Where Comfort Meets Serenity"
|
||||
description="We believe your weekend should be effortless. That is why our rooms are meticulously kept to ensure every guest feels like they have arrived home from the moment they step through the door."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Pristine Spaces",
|
||||
description: "Every corner of our retreat is cleaned to the highest standard.",
|
||||
},
|
||||
{
|
||||
title: "Private Pool",
|
||||
description: "Relax in crystal clear waters in complete seclusion.",
|
||||
},
|
||||
{
|
||||
title: "Careful Maintenance",
|
||||
description: "We stay on top of repairs so your focus is solely on unwinding.",
|
||||
},
|
||||
{ title: "Pristine Spaces", description: "Every corner of our retreat is cleaned to the highest standard." },
|
||||
{ title: "Private Pool", description: "Relax in crystal clear waters in complete seclusion." },
|
||||
{ title: "Careful Maintenance", description: "We stay on top of repairs so your focus is solely on unwinding." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-foam-roller_23-2151817439.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -121,30 +77,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Private Pool",
|
||||
description: "Open 24/7 for your exclusive enjoyment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-swimwear-relaxing-near-poolside-backyard_107420-9814.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Neat Rooms",
|
||||
description: "Fresh linens and organized spaces.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-dreaming-about-leisure-vacation_1163-5502.jpg",
|
||||
buttonIcon: "CheckCircle",
|
||||
},
|
||||
{
|
||||
title: "Peaceful Location",
|
||||
description: "Far from the noise, but close to town.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/folding-chairs-near-pool-lawn-yard_23-2148107888.jpg",
|
||||
buttonIcon: "Shield",
|
||||
},
|
||||
{
|
||||
title: "Guest Support",
|
||||
description: "We are available anytime you need assistance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-two-her-multiracial-male-friends-relaxing-sunbeds-near-swimming-pool-girl-wearing-white-swimwear-sunglasses_1157-49689.jpg",
|
||||
buttonIcon: "Star",
|
||||
},
|
||||
{ title: "Private Pool", description: "Open 24/7 for your exclusive enjoyment.", imageSrc: "http://img.b2bpic.net/free-photo/woman-swimwear-relaxing-near-poolside-backyard_107420-9814.jpg", buttonIcon: Zap },
|
||||
{ title: "Neat Rooms", description: "Fresh linens and organized spaces.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-dreaming-about-leisure-vacation_1163-5502.jpg", buttonIcon: CheckCircle },
|
||||
{ title: "Peaceful Location", description: "Far from the noise, but close to town.", imageSrc: "http://img.b2bpic.net/free-photo/folding-chairs-near-pool-lawn-yard_23-2148107888.jpg", buttonIcon: Shield },
|
||||
{ title: "Guest Support", description: "We are available anytime you need assistance.", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-two-her-multiracial-male-friends-relaxing-sunbeds-near-swimming-pool-girl-wearing-white-swimwear-sunglasses_1157-49689.jpg", buttonIcon: Star }
|
||||
]}
|
||||
title="Everything You Need"
|
||||
description="Our curated amenities guarantee a stress-free getaway."
|
||||
@@ -155,25 +91,11 @@ export default function LandingPage() {
|
||||
<MetricCardThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Star,
|
||||
title: "Guest Satisfaction",
|
||||
value: "99%",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Heart,
|
||||
title: "Returning Guests",
|
||||
value: "75%",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Smile,
|
||||
title: "Perfect Getaways",
|
||||
value: "1.2k+",
|
||||
},
|
||||
{ id: "m1", icon: Star, title: "Guest Satisfaction", value: "99%" },
|
||||
{ id: "m2", icon: Heart, title: "Returning Guests", value: "75%" },
|
||||
{ id: "m3", icon: Smile, title: "Perfect Getaways", value: "1.2k+" }
|
||||
]}
|
||||
title="Why Guests Love Us"
|
||||
description="Our dedication to quality makes us a local favorite."
|
||||
@@ -186,46 +108,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_travels",
|
||||
testimonial: "Perfect for a weekend getaway! The rooms were neat, and the place was well-maintained. Definitely worth coming back to.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-bathrobe-drinking-coffee-by-pool_1303-21593.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike D.",
|
||||
handle: "@md_getaways",
|
||||
testimonial: "Absolutely peaceful. The pool was pristine and the service was top-tier.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-fit-woman-with-abs-blue-jeans-red-top_343596-3136.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@emily_r",
|
||||
testimonial: "I loved how clean the villa was. Felt so relaxed after just one day.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-their-sunny-holiday_23-2149284007.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@dave_k",
|
||||
testimonial: "Great attention to detail. It's rare to find a place this well-managed.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-spends-time-home-cozy-interior_1321-1714.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena V.",
|
||||
handle: "@elena_v",
|
||||
testimonial: "Will definitely return next summer. Five stars all the way!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020299.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarah_travels", testimonial: "Perfect for a weekend getaway! The rooms were neat, and the place was well-maintained. Definitely worth coming back to.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-bathrobe-drinking-coffee-by-pool_1303-21593.jpg" },
|
||||
{ id: "2", name: "Mike D.", handle: "@md_getaways", testimonial: "Absolutely peaceful. The pool was pristine and the service was top-tier.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-fit-woman-with-abs-blue-jeans-red-top_343596-3136.jpg" },
|
||||
{ id: "3", name: "Emily R.", handle: "@emily_r", testimonial: "I loved how clean the villa was. Felt so relaxed after just one day.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-their-sunny-holiday_23-2149284007.jpg" },
|
||||
{ id: "4", name: "David K.", handle: "@dave_k", testimonial: "Great attention to detail. It's rare to find a place this well-managed.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-spends-time-home-cozy-interior_1321-1714.jpg" },
|
||||
{ id: "5", name: "Elena V.", handle: "@elena_v", testimonial: "Will definitely return next summer. Five stars all the way!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020299.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Guest Experiences"
|
||||
@@ -238,26 +125,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is the pool private?",
|
||||
content: "Yes, our pool is exclusively for your party during your stay.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are pets allowed?",
|
||||
content: "We allow small, well-behaved pets with prior notice.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer parking?",
|
||||
content: "Yes, we have secure on-site parking for all our guests.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Can I check in early?",
|
||||
content: "Early check-in is subject to availability. Please message us.",
|
||||
},
|
||||
{ id: "q1", title: "Is the pool private?", content: "Yes, our pool is exclusively for your party during your stay." },
|
||||
{ id: "q2", title: "Are pets allowed?", content: "We allow small, well-behaved pets with prior notice." },
|
||||
{ id: "q3", title: "Do you offer parking?", content: "Yes, we have secure on-site parking for all our guests." },
|
||||
{ id: "q4", title: "Can I check in early?", content: "Early check-in is subject to availability. Please message us." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our retreat."
|
||||
@@ -268,35 +139,22 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Booking Inquiry"
|
||||
title="Ready to Book Your Escape?"
|
||||
description="Send us a message to secure your preferred weekend dates. We look forward to hosting you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:hello@oasisretreat.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us Now", href: "mailto:hello@oasisretreat.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Oasis Retreat"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user