294 lines
10 KiB
TypeScript
294 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Location",
|
|
id: "features",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Kembali Berawa"
|
|
button={{
|
|
text: "Visit Us",
|
|
href: "#contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
logoText="Kembali Berawa"
|
|
description="Discover tranquility and tropical living in the heart of Berawa, Bali. Your home away from home."
|
|
buttons={[
|
|
{
|
|
text: "Explore",
|
|
href: "#about",
|
|
},
|
|
{
|
|
text: "Contact",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/diverse-young-people-being-digital-nomads-working-remotely-from-dreamy-locations_23-2151187933.jpg?_wi=1"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="Welcome to Paradise"
|
|
description="Kembali Berawa is more than just a destination; it's a feeling. Nestled amidst lush greenery and vibrant culture, we provide an authentic Balinese experience."
|
|
metrics={[
|
|
{
|
|
value: "100+",
|
|
title: "Happy Guests",
|
|
},
|
|
{
|
|
value: "5*",
|
|
title: "Avg Rating",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/pretty-european-positive-smiling-woman-summer-flying-dress-natural-day-light-villa-terrace-enjoying-beautiful-vacation-outdoor-sofa-with-pillows-tropical_343596-1131.jpg?_wi=1"
|
|
mediaAnimation="blur-reveal"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardMedia
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "f1",
|
|
title: "Private Pool",
|
|
description: "Crystal clear water in a private sanctuary.",
|
|
tag: "Relax",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-blue-water-tropical-garden-with-sea-view-background_1150-10233.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "Tropical Gardens",
|
|
description: "Authentic lush Balinese greenery.",
|
|
tag: "Nature",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/road-surrounded-with-green-tropical-trees-leading-hotel_181624-49537.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "Modern Living",
|
|
description: "Contemporary style meets local charm.",
|
|
tag: "Luxury",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/photo-from-back-slim-woman-long-dress-looking-rainy-sky-outdoor-shot-shapely-female-model-enjoying-nature-views-resort_197531-9184.jpg?_wi=1",
|
|
},
|
|
]}
|
|
title="Experience Excellence"
|
|
description="Enjoy world-class amenities designed for your absolute relaxation and comfort."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={false}
|
|
title="By The Numbers"
|
|
tag="Our Impact"
|
|
metrics={[
|
|
{
|
|
id: "m1",
|
|
value: "24/7",
|
|
description: "Support Available",
|
|
},
|
|
{
|
|
id: "m2",
|
|
value: "95%",
|
|
description: "Guest Retention",
|
|
},
|
|
{
|
|
id: "m3",
|
|
value: "10y",
|
|
description: "Years of Excellence",
|
|
},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
name: "Sarah Miller",
|
|
date: "Jan 2025",
|
|
title: "Paradise Found",
|
|
quote: "The best place to stay in Bali. Absolute serenity.",
|
|
tag: "Verified",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-traveling-thailand-summer-vacation-casual-style-sunglasses-hat-cotton-skirt-t-shirt-smiling-happy-adventures_285396-5793.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/diverse-young-people-being-digital-nomads-working-remotely-from-dreamy-locations_23-2151187933.jpg?_wi=2",
|
|
imageAlt: "happy traveller portrait",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "John Doe",
|
|
date: "Dec 2024",
|
|
title: "Amazing Staff",
|
|
quote: "I felt so welcome. The hospitality is unmatched.",
|
|
tag: "Verified",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/asian-woman-sitting-beach-using-phone_1303-15689.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pretty-european-positive-smiling-woman-summer-flying-dress-natural-day-light-villa-terrace-enjoying-beautiful-vacation-outdoor-sofa-with-pillows-tropical_343596-1131.jpg?_wi=2",
|
|
imageAlt: "happy traveller portrait",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "Emma Wilson",
|
|
date: "Nov 2024",
|
|
title: "Perfect Location",
|
|
quote: "Walking distance to the beach. Simply convenient.",
|
|
tag: "Verified",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/traveler-leaning-against-fence_23-2148228560.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-blue-water-tropical-garden-with-sea-view-background_1150-10233.jpg?_wi=2",
|
|
imageAlt: "happy traveller portrait",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "David Clark",
|
|
date: "Oct 2024",
|
|
title: "Luxury Reimagined",
|
|
quote: "The design is incredible. I loved every detail.",
|
|
tag: "Verified",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/happy-women-have-pleasant-talk-while-meet-summer-party-drink-alcoholic-cocktails-rejoice-having-vacation-day-off-look-with-glad-expression-each-other-people-leisure-time-concept_273609-3291.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/road-surrounded-with-green-tropical-trees-leading-hotel_181624-49537.jpg?_wi=2",
|
|
imageAlt: "happy traveller portrait",
|
|
},
|
|
{
|
|
id: "t5",
|
|
name: "Lisa Ray",
|
|
date: "Sept 2024",
|
|
title: "Tropical Dream",
|
|
quote: "Pure magic. Can't wait to return next year.",
|
|
tag: "Verified",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-sit-backyard-chair-summer-sunny-day-enjoying-amazing-warm-weather-catching-sun-rays_343596-6757.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/photo-from-back-slim-woman-long-dress-looking-rainy-sky-outdoor-shot-shapely-female-model-enjoying-nature-views-resort_197531-9184.jpg?_wi=2",
|
|
imageAlt: "happy traveller portrait",
|
|
},
|
|
]}
|
|
title="Guest Stories"
|
|
description="What our guests have to say about their stay at Kembali Berawa."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social" data-section="social">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Travel Leisure",
|
|
"Conde Nast",
|
|
"Bali Life",
|
|
"Resort Review",
|
|
"Travelers Choice",
|
|
"Coastal Living",
|
|
"Island Vibes",
|
|
]}
|
|
title="Trusted Globally"
|
|
description="Recognized by industry leaders for excellence in hospitality."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "q1",
|
|
title: "Is breakfast included?",
|
|
content: "Yes, a delicious daily breakfast is provided.",
|
|
},
|
|
{
|
|
id: "q2",
|
|
title: "Is airport pickup available?",
|
|
content: "Absolutely, we arrange airport transfers for all guests.",
|
|
},
|
|
{
|
|
id: "q3",
|
|
title: "Are pets allowed?",
|
|
content: "We currently do not accommodate pets.",
|
|
},
|
|
]}
|
|
title="Frequently Asked"
|
|
description="Everything you need to know about staying with us."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "downward-rays-animated",
|
|
}}
|
|
tag="Contact Us"
|
|
title="Reach Out Today"
|
|
description="We'd love to hear from you. Get in touch to book your stay."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Kembali Berawa"
|
|
copyrightText="© 2025 Kembali Berawa. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|