Update src/app/page.tsx

This commit is contained in:
2026-05-08 11:59:31 +00:00
parent 43586d99a7
commit 3fb74ee5de

View File

@@ -12,7 +12,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Award, Clock, Flame, Users } from "lucide-react";
import { Award, Clock, Flame, Users, ChefHat } from "lucide-react";
export default function LandingPage() {
return (
@@ -29,376 +29,167 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "home",
},
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "menu",
},
{
name: "Reviews",
id: "reviews",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Haji's Cafe"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Reviews", id: "reviews" },
{ name: "Contact", id: "contact" },
]}
brandName="Haji's Cafe"
button={{ text: "Reserve Now", href: "#contact" }}
/>
</div>
<div id="home" data-section="home">
<HeroCentered
background={{
variant: "radial-gradient",
}}
title="The Taste of Old Bahrain Since 1950"
description="Authentic Bahraini breakfast and traditions served in the heart of Manama Souq."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/top-view-breakfast-table-with-mixed-foods_114579-3565.jpg",
alt: "traditional Bahraini breakfast",
},
{
src: "http://img.b2bpic.net/free-photo/breakfast-with-various-food-black-tea_140725-1714.jpg",
alt: "Breakfast with various food and black tea",
},
{
src: "http://img.b2bpic.net/free-photo/breakfast-setup-with-egg-sausages-dish-fig-jam-olive-butter-cheese-tea_140725-8259.jpg",
alt: "Breakfast setup with egg and sausages dish fig jam olive butter cheese and tea",
},
{
src: "http://img.b2bpic.net/free-photo/breakfast-with-kyukyu-butter-with-cheese-sausages_140725-9340.jpg",
alt: "Breakfast with kyukyu and butter with cheese and sausages",
},
{
src: "http://img.b2bpic.net/free-photo/meat-crepe-with-sour-cream_140725-9571.jpg",
alt: "Meat crepe with sour cream",
},
]}
buttons={[
{
text: "Explore Menu",
href: "#menu",
},
{
text: "Visit Us",
href: "#contact",
},
]}
marqueeItems={[
{
type: "text",
text: "Authentic Heritage",
},
{
type: "text",
text: "Fresh Karak Tea",
},
{
type: "text",
text: "Manama Traditions",
},
{
type: "text",
text: "Since 1950",
},
{
type: "text",
text: "Daily Fresh Bread",
},
]}
/>
</div>
<div id="home" data-section="home">
<HeroCentered
background={{ variant: "radial-gradient" }}
title="The Taste of Old Bahrain Since 1950"
description="Authentic Bahraini breakfast and traditions served in the heart of Manama Souq."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/top-view-breakfast-table-with-mixed-foods_114579-3565.jpg", alt: "traditional Bahraini breakfast" },
{ src: "http://img.b2bpic.net/free-photo/breakfast-with-various-food-black-tea_140725-1714.jpg", alt: "Breakfast with various food and black tea" },
{ src: "http://img.b2bpic.net/free-photo/breakfast-setup-with-egg-sausages-dish-fig-jam-olive-butter-cheese-tea_140725-8259.jpg", alt: "Breakfast setup with egg and sausages dish fig jam olive butter cheese and tea" },
{ src: "http://img.b2bpic.net/free-photo/breakfast-with-kyukyu-butter-with-cheese-sausages_140725-9340.jpg", alt: "Breakfast with kyukyu and butter with cheese and sausages" },
{ src: "http://img.b2bpic.net/free-photo/meat-crepe-with-sour-cream_140725-9571.jpg", alt: "Meat crepe with sour cream" }
]}
buttons={[
{ text: "Explore Menu", href: "#menu" },
{ text: "Visit Us", href: "#contact" }
]}
marqueeItems={[
{ type: "text", text: "Authentic Heritage" },
{ type: "text", text: "Fresh Karak Tea" },
{ type: "text", text: "Manama Traditions" },
{ type: "text", text: "Since 1950" },
{ type: "text", text: "Daily Fresh Bread" }
]}
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="A Legacy of Tradition"
metrics={[
{
icon: Clock,
label: "Years Serving",
value: "74",
},
{
icon: Users,
label: "Daily Customers",
value: "500+",
},
{
icon: Award,
label: "Tradition Dishes",
value: "30+",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="A Legacy of Tradition"
metrics={[
{ icon: Clock, label: "Years Serving", value: "74" },
{ icon: Users, label: "Daily Customers", value: "500+" },
{ icon: Award, label: "Tradition Dishes", value: "30+" }
]}
metricsAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Fresh Morning Bread",
description: "Hand-baked daily using traditional techniques.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/front-view-still-life-hot-water-composition_23-2149055851.jpg",
imageAlt: "Fresh Bread",
},
items: [
{
icon: ChefHat,
text: "Authentic",
},
{
icon: Flame,
text: "Fresh",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-table-with-mixed-foods_114579-3565.jpg",
imageAlt: "fresh Bahraini bread",
},
]}
title="Authentic Heritage Experience"
description="Discover the flavours that define Bahraini hospitality."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
title="Authentic Heritage Experience"
description="Discover the flavours that define Bahraini hospitality."
features={[
{
title: "Fresh Morning Bread", description: "Hand-baked daily using traditional techniques.", media: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-still-life-hot-water-composition_23-2149055851.jpg", imageAlt: "Fresh Bread" },
items: [
{ icon: ChefHat, text: "Authentic" },
{ icon: Flame, text: "Fresh" }
],
reverse: false
}
]}
/>
</div>
<div id="menu" data-section="menu">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Karak Tea",
price: "0.500 BHD",
variant: "Popular",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-bun-with-butter-red-fish-plate-with-sauce_141793-4780.jpg",
},
{
id: "2",
name: "Traditional Bread",
price: "0.200 BHD",
variant: "Popular",
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-with-dessert-smoothie-tea-white-round-table_23-2148067133.jpg",
},
{
id: "3",
name: "Balaleet",
price: "1.200 BHD",
variant: "Sweet",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fruit-salad-with-pineapple-bananas-berries-white-plate_140725-12377.jpg",
},
{
id: "4",
name: "Eggs & Tomato",
price: "1.500 BHD",
variant: "Savory",
imageSrc: "http://img.b2bpic.net/free-photo/rice-garnish-with-dates-nuts-dry-fruits_114579-2578.jpg",
},
{
id: "5",
name: "Samosa",
price: "0.300 BHD",
variant: "Snack",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-indian-food-with-wooden-board_23-2148747690.jpg",
},
{
id: "6",
name: "Luqaimat",
price: "1.000 BHD",
variant: "Dessert",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-leaf-dolma-delicious-eastern-meat-meal-rolled-inside-green-leaves-with-seasonings-blue-desk-meat-food-dinner-dish-vegetable-health-meal_140725-64862.jpg",
},
]}
title="Our Signature Menu"
description="Traditional breakfast and tea rituals."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Our Signature Menu"
description="Traditional breakfast and tea rituals."
products={[
{ id: "1", name: "Karak Tea", price: "0.500 BHD", variant: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/side-view-bun-with-butter-red-fish-plate-with-sauce_141793-4780.jpg" },
{ id: "2", name: "Traditional Bread", price: "0.200 BHD", variant: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-with-dessert-smoothie-tea-white-round-table_23-2148067133.jpg" },
{ id: "3", name: "Balaleet", price: "1.200 BHD", variant: "Sweet", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fruit-salad-with-pineapple-bananas-berries-white-plate_140725-12377.jpg" },
{ id: "4", name: "Eggs & Tomato", price: "1.500 BHD", variant: "Savory", imageSrc: "http://img.b2bpic.net/free-photo/rice-garnish-with-dates-nuts-dry-fruits_114579-2578.jpg" },
{ id: "5", name: "Samosa", price: "0.300 BHD", variant: "Snack", imageSrc: "http://img.b2bpic.net/free-photo/top-view-indian-food-with-wooden-board_23-2148747690.jpg" },
{ id: "6", name: "Luqaimat", price: "1.000 BHD", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/top-view-leaf-dolma-delicious-eastern-meat-meal-rolled-inside-green-leaves-with-seasonings-blue-desk-meat-food-dinner-dish-vegetable-health-meal_140725-64862.jpg" }
]}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardOne
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "breakfast",
badge: "Popular",
price: "3.500 BHD",
subtitle: "Full experience",
features: [
"Karak",
"Bread",
"Balaleet",
],
},
{
id: "tea",
badge: "Quick",
price: "1.500 BHD",
subtitle: "Light snack",
features: [
"Karak",
"Samosa",
],
},
{
id: "family",
badge: "Group",
price: "10.000 BHD",
subtitle: "For 4 people",
features: [
"Full Assortment",
],
},
]}
title="Set Menus & Recommendations"
description="Curated experiences for your breakfast."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardOne
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={true}
title="Set Menus & Recommendations"
description="Curated experiences for your breakfast."
plans={[
{ id: "breakfast", badge: "Popular", price: "3.500 BHD", subtitle: "Full experience", features: ["Karak", "Bread", "Balaleet"] },
{ id: "tea", badge: "Quick", price: "1.500 BHD", subtitle: "Light snack", features: ["Karak", "Samosa"] },
{ id: "family", badge: "Group", price: "10.000 BHD", subtitle: "For 4 people", features: ["Full Assortment"] }
]}
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="The best experience in Bahrain. Felt like going back in time to the soul of Manama."
rating={5}
author="Sarah & David"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144379.jpg",
alt: "Sarah",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-coffee-cup_23-2149455885.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12134.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-asian-woman-with-smartphone-relaxing-cafe-sitting-enjoying-coffee-while-using-mobile-phone_1258-122952.jpg",
alt: "Customer 4",
},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="blur-reveal"
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="The best experience in Bahrain. Felt like going back in time to the soul of Manama."
rating={5}
author="Sarah & David"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144379.jpg", alt: "Sarah" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-coffee-cup_23-2149455885.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12134.jpg", alt: "Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg", alt: "Customer 3" },
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-asian-woman-with-smartphone-relaxing-cafe-sitting-enjoying-coffee-while-using-mobile-phone_1258-122952.jpg", alt: "Customer 4" }
]}
ratingAnimation="blur-reveal"
avatarsAnimation="blur-reveal"
/>
</div>
<div id="blog" data-section="blog">
<BlogCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
title="Stories from the Souq"
description="Capturing the essence of Bahrain's traditions."
blogs={[
{
id: "1",
category: "History",
title: "Serving Tradition since 1950",
excerpt: "The story of Haji's cafe.",
imageSrc: "http://img.b2bpic.net/free-photo/elderly-woman-traveling-alone-summer_23-2149034864.jpg",
authorName: "Admin",
authorAvatar: "http://img.b2bpic.net/free-photo/hipster-man-listening-music-with-his-smartphone-street-urban_1150-1476.jpg",
date: "2023-10-01",
},
{
id: "2",
category: "Food",
title: "Secret of Karak Tea",
excerpt: "How to make the perfect karak.",
imageSrc: "http://img.b2bpic.net/free-photo/view-lighting-shop-market-marrakech_268835-3954.jpg",
authorName: "Admin",
authorAvatar: "http://img.b2bpic.net/free-photo/vertical-shot-tunnel-leading-beach_181624-19025.jpg",
date: "2023-10-05",
},
{
id: "3",
category: "Culture",
title: "Souq Morning Vibes",
excerpt: "Walking through old Manama.",
imageSrc: "http://img.b2bpic.net/free-photo/corridor-with-different-shops_1122-1398.jpg",
authorName: "Admin",
authorAvatar: "http://img.b2bpic.net/free-photo/vibrant-night-market-cultural-abundance-motion-generated-by-ai_188544-15232.jpg",
date: "2023-10-10",
},
]}
/>
</div>
<div id="blog" data-section="blog">
<BlogCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
title="Stories from the Souq"
description="Capturing the essence of Bahrain's traditions."
blogs={[
{ id: "1", category: "History", title: "Serving Tradition since 1950", excerpt: "The story of Haji's cafe.", imageSrc: "http://img.b2bpic.net/free-photo/elderly-woman-traveling-alone-summer_23-2149034864.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/hipster-man-listening-music-with-his-smartphone-street-urban_1150-1476.jpg", date: "2023-10-01" },
{ id: "2", category: "Food", title: "Secret of Karak Tea", excerpt: "How to make the perfect karak.", imageSrc: "http://img.b2bpic.net/free-photo/view-lighting-shop-market-marrakech_268835-3954.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/vertical-shot-tunnel-leading-beach_181624-19025.jpg", date: "2023-10-05" },
{ id: "3", category: "Culture", title: "Souq Morning Vibes", excerpt: "Walking through old Manama.", imageSrc: "http://img.b2bpic.net/free-photo/corridor-with-different-shops_1122-1398.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/vibrant-night-market-cultural-abundance-motion-generated-by-ai_188544-15232.jpg", date: "2023-10-10" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
tag="Visit Us"
title="Book Your Table"
description="Enjoy traditional hospitality in the heart of Bahrain."
buttons={[
{
text: "Reserve Now",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "radial-gradient" }}
tag="Visit Us"
title="Book Your Table"
description="Enjoy traditional hospitality in the heart of Bahrain."
buttons={[{ text: "Reserve Now", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Links",
items: [
{
label: "Home",
href: "#home",
},
{
label: "Menu",
href: "#menu",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
],
},
]}
bottomLeftText="© 1950 Haji's Cafe"
bottomRightText="Made with pride in Bahrain."
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Links", items: [{ label: "Home", href: "#home" }, { label: "Menu", href: "#menu" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }] }
]}
bottomLeftText="© 1950 Haji's Cafe"
bottomRightText="Made with pride in Bahrain."
/>
</div>
</ReactLenis>
</ThemeProvider>
);