231 lines
11 KiB
TypeScript
231 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { Facebook, Instagram } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="fluid"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Menu", id: "products"},
|
|
{
|
|
name: "Reviews", id: "testimonials"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Barg Restaurant"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
background={{
|
|
variant: "plain"}}
|
|
logoText="Barg Restaurant"
|
|
description="Authentic Asian Cuisine, Open Around the Clock. Order shawarma, kebab, and house specialties online for pickup or dine-in. Trusted by Kabul since day one."
|
|
buttons={[
|
|
{
|
|
text: "Order Now", href: "#products"},
|
|
{
|
|
text: "View Menu", href: "#products"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/view-tasty-shawarma-dish_23-2151805472.jpg?w=800&auto=format&fit=crop"
|
|
imageAlt="Tasty Shawarma Dish"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="A Legacy of Flavor"
|
|
description="Barg Restaurant brings the heart of Asian cuisine to Kabul with a commitment to quality and service. From our signature kebabs to freshly prepared shawarma, every meal is crafted for those who value authenticity and speed."
|
|
imageSrc="http://img.b2bpic.net/free-photo/muslim-couple-eating-dish-restaurant_23-2147794268.jpg?w=800&auto=format&fit=crop"
|
|
imageAlt="Couple dining at restaurant"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", name: "Classic Kebab Platter", price: "1,200 ؋", variant: "House Favorite", imageSrc: "http://img.b2bpic.net/free-photo/side-view-lula-kebab-pita-bread-with-vegetables-sauce_141793-4989.jpg?w=400&auto=format&fit=crop", imageAlt: "Classic Kebab Platter"
|
|
},
|
|
{
|
|
id: "2", name: "Signature Shawarma Wrap", price: "1,000 ؋", variant: "Quick Bite", imageSrc: "http://img.b2bpic.net/free-photo/beef-lamb-kebab-served-with-onion-slices-vegetables-herbs-lavash-white-plate_114579-132.jpg?w=400&auto=format&fit=crop", imageAlt: "Signature Shawarma Wrap"
|
|
},
|
|
{
|
|
id: "3", name: "Spiced Lamb Chops", price: "1,200 ؋", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/yummy-arabic-kebab-sandwich_23-2148651082.jpg?w=400&auto=format&fit=crop", imageAlt: "Spiced Lamb Chops"
|
|
},
|
|
{
|
|
id: "4", name: "Asian Mixed Grill", price: "1,200 ؋", variant: "Shareable", imageSrc: "http://img.b2bpic.net/free-photo/variety-meat-kebab-with-grilled-vegetables-salad-white-table_114579-4419.jpg?w=400&auto=format&fit=crop", imageAlt: "Asian Mixed Grill"
|
|
},
|
|
{
|
|
id: "5", name: "Fresh Garden Salad", price: "1,000 ؋", variant: "Light", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-up-junk-food_23-2148289465.jpg?w=400&auto=format&fit=crop", imageAlt: "Fresh Garden Salad"
|
|
},
|
|
{
|
|
id: "6", name: "Traditional Rice Dish", price: "1,000 ؋", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/spicy-vegan-salad-with-sticky-berry-grain-rice_1339-8203.jpg?w=400&auto=format&fit=crop", imageAlt: "Traditional Rice Dish"
|
|
},
|
|
]}
|
|
title="House Specialties"
|
|
description="Explore our curated selection of authentic Asian favorites, available for pickup or dining in."
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "24/7 Availability", description: "Always here to satisfy your cravings, day or night.", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-serbian-food-table_23-2149358073.jpg?w=600&auto=format&fit=crop", imageAlt: "24/7 Service"
|
|
},
|
|
{
|
|
title: "Authentic Recipes", description: "Time-tested Asian recipes made with fresh ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/food-delivery-concept-top-view_23-2149182255.jpg?w=600&auto=format&fit=crop", imageAlt: "Authentic Food"
|
|
},
|
|
{
|
|
title: "Fast Online Ordering", description: "Streamlined process for quick pickups and takeout.", imageSrc: "http://img.b2bpic.net/free-photo/kebab-wrap-with-meat-vegetables_23-2148632636.jpg?w=600&auto=format&fit=crop", imageAlt: "Fast Delivery"
|
|
},
|
|
]}
|
|
title="Why Choose Us"
|
|
description="We are dedicated to providing the best dining experience in Kabul through speed, quality, and atmosphere."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Ahmad R.", role: "Professional", company: "Kabul Tech", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg?w=100&auto=format&fit=crop"},
|
|
{
|
|
id: "2", name: "Sara K.", role: "Student", company: "Local Uni", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg?w=100&auto=format&fit=crop"},
|
|
{
|
|
id: "3", name: "The Khan Family", role: "Diners", company: "Loyal Patrons", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-colleagues-break_23-2149390519.jpg?w=100&auto=format&fit=crop"},
|
|
{
|
|
id: "4", name: "David M.", role: "Traveler", company: "Expats Group", rating: 4,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg?w=100&auto=format&fit=crop"},
|
|
{
|
|
id: "5", name: "Fatima Z.", role: "Manager", company: "Daily Commuter", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-scanning-qr-code_23-2149357886.jpg?w=100&auto=format&fit=crop"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "4.7", label: "Average Rating"},
|
|
{
|
|
value: "21+", label: "Happy Reviews"},
|
|
{
|
|
value: "24/7", label: "Always Open"},
|
|
]}
|
|
title="Trusted by Our Guests"
|
|
description="With a 4.7-star rating from over 21 reviews, see why Kabul loves Barg Restaurant."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "100+", description: "Meals Served Daily"},
|
|
{
|
|
id: "m2", value: "4.7/5", description: "Quality Score"},
|
|
{
|
|
id: "m3", value: "24/7", description: "Operational Hours"},
|
|
]}
|
|
title="Our Impact"
|
|
description="Consistently delivering quality meals to our community."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "f1", title: "Do you offer delivery?", content: "Currently, we focus on quick pickup and dine-in services."},
|
|
{
|
|
id: "f2", title: "Are you open on weekends?", content: "Yes, we are open 24/7, including weekends."},
|
|
{
|
|
id: "f3", title: "Is seating available?", content: "We offer comfortable indoor seating for families and professionals."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our ordering and dining process."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Contact Us"
|
|
title="Visit or Order Today"
|
|
description="Located in the heart of Kabul. Reach out for bulk orders or reservations."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Barg Restaurant"
|
|
copyrightText="© 2025 Barg Restaurant. All rights reserved."
|
|
socialLinks={[
|
|
{
|
|
icon: Instagram,
|
|
href: "#", ariaLabel: "Instagram"},
|
|
{
|
|
icon: Facebook,
|
|
href: "#", ariaLabel: "Facebook"},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |