173 lines
8.5 KiB
TypeScript
173 lines
8.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { Award, Heart, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Testimonials", id: "testimonials"},
|
|
]}
|
|
brandName="Bar Restorant Lepeja"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Warmth, tradition, and unforgettable meals"
|
|
description="A family-run Tiranë institution where exceptional hospitality meets calm, authentic dining. Loved by locals for service, atmosphere, and genuine value."
|
|
carouselItems={[
|
|
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/rustic-chandelier-made-bulbs-ropes-dining-table-vintage-kitchen_181624-9173.jpg", imageAlt: "Luxurious dining atmosphere" },
|
|
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cheese-cutting-different-types-cheese-nuts-raisins-tomato_176474-2435.jpg", imageAlt: "Traditional cuisine" },
|
|
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/people-after-work-pub_53876-25156.jpg?_wi=1", imageAlt: "Calm dining space" },
|
|
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-fried-vegetables_140725-6185.jpg", imageAlt: "Gourmet plating" },
|
|
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg?_wi=1", imageAlt: "Hospitality focus" },
|
|
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/tuna-salad-with-eggs-glass-wine_140725-6858.jpg?_wi=1", imageAlt: "Fine dining detail" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="Our Family Legacy"
|
|
description="Lepeja isn't just a restaurant; it's our home. For years, we've poured our hearts into preserving traditional recipes and crafting an atmosphere where every guest feels like part of the family."
|
|
metrics={[
|
|
{ value: "12+", title: "Years of Tradition" },
|
|
{ value: "5000+", title: "Happy Guests" },
|
|
{ value: "100%", title: "Authentic Ingredients" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-spreading-butter-bread-traditional-breakfast-setup_140725-10830.jpg"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ id: "f1", title: "Authentic Cuisine", tags: ["Tradition", "Fresh"], imageSrc: "http://img.b2bpic.net/free-photo/view-raw-vegetables-assortment_23-2148643050.jpg" },
|
|
{ id: "f2", title: "Family-Run Heart", tags: ["Hospitality", "Warmth"], imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-eating-lula-kebab-pita-bread-with-yogurt-tomatoes-grilled-hot-peppers-tray_141793-17487.jpg" },
|
|
{ id: "f3", title: "Calm Atmosphere", tags: ["Relaxing", "Luxury"], imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-couple-handsome-stylish-male-charming-brunette-woman-dating-luxury-restaurant_613910-4373.jpg?_wi=1" },
|
|
]}
|
|
title="Why Choose Lepeja"
|
|
description="We blend luxury standards with genuine local charm."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Sarah J.", role: "Visitor", company: "UK", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/girl-with-pizza_1157-7355.jpg?id=1413701" },
|
|
{ id: "2", name: "Mark D.", role: "Visitor", company: "Tiranë", rating: 5, imageSrc: "https://img.b2bpic.net/premium-photo/young-bearded-male-businessman-is-sitting-table-fine-restaurant-waiting-his-order-customer-service-catering_180601-17231.jpg?id=30945336" },
|
|
{ id: "3", name: "Elena P.", role: "Foodie", company: "Italy", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-having-turkish-iskender-doner-with-tomato-sauce-yogurt_114579-3632.jpg" },
|
|
{ id: "4", name: "Altin H.", role: "Local", company: "Tiranë", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/happy-man-standing-beach_107420-9868.jpg?id=5194908" },
|
|
{ id: "5", name: "John M.", role: "Traveler", company: "USA", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-caucasian-male-with-red-t-shirt_181624-52255.jpg?id=19538468" },
|
|
]}
|
|
kpiItems={[
|
|
{ value: "4.9", label: "Google Rating" },
|
|
{ value: "12k", label: "Local Visitors" },
|
|
{ value: "95%", label: "Returning Guests" },
|
|
]}
|
|
title="Loved by Our Guests"
|
|
description="Genuine experiences from our Tiranë community."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "m1", value: "98%", title: "Guest Satisfaction", description: "Consistently praised for excellence.", icon: Star },
|
|
{ id: "m2", value: "24/7", title: "Quality Care", description: "Dedication to every detail.", icon: Heart },
|
|
{ id: "m3", value: "100%", title: "Local Ingredients", description: "Supporting local farmers.", icon: Award },
|
|
]}
|
|
title="Our Hospitality Pillars"
|
|
description="Values that define every dining moment."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "q1", title: "Do I need a reservation?", content: "While we welcome walk-ins, reservations are highly recommended for weekends." },
|
|
{ id: "q2", title: "Are drinks served?", content: "Yes, we serve a variety of alcoholic and non-alcoholic drinks." },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/charming-cafe-with-floral-decor-outdoor-seating_23-2151984704.jpg?_wi=2"
|
|
mediaAnimation="slide-up"
|
|
title="Common Questions"
|
|
description="Everything you need to know for your visit."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Contact Us"
|
|
title="Join Us at Lepeja"
|
|
description="Book your table now for an authentic experience."
|
|
imageSrc="http://img.b2bpic.net/free-photo/popular-resort-amara-dolce-vita-luxury-hotel-with-pools-water-parks-recreational-area-along-sea-coast-turkey-tekirova-kemer_146671-18754.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{ title: "Visit", items: [{ label: "Tiranë, Albania", href: "#" }] },
|
|
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] },
|
|
]}
|
|
bottomLeftText="© 2026 Bar Restorant Lepeja"
|
|
bottomRightText="All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|