174 lines
11 KiB
TypeScript
174 lines
11 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-stagger"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="soft"
|
||
contentWidth="small"
|
||
sizing="largeSizeMediumTitles"
|
||
background="circleGradient"
|
||
cardStyle="layered-gradient"
|
||
primaryButtonStyle="double-inset"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="bold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={[
|
||
{ name: "Home", id: "hero" },
|
||
{ name: "About", id: "about" },
|
||
{ name: "Services", id: "services" },
|
||
{ name: "Contact", id: "contact" },
|
||
]}
|
||
brandName="La'mina Venue"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardCarousel
|
||
background={{ variant: "gradient-bars" }}
|
||
title="La’mina Venue"
|
||
description="Where Memories and Celebrations Come Alive. Experience tropical luxury under the golden sunset."
|
||
buttons={[
|
||
{ text: "Book Now", href: "#contact" },
|
||
{ text: "Contact Us", href: "#contact" },
|
||
]}
|
||
mediaItems={[
|
||
{ imageSrc: "https://img.b2bpic.net/free-photo/beautiful-coconut-palm-tree-beach-sea_74190-2014.jpg?_wi=1", imageAlt: "Tropical sunset resort" },
|
||
{ imageSrc: "https://img.b2bpic.net/free-photo/beautiful-tropical-beach-sea-ocean-with-coconut-palm-tree-sunrise-time_74190-7453.jpg?_wi=1", imageAlt: "Tropical sunset resort" },
|
||
{ imageSrc: "https://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-with-silhouette-umbrella-chair-around-resort-sunrise-time_74190-7909.jpg?_wi=1", imageAlt: "Tropical sunset resort" },
|
||
{ imageSrc: "https://img.b2bpic.net/free-photo/beautiful-outdoor-view-with-umbrella_74190-6855.jpg?_wi=1", imageAlt: "Tropical sunset resort" },
|
||
{ imageSrc: "https://img.b2bpic.net/free-photo/umbrella-chair-around-luxury-outdoor-swimming-pool_74190-1073.jpg?_wi=1", imageAlt: "Tropical sunset resort" },
|
||
{ imageSrc: "https://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694103.jpg?_wi=1", imageAlt: "Tropical sunset resort" },
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextSplitAbout
|
||
useInvertedBackground={true}
|
||
title="Experience Tranquility at La’mina"
|
||
description={[
|
||
"La’mina Venue offers a serene escape, perfect for those seeking beauty and peaceful scenery. Our tropical ambiance provides the ideal backdrop for creating unforgettable memories.", "We pride ourselves on providing top-tier service in an environment that naturally enhances any celebration."]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTwelve
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{ id: "pool", label: "Pool", title: "Private Swimming Pool", items: ["Crystal clear waters", "Relaxing lounge area", "Perfect for day/night"] },
|
||
{ id: "events", label: "Hosting", title: "Event Hosting", items: ["Birthday celebrations", "Wedding ceremonies", "Professional gatherings"] },
|
||
{ id: "gatherings", label: "Family", title: "Family Reunions", items: ["Spacious garden setting", "Cozy atmosphere", "Full facility access"] },
|
||
]}
|
||
title="Our Premium Offerings"
|
||
description="From intimate reunions to grand weddings, we ensure every detail is perfect."
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardSix
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
title="Our Unique Advantages"
|
||
description="Why guests choose La'mina Venue for their special moments."
|
||
features={[
|
||
{ title: "Luxury Privacy", description: "Exclusive access to our private estate for a serene experience.", imageSrc: "https://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694103.jpg?_wi=1" },
|
||
{ title: "Stunning Sunsets", description: "Unmatched golden hour views for your photography and event atmosphere.", imageSrc: "https://img.b2bpic.net/free-photo/luxury-villa-with-pool-sunset-view_23-2151974399.jpg?_wi=1" }
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="gallery" data-section="gallery">
|
||
<ProductCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="four-items-2x2-equal-grid"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{ id: "g1", name: "Main Poolside", price: "", imageSrc: "https://img.b2bpic.net/free-photo/turquoise-bora-sea-ocean-beautiful_1253-584.jpg?_wi=1" },
|
||
{ id: "g2", name: "Garden Setup", price: "", imageSrc: "https://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-sunrise-sunset-time_74190-8445.jpg?_wi=1" },
|
||
{ id: "g3", name: "Sunset Views", price: "", imageSrc: "https://img.b2bpic.net/free-photo/luxury-villa-with-pool-sunset-view_23-2151974399.jpg?_wi=1" },
|
||
{ id: "g4", name: "Dining Space", price: "", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-landscape-outdoor-swimming-pool-with-umbrella-deck-chair-hotel-resort-relax-tra_74190-8020.jpg?_wi=1" },
|
||
{ id: "g5", name: "Night Lighting", price: "", imageSrc: "https://img.b2bpic.net/free-photo/nature-summer-travel-beach-luxury_1203-4812.jpg?_wi=1" },
|
||
{ id: "g6", name: "Interior View", price: "", imageSrc: "https://img.b2bpic.net/free-photo/luxury-infinity-pool-overlooking-ocean-sunset_23-2151993703.jpg?_wi=1" },
|
||
]}
|
||
title="Venue Gallery"
|
||
description="Visualize your perfect event in our stunning tropical oasis."
|
||
/>
|
||
</div>
|
||
|
||
<div id="pricing" data-section="pricing">
|
||
<PricingCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
plans={[
|
||
{ id: "basic", badge: "Essential", price: "$500", subtitle: "Perfect for family reunions", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Full pool access", "Kitchen area", "Outdoor seating"] },
|
||
{ id: "pro", badge: "Popular", price: "$1,200", subtitle: "For birthdays and weddings", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Full facility access", "Decor support", "Dedicated host"] },
|
||
{ id: "gold", badge: "Premium", price: "$2,500", subtitle: "All-inclusive luxury event", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Full staff service", "Catering assistance", "VIP Lounge access"] },
|
||
]}
|
||
title="Choose Your Event Package"
|
||
description="Tailored packages designed for every occasion."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTwo
|
||
animationType="depth-3d"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{ id: "1", name: "Sarah J.", role: "Wedding Planner", testimonial: "La’mina provides the most breathtaking sunset views for any event.", imageSrc: "https://img.b2bpic.net/free-photo/horizontal-shot-pleasant-looking-brunette-female-with-cheerful-expression-sits-terrace-cafe-waits-order-with-broad-smile-spends-summer-vacations-exotic-country-relaxed-glad-woman_273609-3009.jpg?_wi=1" },
|
||
{ id: "2", name: "Mark D.", role: "Birthday Host", testimonial: "The pool facility is world-class and perfectly maintained.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-european-fit-slim-pretty-woman-without-make-up-natural-light-with-long-hair-pink-summer-top-straw-hat_343596-3065.jpg?_wi=1" },
|
||
{ id: "3", name: "Elena R.", role: "Event Guest", testimonial: "Peaceful, serene, and absolutely luxurious. Loved it!", imageSrc: "https://img.b2bpic.net/free-photo/slim-romantic-caucasian-girl-posing-with-shy-smile-resort_197531-20681.jpg?_wi=1" },
|
||
{ id: "4", name: "Kevin L.", role: "Corporate Client", testimonial: "Excellent service and stunning property for gatherings.", imageSrc: "https://img.b2bpic.net/free-photo/man-showing-engagement-ring-his-happy-girlfriend-restaurant_23-2147891141.jpg?_wi=1" },
|
||
{ id: "5", name: "Maria C.", role: "Event Planner", testimonial: "A truly magical place for intimate family events.", imageSrc: "https://img.b2bpic.net/free-photo/front-view-happy-young-man-holding-beer_23-2148270901.jpg?_wi=1" },
|
||
]}
|
||
title="Client Stories"
|
||
description="Read what our guests have to say about La’mina."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplit
|
||
useInvertedBackground={false}
|
||
background={{ variant: "plain" }}
|
||
tag="Contact Us"
|
||
title="Book Your Celebration"
|
||
description="Get in touch to check availability and start planning."
|
||
imageSrc="https://img.b2bpic.net/free-photo/good-humored-woman-brown-cropped-top-sincerely-smiles-holds-cellphone_197531-18171.jpg?_wi=1"
|
||
mediaAnimation="blur-reveal"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoReveal
|
||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DfyQ0VlUlDZ4DW24aHeO46ZTFh/uploaded-1778688222011-izoyxyzs.png"
|
||
logoText="La’mina Venue"
|
||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||
rightLink={{ text: "Terms & Conditions", href: "#" }}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |