176 lines
8.4 KiB
TypeScript
176 lines
8.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import { Crown, Music, Sparkles, Star, Zap, Quote } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="grid"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Jatagana"
|
|
navItems={[
|
|
{ name: "Experience", id: "about" },
|
|
{ name: "Events", id: "features" },
|
|
{ name: "Amenities", id: "product" },
|
|
{ name: "Reserve", id: "contact" },
|
|
{ name: "Instagram", id: "https://instagram.com" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
title="Where Legends Meet"
|
|
description="Step into Jatagana, the pinnacle of nightlife sophistication. Experience an atmosphere where every detail whispers power, elegance, and untold stories. A sword of steel meets velvet indulgence."
|
|
tag="Exclusive Nightclub"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "glowing-orb" }}
|
|
buttons={[
|
|
{ text: "Reserve Your Table", href: "contact" },
|
|
{ text: "View Events", href: "features" }
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-curly-woman-enjoying-her-wine-bar_627829-6909.jpg"
|
|
imageAlt="Jatagana Nightclub Interior"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
fixedMediaHeight={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="The Experience"
|
|
tagIcon={Crown}
|
|
tagAnimation="slide-up"
|
|
title="A Haven of Refined Indulgence"
|
|
description="Jatagana combines timeless sophistication with cutting-edge design."
|
|
subdescription="Est. 2024 - Where Elegance Reigns"
|
|
icon={Star}
|
|
imageSrc="http://img.b2bpic.net/free-photo/red-brown-restaurant_400718-10.jpg"
|
|
imageAlt="Jatagana Premium Lounge"
|
|
mediaAnimation="opacity"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFour
|
|
title="Signature Events"
|
|
description="Curated experiences crafted for the discerning clientele"
|
|
tag="Events"
|
|
tagIcon={Music}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "1", title: "Friday Night Elite Affair", author: "VIP Experience", description: "Exclusive evening featuring world-class DJs, premium cocktails, and an atmosphere designed for networking among the city's most influential figures.", tags: ["DJ Sets", "Cocktails"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-celebrating-new-year-s-eve-home_23-2148741468.jpg?_wi=1", imageAlt: "Elite Friday Night Event"
|
|
},
|
|
{
|
|
id: "2", title: "Saturday Midnight Soiree", author: "Premium Experience", description: "Late-night celebration featuring live performances, curated music, and an intimate setting perfect for unforgettable moments.", tags: ["Live Music", "VIP Tables"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-celebrating-new-year-s-eve-home_23-2148741468.jpg?_wi=2", imageAlt: "Saturday Night Celebration"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="product" data-section="product">
|
|
<ProductCardOne
|
|
title="Premium Amenities"
|
|
description="Discover what makes Jatagana the pinnacle of nightlife luxury"
|
|
tag="Facilities"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "1", name: "VIP Lounge Access", price: "Reserve", imageSrc: "http://img.b2bpic.net/free-photo/cozy-loungers-health-spa-with-no-people-copy-space_637285-6704.jpg?_wi=1", imageAlt: "VIP Lounge"
|
|
},
|
|
{
|
|
id: "2", name: "Private Bottle Service", price: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/cozy-loungers-health-spa-with-no-people-copy-space_637285-6704.jpg?_wi=2", imageAlt: "Bottle Service"
|
|
},
|
|
{
|
|
id: "3", name: "Champagne & Caviar Bar", price: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/cozy-loungers-health-spa-with-no-people-copy-space_637285-6704.jpg?_wi=3", imageAlt: "Gourmet Bar"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardTwo
|
|
title="Guest Voices"
|
|
description="What our distinguished guests say about their Jatagana experience"
|
|
tag="Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Marco Rossi", role: "Business Executive", testimonial: "Jatagana isn't just a nightclub—it's a statement. The ambiance, the service, the energy... everything is crafted to perfection. I've hosted my most important evenings here.", icon: Quote
|
|
},
|
|
{
|
|
id: "2", name: "Valentina Chen", role: "Creative Director", testimonial: "The attention to detail is remarkable. From the moment you walk in, you feel the power and elegance. It's where innovation meets sophistication.", icon: Quote
|
|
},
|
|
{
|
|
id: "3", name: "Alessandro De Marco", role: "Entrepreneur", testimonial: "This place captures everything I admire—bold, refined, and utterly unforgettable. The perfect venue for celebrating success.", icon: Quote
|
|
},
|
|
{
|
|
id: "4", name: "Sophia Montelli", role: "Fashion Industry", testimonial: "Jatagana is where style meets substance. Every experience here is a masterpiece. The sword of elegance cuts through ordinary nightlife.", icon: Quote
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to experience Jatagana? Reserve your exclusive evening with us."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Reserve Now", href: "https://reservations.example.com" },
|
|
{ text: "Contact Us", href: "mailto:info@jatagana.com" }
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Jatagana"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|