Merge version_1 into main #2
305
src/app/page.tsx
305
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Events",
|
||||
id: "events",
|
||||
},
|
||||
{
|
||||
name: "Reserve",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Events", id: "events" },
|
||||
{ name: "Reserve", id: "contact" },
|
||||
]}
|
||||
brandName="POPIN"
|
||||
/>
|
||||
@@ -59,49 +44,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="An Elevated Dining Experience in the Heart of Kaslik"
|
||||
description="Luxury flavors, unforgettable ambiance, and modern hospitality crafted into every moment."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Book an Event",
|
||||
href: "#events",
|
||||
},
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{ text: "Reserve a Table", href: "#contact" },
|
||||
{ text: "Book an Event", href: "#events" },
|
||||
{ text: "Explore Menu", href: "#menu" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slice-medovic-cake-white-plate_114579-17175.jpg?_wi=1",
|
||||
imageAlt: "Cinematic cafe atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-taking-photo-with-his-smartphone_23-2149239021.jpg",
|
||||
imageAlt: "Gourmet food presentation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-reunion-celebrating-winter_23-2149628493.jpg",
|
||||
imageAlt: "Bakery artisan craft",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-night-city-with-young-woman_23-2149124061.jpg",
|
||||
imageAlt: "Modern lounge setting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-velvet-cake-stuffed-with-white-butter-cream_114579-2315.jpg",
|
||||
imageAlt: "Luxury dining evening",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-dining-out_23-2149212186.jpg",
|
||||
imageAlt: "Signature pastries",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/slice-medovic-cake-white-plate_114579-17175.jpg", imageAlt: "Cinematic cafe atmosphere" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-man-taking-photo-with-his-smartphone_23-2149239021.jpg", imageAlt: "Gourmet food presentation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/family-reunion-celebrating-winter_23-2149628493.jpg", imageAlt: "Bakery artisan craft" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-night-city-with-young-woman_23-2149124061.jpg", imageAlt: "Modern lounge setting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/red-velvet-cake-stuffed-with-white-butter-cream_114579-2315.jpg", imageAlt: "Luxury dining evening" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-dining-out_23-2149212186.jpg", imageAlt: "Signature pastries" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,20 +70,11 @@ export default function LandingPage() {
|
||||
title="A Modern Social Destination"
|
||||
description="POPIN redefines the Lebanese culinary scene, blending the precision of an upscale bakery with the soul of a premium restaurant. Every detail is curated for those who seek perfection."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Artisan Craft",
|
||||
description: "Handcrafted daily by master bakers.",
|
||||
},
|
||||
{
|
||||
title: "Premium Ingredients",
|
||||
description: "Sourced globally for the ultimate flavor.",
|
||||
},
|
||||
{
|
||||
title: "Unmatched Ambiance",
|
||||
description: "Designed for the sophisticated socialite.",
|
||||
},
|
||||
{ title: "Artisan Craft", description: "Handcrafted daily by master bakers." },
|
||||
{ title: "Premium Ingredients", description: "Sourced globally for the ultimate flavor." },
|
||||
{ title: "Unmatched Ambiance", description: "Designed for the sophisticated socialite." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/waitress-holding-cake_23-2147821281.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/waitress-holding-cake_23-2147821281.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -136,21 +84,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Bakery Delights",
|
||||
description: "Freshly baked every single dawn.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-half-view-berry-cake-white-oval-plate-red-shawl-grey-surface_140725-102508.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Gourmet Pasta",
|
||||
description: "Authentic Italian techniques.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-tomato-red-pepper-sauce_114579-2487.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Signature Desserts",
|
||||
description: "Sweet perfection defined.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-breast-topped-with-fried-vegetables_140725-2712.jpg?_wi=1",
|
||||
},
|
||||
{ title: "Bakery Delights", description: "Freshly baked every single dawn.", imageSrc: "http://img.b2bpic.net/free-photo/bottom-half-view-berry-cake-white-oval-plate-red-shawl-grey-surface_140725-102508.jpg" },
|
||||
{ title: "Gourmet Pasta", description: "Authentic Italian techniques.", imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-tomato-red-pepper-sauce_114579-2487.jpg" },
|
||||
{ title: "Signature Desserts", description: "Sweet perfection defined.", imageSrc: "http://img.b2bpic.net/free-photo/chicken-breast-topped-with-fried-vegetables_140725-2712.jpg" },
|
||||
]}
|
||||
title="Signature Flavors"
|
||||
description="Discover a menu crafted for the modern epicurean."
|
||||
@@ -162,61 +98,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Bakery",
|
||||
name: "Signature Croissant",
|
||||
price: "$8",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-concept-background-with-copy-space_1194-638611.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Main",
|
||||
name: "Truffle Pasta",
|
||||
price: "$28",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-hamburger-tasty-with-green-salad-other-ingredients-inside-round-plate-dark-surface_140725-11626.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Dessert",
|
||||
name: "Gold Leaf Cake",
|
||||
price: "$15",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-bread-loaves-food-photography-recipe-ideas_53876-144949.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Bakery",
|
||||
name: "Sourdough Loaf",
|
||||
price: "$10",
|
||||
rating: 4,
|
||||
reviewCount: "40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cheesecake-with-strawberry-chocolate-plate-bowls_140725-105619.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Main",
|
||||
name: "Signature Burger",
|
||||
price: "$22",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-burger-composition_23-2148868215.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Dessert",
|
||||
name: "Mille Feuille",
|
||||
price: "$12",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crepe-cocktail-table_140725-8227.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Bakery", name: "Signature Croissant", price: "$8", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/coffee-concept-background-with-copy-space_1194-638611.jpg" },
|
||||
{ id: "p2", brand: "Main", name: "Truffle Pasta", price: "$28", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/front-view-hamburger-tasty-with-green-salad-other-ingredients-inside-round-plate-dark-surface_140725-11626.jpg" },
|
||||
{ id: "p3", brand: "Dessert", name: "Gold Leaf Cake", price: "$15", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/assortment-bread-loaves-food-photography-recipe-ideas_53876-144949.jpg" },
|
||||
{ id: "p4", brand: "Bakery", name: "Sourdough Loaf", price: "$10", rating: 4, reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cheesecake-with-strawberry-chocolate-plate-bowls_140725-105619.jpg" },
|
||||
{ id: "p5", brand: "Main", name: "Signature Burger", price: "$22", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-burger-composition_23-2148868215.jpg" },
|
||||
{ id: "p6", brand: "Dessert", name: "Mille Feuille", price: "$12", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/crepe-cocktail-table_140725-8227.jpg" },
|
||||
]}
|
||||
title="Culinary Specials"
|
||||
description="Our chef's curated selection for the week."
|
||||
@@ -228,25 +117,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Chef Antoine",
|
||||
role: "Head Chef",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Sarah J.",
|
||||
role: "Pastry Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-tray-muffins-counter_107420-12317.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Marc K.",
|
||||
role: "Service Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-luxury-restaurant_23-2150598336.jpg",
|
||||
},
|
||||
{ id: "m1", name: "Chef Antoine", role: "Head Chef", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg" },
|
||||
{ id: "m2", name: "Sarah J.", role: "Pastry Lead", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-tray-muffins-counter_107420-12317.jpg" },
|
||||
{ id: "m3", name: "Marc K.", role: "Service Director", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-luxury-restaurant_23-2150598336.jpg" },
|
||||
]}
|
||||
title="Mastery Behind POPIN"
|
||||
description="Meet the visionaries who curate our luxury dining experience."
|
||||
@@ -258,61 +133,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Laila A.",
|
||||
date: "Jan 2025",
|
||||
title: "Exquisite",
|
||||
quote: "The gold standard of dining in Kaslik.",
|
||||
tag: "VIP",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598344.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slice-medovic-cake-white-plate_114579-17175.jpg?_wi=2",
|
||||
imageAlt: "portrait happy customer cafe",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sam R.",
|
||||
date: "Dec 2024",
|
||||
title: "Modern Classic",
|
||||
quote: "Unmatched service and atmosphere.",
|
||||
tag: "Foodie",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/friend-clicking-photos-couple-from-mobile-phone_1170-504.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waitress-holding-cake_23-2147821281.jpg?_wi=2",
|
||||
imageAlt: "portrait happy customer cafe",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Nour H.",
|
||||
date: "Nov 2024",
|
||||
title: "Cinematic",
|
||||
quote: "Everything felt like art.",
|
||||
tag: "Socialite",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661550.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-breast-topped-with-fried-vegetables_140725-2712.jpg?_wi=2",
|
||||
imageAlt: "portrait happy customer cafe",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Karim B.",
|
||||
date: "Oct 2024",
|
||||
title: "Flawless",
|
||||
quote: "Best pastries I've ever had.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-woman-clicking-photo-burger-from-mobile-phone_1170-741.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-tomato-red-pepper-sauce_114579-2487.jpg?_wi=2",
|
||||
imageAlt: "portrait happy customer cafe",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maya S.",
|
||||
date: "Sep 2024",
|
||||
title: "Premium",
|
||||
quote: "Total luxury from start to finish.",
|
||||
tag: "Guest",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-showing-engagement-ring-his-happy-girlfriend-restaurant_23-2147891141.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-half-view-berry-cake-white-oval-plate-red-shawl-grey-surface_140725-102508.jpg?_wi=2",
|
||||
imageAlt: "portrait happy customer cafe",
|
||||
},
|
||||
{ id: "1", name: "Laila A.", date: "Jan 2025", title: "Exquisite", quote: "The gold standard of dining in Kaslik.", tag: "VIP", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598344.jpg", imageSrc: "http://img.b2bpic.net/free-photo/slice-medovic-cake-white-plate_114579-17175.jpg", imageAlt: "portrait happy customer cafe" },
|
||||
{ id: "2", name: "Sam R.", date: "Dec 2024", title: "Modern Classic", quote: "Unmatched service and atmosphere.", tag: "Foodie", avatarSrc: "http://img.b2bpic.net/free-photo/friend-clicking-photos-couple-from-mobile-phone_1170-504.jpg", imageSrc: "http://img.b2bpic.net/free-photo/waitress-holding-cake_23-2147821281.jpg", imageAlt: "portrait happy customer cafe" },
|
||||
{ id: "3", name: "Nour H.", date: "Nov 2024", title: "Cinematic", quote: "Everything felt like art.", tag: "Socialite", avatarSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661550.jpg", imageSrc: "http://img.b2bpic.net/free-photo/chicken-breast-topped-with-fried-vegetables_140725-2712.jpg", imageAlt: "portrait happy customer cafe" },
|
||||
{ id: "4", name: "Karim B.", date: "Oct 2024", title: "Flawless", quote: "Best pastries I've ever had.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-woman-clicking-photo-burger-from-mobile-phone_1170-741.jpg", imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-tomato-red-pepper-sauce_114579-2487.jpg", imageAlt: "portrait happy customer cafe" },
|
||||
{ id: "5", name: "Maya S.", date: "Sep 2024", title: "Premium", quote: "Total luxury from start to finish.", tag: "Guest", avatarSrc: "http://img.b2bpic.net/free-photo/man-showing-engagement-ring-his-happy-girlfriend-restaurant_23-2147891141.jpg", imageSrc: "http://img.b2bpic.net/free-photo/bottom-half-view-berry-cake-white-oval-plate-red-shawl-grey-surface_140725-102508.jpg", imageAlt: "portrait happy customer cafe" },
|
||||
]}
|
||||
title="Refined Reviews"
|
||||
description="What our guests say about their experience."
|
||||
@@ -323,28 +148,11 @@ export default function LandingPage() {
|
||||
<MetricCardEleven
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
metrics={[
|
||||
{
|
||||
id: "s1",
|
||||
value: "50+",
|
||||
title: "Events Hosted",
|
||||
description: "Tailored luxury occasions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-pregnant-woman-marsala-dress-posing-steps-house_132075-13248.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
value: "1.2k",
|
||||
title: "Monthly VIPs",
|
||||
description: "Our distinguished guest list.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-roses-glass-vase-with-wedding-accesorizes_114579-2263.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
value: "24/7",
|
||||
title: "Service Excellence",
|
||||
description: "Always ready to serve.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-flower-beige-pink-purple-peony-bouquet-floor-pink-box-light-white-room_8353-8490.jpg",
|
||||
},
|
||||
{ id: "s1", value: "50+", title: "Events Hosted", description: "Tailored luxury occasions.", imageSrc: "http://img.b2bpic.net/free-photo/charming-pregnant-woman-marsala-dress-posing-steps-house_132075-13248.jpg" },
|
||||
{ id: "s2", value: "1.2k", title: "Monthly VIPs", description: "Our distinguished guest list.", imageSrc: "http://img.b2bpic.net/free-photo/pink-roses-glass-vase-with-wedding-accesorizes_114579-2263.jpg" },
|
||||
{ id: "s3", value: "24/7", title: "Service Excellence", description: "Always ready to serve.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-flower-beige-pink-purple-peony-bouquet-floor-pink-box-light-white-room_8353-8490.jpg" },
|
||||
]}
|
||||
title="Exclusive Moments"
|
||||
description="From corporate events to intimate birthdays, we craft perfection."
|
||||
@@ -355,8 +163,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
tag="Reservation"
|
||||
title="Secure Your Table"
|
||||
description="Join us for an evening of culinary excellence."
|
||||
@@ -368,29 +175,15 @@ export default function LandingPage() {
|
||||
logoText="POPIN"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Events",
|
||||
href: "#events",
|
||||
},
|
||||
title: "Explore", items: [
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "Events", href: "#events" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user