Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
259
src/app/page.tsx
259
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Barbaros"
|
||||
/>
|
||||
@@ -53,18 +41,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Barbaros"
|
||||
description="Fresh From the Sea, Fired by Tradition. Choose your fish from our daily display and watch it flame-grilled to perfection. Experience Turkish authenticity served with genuine warmth in Muscat's most welcoming seafood house."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fish-meat-supermarket-photo-your-advertising_185193-110561.jpg"
|
||||
description="Fresh From the Sea, Fired by Tradition. Experience authentic Turkish seafood in Muscat. Located conveniently in the heart of the city, we bring the true taste of the Aegean coast to your table."
|
||||
buttons={[{ text: "Reserve Your Table", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/exterior-view-modern-restaurant-with-seating-area_1150-17637.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -73,19 +54,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Story & ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/man-are-cutting-grilled-fish-with-homemade-potato-lemon-bread-sauce_141793-17522.jpg",
|
||||
alt: "Owner hospitality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Warmth",
|
||||
},
|
||||
{ type: "text", content: "Our Story & " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/man-are-cutting-grilled-fish-with-homemade-potato-lemon-bread-sauce_141793-17522.jpg", alt: "Owner hospitality" },
|
||||
{ type: "text", content: " Warmth" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -97,48 +68,10 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Charcoal Grilled Seabass",
|
||||
price: "12.00 OMR",
|
||||
variant: "Daily Special",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-plate-with-fried-toast-sprats_114579-43946.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Flame-Grilled Octopus",
|
||||
price: "15.50 OMR",
|
||||
variant: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-delicious-roasted-octopus-dish-with-roasted-asparagus-veggies_181624-8595.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Aegean Shrimp Skewers",
|
||||
price: "9.50 OMR",
|
||||
variant: "Meze Style",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shrimp-kebabs-served-with-vegetables-fruits_23-2147852359.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Whole Grilled Dorado",
|
||||
price: "14.00 OMR",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-seafood-table_23-2149410759.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Red Snapper Filet",
|
||||
price: "11.00 OMR",
|
||||
variant: "Fresh Catch",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-fish-with-lemon-slices_23-2148736947.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Turkish Calamari Platter",
|
||||
price: "8.50 OMR",
|
||||
variant: "Traditional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-shrimp-calamari-platter-served-with-sweet-chili-yogurt-sauces_140725-8895.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Charcoal Grilled Seabass", price: "12.00 OMR", variant: "Daily Special", imageSrc: "http://img.b2bpic.net/free-photo/white-plate-with-fried-toast-sprats_114579-43946.jpg" },
|
||||
{ id: "p2", name: "Flame-Grilled Octopus", price: "15.50 OMR", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-delicious-roasted-octopus-dish-with-roasted-asparagus-veggies_181624-8595.jpg" },
|
||||
{ id: "p3", name: "Aegean Shrimp Skewers", price: "9.50 OMR", variant: "Meze Style", imageSrc: "http://img.b2bpic.net/free-photo/shrimp-kebabs-served-with-vegetables-fruits_23-2147852359.jpg" },
|
||||
{ id: "p4", name: "Whole Grilled Dorado", price: "14.00 OMR", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-seafood-table_23-2149410759.jpg" },
|
||||
]}
|
||||
title="Fresh Daily Catch"
|
||||
description="Hand-selected from local waters and grilled over traditional charcoal embers."
|
||||
@@ -151,36 +84,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Quality",
|
||||
title: "Fresh Fish Display",
|
||||
items: [
|
||||
"Daily selection",
|
||||
"Sourced local",
|
||||
"Transparency",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Service",
|
||||
title: "Owner-Led Hospitality",
|
||||
items: [
|
||||
"Genuine warmth",
|
||||
"Personal attention",
|
||||
"Expert care",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Value",
|
||||
title: "Exceptional Turkish Value",
|
||||
items: [
|
||||
"Reasonable prices",
|
||||
"Generous portions",
|
||||
"Authentic flavors",
|
||||
],
|
||||
},
|
||||
{ id: "f1", label: "Ambiance", title: "Seaside Atmosphere", items: ["Authentic Turkish Decor", "Open-Air Seating", "Relaxing Waterfront Vibe"] },
|
||||
{ id: "f2", label: "Service", title: "Owner-Led Hospitality", items: ["Genuine warmth", "Personal attention", "Expert care"] },
|
||||
{ id: "f3", label: "Authenticity", title: "True Turkish Flavors", items: ["Charcoal Grilled", "Traditional Recipes", "Fresh Ingredients"] },
|
||||
]}
|
||||
title="Why Barbaros?"
|
||||
description="Authentic experiences that go beyond just a meal."
|
||||
@@ -193,60 +99,13 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Ahmed",
|
||||
role: "Local Professional",
|
||||
company: "Muscat Business",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/distracted-student-sitting-class_1153-23.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John Thompson",
|
||||
role: "Tourist",
|
||||
company: "UK Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491815.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Fatima Al-Said",
|
||||
role: "Family Leader",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-having-cocktails_23-2150244975.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marc Dubois",
|
||||
role: "Traveler",
|
||||
company: "International",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-female-with-broad-pleasant-smile-rests-sidewalk-cafe-alone-enjoys-good-rest-summer-vacation_273609-3491.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Khalid Rashid",
|
||||
role: "Food Enthusiast",
|
||||
company: "Muscat Locals",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-hands-holds-two-burgers-blurred-background_169016-43765.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Ahmed", role: "Local Professional", company: "Muscat Business", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/distracted-student-sitting-class_1153-23.jpg" },
|
||||
{ id: "t2", name: "John Thompson", role: "Tourist", company: "UK Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491815.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Rating",
|
||||
},
|
||||
{
|
||||
value: "15k+",
|
||||
label: "Served",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Fresh",
|
||||
},
|
||||
{ value: "4.9", label: "Rating" },
|
||||
{ value: "15k+", label: "Served" },
|
||||
{ value: "100%", label: "Fresh" },
|
||||
]}
|
||||
title="Guest Voices"
|
||||
description="What our patrons say about their experience in Muscat."
|
||||
@@ -258,21 +117,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer private events?",
|
||||
content: "Yes, we have spaces for groups and can customize menus.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is your fish fresh daily?",
|
||||
content: "Absolutely. We select our daily catch from the market each morning.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you have vegetarian options?",
|
||||
content: "Yes, we offer a selection of traditional Turkish mezze and grilled vegetables.",
|
||||
},
|
||||
{ id: "q1", title: "Do you offer private events?", content: "Yes, we have spaces for groups and can customize menus." },
|
||||
{ id: "q2", title: "Is your fish fresh daily?", content: "Absolutely. We select our daily catch from the market each morning." },
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Answers to common questions about our seafood house."
|
||||
@@ -284,62 +130,23 @@ export default function LandingPage() {
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Reserve Your Table"
|
||||
description="Book your experience with Barbaros Restaurant today."
|
||||
description="Book your experience with Barbaros Restaurant. Find us in the heart of Muscat for an unforgettable seaside dinner."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "date",
|
||||
type: "date",
|
||||
placeholder: "Reservation Date",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "date", type: "date", placeholder: "Reservation Date", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "requests",
|
||||
placeholder: "Special requests or group size",
|
||||
rows: 4,
|
||||
required: false,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3437.jpg"
|
||||
textarea={{ name: "requests", placeholder: "Special requests or group size", rows: 4, required: false }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-seafood-platter-restaurant-table_23-2148736947.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sauce-spice-near-salad-chicken_23-2147765366.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/seafood-restaurant-dinner-table_23-2149410759.jpg"
|
||||
logoText="Barbaros"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Social Media",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Menu", href: "#menu" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Connect", items: [{ label: "Reservations", href: "#contact" }, { label: "Social Media", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user