107 lines
4.3 KiB
TypeScript
107 lines
4.3 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import { Clock, MapPin, Star, Utensils } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLarge"
|
|
background="none"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Contact", id: "/contact" },
|
|
]}
|
|
brandName="Roof Bistro"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
useInvertedBackground={false}
|
|
background={{ variant: "plain" }}
|
|
title="Roof Bistro: Elevated Dining."
|
|
description="Experience culinary excellence under the open sky. We combine fresh, local ingredients with a moody, professional atmosphere for an unforgettable meal."
|
|
testimonials={[
|
|
{
|
|
name: "Mark J.", handle: "@foodie_mark", testimonial: "The ambiance is unmatched. A perfect moody vibe for dinner!", rating: 5,
|
|
},
|
|
{
|
|
name: "Sarah L.", handle: "@urban_eats", testimonial: "Best rooftop view in the city, paired with exquisite flavors.", rating: 5,
|
|
}
|
|
]}
|
|
buttons={[{ text: "Book Your Table", href: "/contact" }]}
|
|
imageSrc="https://images.unsplash.com/photo-1514362545857-3bc16c4c7d1b?q=80&w=1200"
|
|
imageAlt="Roof Bistro rooftop atmosphere"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardMedia
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
title="Our Atmosphere"
|
|
description="Where professional service meets a dark, moody, and sophisticated environment."
|
|
features={[
|
|
{
|
|
id: "f1",
|
|
title: "Stunning Skyline Views",
|
|
description: "Dine with the most iconic cityscape in the background.",
|
|
tag: "View", imageSrc: "https://images.unsplash.com/photo-1542332215-9f5a31d90c0a?q=80&w=800"
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "Artisan Cocktails",
|
|
description: "Hand-crafted drinks prepared by expert mixologists.",
|
|
tag: "Bar", imageSrc: "https://images.unsplash.com/photo-1514362545857-3bc16c4c7d1b?q=80&w=800"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Roof Bistro"
|
|
columns={[
|
|
{
|
|
title: "Location & Contact", items: [
|
|
{ label: "📍 123 Sky High Ave, Downtown", href: "#" },
|
|
{ label: "📞 +383 44 999 888", href: "tel:+38344999888" },
|
|
{ label: "🕒 Open Daily: 17:00 - 01:00", href: "#" },
|
|
]
|
|
},
|
|
{
|
|
title: "Links", items: [
|
|
{ label: "Home", href: "/" },
|
|
{ label: "About", href: "/about" },
|
|
{ label: "Contact", href: "/contact" },
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Roof Bistro. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |