217 lines
11 KiB
TypeScript
217 lines
11 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="medium"
|
|
background="blurBottom"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Aria Cafe"
|
|
navItems={[
|
|
{ name: "Home", id: "#" },
|
|
{ name: "Experience", id: "experience" },
|
|
{ name: "Gallery", id: "gallery" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Location", id: "location" }
|
|
]}
|
|
button={{ text: "Reserve Table", href: "#contact" }}
|
|
className="fixed top-6 left-6 right-6 z-50"
|
|
buttonClassName="bg-gradient-to-r from-amber-900 to-amber-700 hover:from-amber-800 hover:to-amber-600"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
logoText="ARIA CAFE"
|
|
description="Ottawa's Most Relaxing Shisha Lounge. Premium shisha, cozy atmosphere, and unforgettable late-night vibes where every moment feels like home."
|
|
background={{ variant: "radial-gradient" }}
|
|
buttons={[
|
|
{ text: "Reserve Your Table", href: "#contact" },
|
|
{ text: "View Menu", href: "#menu" }
|
|
]}
|
|
layoutOrder="default"
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-people-vaping-from-hookah-bar_23-2149194220.jpg"
|
|
imageAlt="Luxury shisha lounge with glowing hookah and cozy seating"
|
|
frameStyle="card"
|
|
mediaAnimation="blur-reveal"
|
|
buttonAnimation="slide-up"
|
|
className="relative overflow-hidden"
|
|
logoClassName="text-amber-900"
|
|
descriptionClassName="text-amber-950"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Why Ottawa Loves Aria"
|
|
description="Real feedback from our community of regulars who have made us their favorite escape."
|
|
names={[
|
|
"Best shisha lounge in Ottawa", "Friendly staff feel like family", "Shisha tastes like home or better", "Premium quality every visit", "Perfect late-night gathering spot", "Unforgettable social vibes", "Cozy atmosphere and great service"
|
|
]}
|
|
tag="Social Proof"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={45}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="experience" data-section="experience">
|
|
<FeatureCardEight
|
|
title="The Aria Experience"
|
|
description="Discover what makes us Ottawa's premier shisha destination"
|
|
tag="Why Choose Us"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Premium Shisha", description: "Perfectly prepared flavors with smooth pulls, quality ingredients, and long-lasting sessions that keep you coming back.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hookah-ready-smoke_23-2149173606.jpg", imageAlt: "Premium shisha preparation with glowing charcoal"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Cozy Lounge Atmosphere", description: "Soft lighting, comfortable seating, and carefully curated music that sets the perfect mood for relaxation and connection.", imageSrc: "http://img.b2bpic.net/free-photo/teen-receiving-psychotherapy-advice-support-emotional-issues_482257-117668.jpg", imageAlt: "Luxurious lounge seating with ambient lighting"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Friendly Service", description: "Our staff treat you like family from the moment you arrive, ensuring every visit becomes a memorable experience.", imageSrc: "http://img.b2bpic.net/free-photo/working-businessman-is-ordering-something-restaurant-pretty-waitress-is-serving-coffee_8353-10551.jpg", imageAlt: "Professional staff providing excellent hospitality"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardOne
|
|
title="A Place Where Ottawa Comes to Unwind"
|
|
description="Experience the ambiance, flavors, and connections that define Aria Cafe"
|
|
tag="Gallery"
|
|
products={[
|
|
{
|
|
id: "1", name: "Glowing Shisha", price: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/fruit-hookah-tube-with-orange-apple-lemon-glass-with-metal-standing_140725-4127.jpg", imageAlt: "Glowing shisha bowl with aromatic smoke"
|
|
},
|
|
{
|
|
id: "2", name: "Specialty Drinks", price: "Crafted", imageSrc: "http://img.b2bpic.net/free-photo/glass-jar-purple-green-cocktail-garnished-with-lemon-zest_140725-6017.jpg", imageAlt: "Premium beverages and specialty coffee"
|
|
},
|
|
{
|
|
id: "3", name: "Cozy Seating", price: "Luxe", imageSrc: "http://img.b2bpic.net/free-photo/wooden-terrace-resort-filter-restaurant_1203-6276.jpg", imageAlt: "Comfortable lounge seating with ambient lighting"
|
|
},
|
|
{
|
|
id: "4", name: "Night Vibes", price: "Late", imageSrc: "http://img.b2bpic.net/free-photo/scared-couple-watching-movie_23-2147718287.jpg", imageAlt: "Dark lounge with atmospheric lighting"
|
|
},
|
|
{
|
|
id: "5", name: "Social Gatherings", price: "Memorable", imageSrc: "http://img.b2bpic.net/free-photo/young-man-woman-vaping-from-hookah-indoors_23-2149173615.jpg", imageAlt: "Happy guests enjoying the lounge atmosphere"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<PricingCardFive
|
|
title="Explore Our Menu"
|
|
description="Curated selection of premium shisha flavors and specialty beverages"
|
|
tag="Menu Preview"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
plans={[
|
|
{
|
|
id: "shisha", tag: "Shisha Flavors", price: "Premium", period: "Selection", description: "Smooth, flavorful, and long-lasting sessions with top-quality tobacco blends.", button: { text: "Full Menu", href: "#" },
|
|
featuresTitle: "Popular Flavors:", features: [
|
|
"Mint Chill - Refreshing & smooth", "Blueberry Ice - Sweet & cool", "Double Apple - Classic favorite", "Watermelon Mint - Fruity escape", "Grape Mint - Rich & aromatic"
|
|
]
|
|
},
|
|
{
|
|
id: "drinks", tag: "Beverages", price: "Specialty", period: "Drinks", description: "Complement your shisha with our carefully selected drink menu.", button: { text: "Full Menu", href: "#" },
|
|
featuresTitle: "Drink Selection:", features: [
|
|
"Arabic Coffee - Traditional & rich", "Specialty Teas - Herbal & soothing", "Iced Drinks - Refreshing options", "Energy Drinks - Premium brands", "Juices - Fresh & natural"
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="location" data-section="location">
|
|
<TextSplitAbout
|
|
title="Visit Us"
|
|
description={[
|
|
"22 Cleopatra Drive, Ottawa, ON", "Open Daily • Late Until 1:00 AM", "Perfect for a night out with friends, dates, or a solo escape into our cozy lounge atmosphere.", "Easy parking available anytime. Call us at (613) 621-2018 for reservations or more information."
|
|
]}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Get Directions", href: "#" },
|
|
{ text: "Call Us", href: "tel:+16136212018" }
|
|
]}
|
|
showBorder={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Reservation"
|
|
title="Your Perfect Night Starts Here"
|
|
description="Great friends, great shisha, unforgettable vibes. Reserve your table at Aria Cafe today."
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={true}
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Reserve Now"
|
|
termsText="We'll send you reservation details and special offers. We respect your privacy."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Aria Cafe"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Home", href: "#" },
|
|
{ label: "Menu", href: "#menu" },
|
|
{ label: "Gallery", href: "#gallery" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Location", href: "#location" },
|
|
{ label: "Hours", href: "#" },
|
|
{ label: "Contact", href: "tel:+16136212018" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "TikTok", href: "https://tiktok.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |