251 lines
12 KiB
TypeScript
251 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="largeSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Menu", id: "products"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Tumbler Bar & Lounge"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlayTestimonial
|
|
title="Sophistication in Every Detail."
|
|
description="Discover Tumbler Bar & Lounge at Hilton Tashkent City, an ideal venue for business meetings or friendly chats in a relaxed, luxurious atmosphere."
|
|
testimonials={[
|
|
{
|
|
name: "Aigerim P.", handle: "@aigerim", testimonial: "Everything was absolutely amazing! Service was fast and high-quality.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-living-room-with-elegant-decor-generated-by-ai_188544-21520.jpg"},
|
|
{
|
|
name: "Mavjuda M.", handle: "@mavjuda", testimonial: "With family good experience. Truly high level atmosphere.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-interior-anime-style_23-2151176358.jpg"},
|
|
{
|
|
name: "Elena K.", handle: "@elena", testimonial: "The best spot in Tashkent for business meetings.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-apartment-loft-with-cozy-corner-trendy-decorations_482257-125286.jpg"},
|
|
{
|
|
name: "Damir R.", handle: "@damir", testimonial: "Exquisite cocktails and professional service.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232866.jpg"},
|
|
{
|
|
name: "Sofia L.", handle: "@sofia", testimonial: "Beautiful decor and very comfortable seating.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-living-room-with-elegant-design-generated-by-ai_188544-21435.jpg"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "View Menu", href: "#products"},
|
|
{
|
|
text: "Book Now", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/luxury-modern-living-room-with-elegant-design-generated-by-ai_188544-21435.jpg"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/luxury-modern-living-room-with-elegant-design-generated-by-ai_188544-21435.jpg", alt: "Luxury interior decor"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/classic-luxury-style-restaurant-with-tables-chairs_140725-9389.jpg", alt: "Cozy home interior"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-holding-glass-drink-garnished-with-dried-flower-cinnamon-stick_140725-533.jpg", alt: "Modern apartment loft"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/bartender-pouring-cocktail-incredients-lounge-atmosphere_482257-24652.jpg", alt: "Beautiful woman"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-attractive-employees-businesswomen-with-laptop-classical-clothing_496169-2506.jpg", alt: "Luxurious lounge interior"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={false}
|
|
tag="About Us"
|
|
title="Tashkent's Finest Lounge Experience"
|
|
description="Located on the ground floor at Hilton Tashkent City, Tumbler Bar provides an exclusive access to the terrace and is open 7 days a week."
|
|
subdescription="Whether you are unwinding after a busy day or holding a business talk, we offer the perfect meeting point."
|
|
videoSrc="http://img.b2bpic.net/free-photo/classic-luxury-style-restaurant-with-tables-chairs_140725-9389.jpg"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFour
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "f1", title: "Artisan Mixology", author: "Expert Bartenders", description: "Handcrafted traditional and modern cocktails.", tags: [
|
|
"Drinks", "Premium"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-glass-drink-garnished-with-dried-flower-cinnamon-stick_140725-533.jpg"},
|
|
{
|
|
id: "f2", title: "Gourmet Dining", author: "Chef's Kitchen", description: "Exquisite Mediterranean and national dishes.", tags: [
|
|
"Cuisine", "Food"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bartender-pouring-cocktail-incredients-lounge-atmosphere_482257-24652.jpg"},
|
|
{
|
|
id: "f3", title: "Business Ready", author: "Professional Staff", description: "Perfect atmosphere for meetings or chats.", tags: [
|
|
"Venue", "Professional"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-employees-businesswomen-with-laptop-classical-clothing_496169-2506.jpg"},
|
|
]}
|
|
title="World Class Amenities"
|
|
description="We cater to international travelers and locals alike with a full range of services."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="asymmetric-60-wide-40-narrow"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Signature Martini", price: "$15", variant: "Drink", imageSrc: "http://img.b2bpic.net/free-photo/view-cocktail-beverage-glass-with-abstract-neo-futuristic-set_23-2150938344.jpg"},
|
|
{
|
|
id: "p2", name: "Mediterranean Salad", price: "$12", variant: "Food", imageSrc: "http://img.b2bpic.net/free-photo/soft-cake-decorated-with-orangeand-chocolate-tray-other-cookies-dark-table_140725-86367.jpg"},
|
|
{
|
|
id: "p3", name: "Gourmet Sandwich", price: "$10", variant: "Food", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-delicious-sandwiches-cement-background-with-copy-space_23-2148617394.jpg"},
|
|
{
|
|
id: "p4", name: "International Platter", price: "$25", variant: "Dinner", imageSrc: "http://img.b2bpic.net/free-photo/cutlery-plate-with-pasts_23-2147749503.jpg"},
|
|
{
|
|
id: "p5", name: "Dessert Delight", price: "$8", variant: "Sweet", imageSrc: "http://img.b2bpic.net/free-photo/diary-products-cheesecake-with-oreo-cookies_114579-2473.jpg"},
|
|
{
|
|
id: "p6", name: "Premium Whiskey", price: "$20", variant: "Drink", imageSrc: "http://img.b2bpic.net/free-photo/glass-whiskey-with-cigar-table-close-up-photo-alcohol-cigar_1157-39194.jpg"},
|
|
]}
|
|
title="Our Menu"
|
|
description="From sandwiches to international cuisine, our menu is prepared with passion."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "136+", description: "Five-Star Reviews"},
|
|
{
|
|
id: "m2", value: "5.0", description: "Average Rating"},
|
|
{
|
|
id: "m3", value: "14", description: "Hours Daily Operation"},
|
|
]}
|
|
title="Our Success"
|
|
description="Trusted by our guests for exceptional experiences daily."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-coffee-shop_23-2148366682.jpg"},
|
|
{
|
|
id: "t2", name: "Mark L.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-two-raised-fingers_1187-1103.jpg"},
|
|
{
|
|
id: "t3", name: "Jane D.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-meeting-restaurant_23-2148395335.jpg"},
|
|
{
|
|
id: "t4", name: "Alex K.", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-pointing-his-empty-glass-restaurant_23-2149316805.jpg"},
|
|
{
|
|
id: "t5", name: "Chris P.", imageSrc: "http://img.b2bpic.net/free-photo/older-guests-using-videocall-connection_482257-81635.jpg"},
|
|
]}
|
|
cardTitle="What Guests Say"
|
|
cardTag="Testimonials"
|
|
cardAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "Are you open on weekends?", content: "Yes, we are open 7 days a week from 12:00 PM until 2:00 AM."},
|
|
{
|
|
id: "q2", title: "Do you accept credit cards?", content: "Yes, we accept both Visa and Mastercard."},
|
|
{
|
|
id: "q3", title: "Is table service available?", content: "Yes, table service is provided throughout the lounge and terrace."},
|
|
]}
|
|
sideTitle="Common Questions"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Contact Us"
|
|
title="Book Your Table Today"
|
|
description="Visit us at Ukchi St., 1, Tashkent 100027 or call +998 94 940 40 01 to reserve."
|
|
buttons={[
|
|
{
|
|
text: "Call Now", href: "tel:+998949404001"},
|
|
{
|
|
text: "Instagram", href: "https://www.instagram.com/tumblerbar.lounge/"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{
|
|
label: "Menu", href: "#products"},
|
|
{
|
|
label: "About", href: "#about"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{
|
|
label: "+998 94 940 40 01", href: "tel:+998949404001"},
|
|
{
|
|
label: "Instagram", href: "https://www.instagram.com/tumblerbar.lounge/"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Tumbler Bar"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|