Merge version_1 into main #2
290
src/app/page.tsx
290
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Shish Kabab"
|
||||
/>
|
||||
@@ -55,66 +47,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Authentic Shish Kabab Experience"
|
||||
description="Discover the true taste of Mediterranean traditions, grilled to perfection and served with fresh, vibrant ingredients."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Menu", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/restaurant-room-with-guns-wall_140725-6307.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/restaurant-room-with-guns-wall_140725-6307.jpg"
|
||||
imageAlt="Authentic shish kabab platter"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-appetizing-ramadan-meal_23-2151182553.jpg",
|
||||
alt: "Close up on appetizing ramadan meal",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-appetizing-ramadan-meal_23-2151182553.jpg", alt: "Close up on appetizing ramadan meal"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/ramadan-celebration-digital-art_23-2151358065.jpg",
|
||||
alt: "Ramadan celebration digital art",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/ramadan-celebration-digital-art_23-2151358065.jpg", alt: "Ramadan celebration digital art"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/restaurant-table-with-two-couches-near-window_140725-8459.jpg",
|
||||
alt: "Restaurant table with two couches near the window",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/restaurant-table-with-two-couches-near-window_140725-8459.jpg", alt: "Restaurant table with two couches near the window"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/arab-restaurant_23-2147794218.jpg",
|
||||
alt: "Arab restaurant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/arab-restaurant_23-2147794218.jpg", alt: "Arab restaurant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/restaurant-room-with-guns-wall_140725-6307.jpg",
|
||||
alt: "Authentic shish kabab platter",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/restaurant-room-with-guns-wall_140725-6307.jpg", alt: "Authentic shish kabab platter"},
|
||||
]}
|
||||
avatarText="Join our growing community of food lovers."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-appetizing-ramadan-meal_23-2151182553.jpg",
|
||||
alt: "Appetizing meal",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-appetizing-ramadan-meal_23-2151182553.jpg", alt: "Appetizing meal"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Ingredients",
|
||||
},
|
||||
type: "text", text: "Fresh Ingredients"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/ramadan-celebration-digital-art_23-2151358065.jpg",
|
||||
alt: "Digital art",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/ramadan-celebration-digital-art_23-2151358065.jpg", alt: "Digital art"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Open Flame Grilling",
|
||||
},
|
||||
type: "text", text: "Open Flame Grilling"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/restaurant-table-with-two-couches-near-window_140725-8459.jpg",
|
||||
alt: "Restaurant vibe",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/restaurant-table-with-two-couches-near-window_140725-8459.jpg", alt: "Restaurant vibe"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,7 +90,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Passion for Perfection"
|
||||
description="At Shish Kabab, we believe in honoring time-tested recipes. Every skewer is prepared with care, using premium ingredients sourced for the ultimate Mediterranean flavor."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/experienced-chef-is-putting-his-pizza-oven-using-special-giant-spatula_613910-14109.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/experienced-chef-is-putting-his-pizza-oven-using-special-giant-spatula_613910-14109.jpg"
|
||||
imageAlt="Traditional grilling process"
|
||||
/>
|
||||
</div>
|
||||
@@ -136,55 +102,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Fresh Ingredients",
|
||||
description: "Locally sourced produce and high-quality meats.",
|
||||
icon: Leaf,
|
||||
title: "Fresh Ingredients", description: "Locally sourced produce and high-quality meats.", icon: Leaf,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-sprinkles-onion-rings-kebab-plate-with-chicken-lamb-flatbreads_140725-4135.jpg",
|
||||
imageAlt: "Fresh ingredients",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-sprinkles-onion-rings-kebab-plate-with-chicken-lamb-flatbreads_140725-4135.jpg", imageAlt: "Fresh ingredients"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheff-cutting-pineapple-into-slices-burning-leafy-top_140725-4958.jpg",
|
||||
imageAlt: "Prep work",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheff-cutting-pineapple-into-slices-burning-leafy-top_140725-4958.jpg", imageAlt: "Prep work"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-room-with-guns-wall_140725-6307.jpg?_wi=2",
|
||||
imageAlt: "Chef sprinkles onion rings on kebab plate with chicken, lamb, flatbreads",
|
||||
},
|
||||
{
|
||||
title: "Authentic Methods",
|
||||
description: "Grilling over open flames for genuine flavor.",
|
||||
icon: Flame,
|
||||
title: "Authentic Methods", description: "Grilling over open flames for genuine flavor.", icon: Flame,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-kebab-meat-skewer_141793-3912.jpg",
|
||||
imageAlt: "Grilling method",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eats-kebab-meat-skewer_141793-3912.jpg", imageAlt: "Grilling method"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-breast-served-with-bell-peppers-cherry-tomato-olives_140725-8589.jpg",
|
||||
imageAlt: "Seasoning",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-breast-served-with-bell-peppers-cherry-tomato-olives_140725-8589.jpg", imageAlt: "Seasoning"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-chef-is-putting-his-pizza-oven-using-special-giant-spatula_613910-14109.jpg?_wi=2",
|
||||
imageAlt: "Chef sprinkles onion rings on kebab plate with chicken, lamb, flatbreads",
|
||||
},
|
||||
{
|
||||
title: "Family Friendly",
|
||||
description: "A welcoming atmosphere for all our guests.",
|
||||
icon: Users,
|
||||
title: "Family Friendly", description: "A welcoming atmosphere for all our guests.", icon: Users,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-meeting-restaurant_23-2148395335.jpg",
|
||||
imageAlt: "Gathering",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-meeting-restaurant_23-2148395335.jpg", imageAlt: "Gathering"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg",
|
||||
imageAlt: "Dining room",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg", imageAlt: "Dining room"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-beef-salad-with-bell-peppers-parsley-topped-with-chicken-pieces-skewers_141793-2112.jpg?_wi=1",
|
||||
imageAlt: "Chef sprinkles onion rings on kebab plate with chicken, lamb, flatbreads",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
@@ -200,59 +142,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Signature",
|
||||
name: "Chicken Shish Kabab",
|
||||
price: "$18.99",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-beef-salad-with-bell-peppers-parsley-topped-with-chicken-pieces-skewers_141793-2112.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", brand: "Signature", name: "Chicken Shish Kabab", price: "$18.99", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-beef-salad-with-bell-peppers-parsley-topped-with-chicken-pieces-skewers_141793-2112.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Premium",
|
||||
name: "Lamb Skewers",
|
||||
price: "$22.50",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-meat-kebab-skewers-with-salt-slice-lemon-board_141793-4638.jpg",
|
||||
},
|
||||
id: "p2", brand: "Premium", name: "Lamb Skewers", price: "$22.50", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/front-view-meat-kebab-skewers-with-salt-slice-lemon-board_141793-4638.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Mixed",
|
||||
name: "Combo Platter",
|
||||
price: "$25.99",
|
||||
rating: 4,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-lula-kebab-lavash-with-grilled-tomato-fresh-herbs-onion-spicies-wooden-board_141793-2990.jpg",
|
||||
},
|
||||
id: "p3", brand: "Mixed", name: "Combo Platter", price: "$25.99", rating: 4,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/side-view-lula-kebab-lavash-with-grilled-tomato-fresh-herbs-onion-spicies-wooden-board_141793-2990.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Appetizer",
|
||||
name: "Hummus & Pita",
|
||||
price: "$8.50",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pakistani-dish-arrangement-high-angle_23-2148825105.jpg",
|
||||
},
|
||||
id: "p4", brand: "Appetizer", name: "Hummus & Pita", price: "$8.50", rating: 5,
|
||||
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/pakistani-dish-arrangement-high-angle_23-2148825105.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Vegetarian",
|
||||
name: "Falafel Plate",
|
||||
price: "$14.99",
|
||||
rating: 4,
|
||||
reviewCount: "80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-veggie-dishes-still-life_23-2151160835.jpg",
|
||||
},
|
||||
id: "p5", brand: "Vegetarian", name: "Falafel Plate", price: "$14.99", rating: 4,
|
||||
reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/delicious-veggie-dishes-still-life_23-2151160835.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Sides",
|
||||
name: "Grilled Vegetables",
|
||||
price: "$6.99",
|
||||
rating: 4,
|
||||
reviewCount: "60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seasonal-vegetable-salad-with-chopped-purple-cabbage-herbs_114579-70253.jpg",
|
||||
},
|
||||
id: "p6", brand: "Sides", name: "Grilled Vegetables", price: "$6.99", rating: 4,
|
||||
reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/seasonal-vegetable-salad-with-chopped-purple-cabbage-herbs_114579-70253.jpg"},
|
||||
]}
|
||||
title="Our Menu Specialties"
|
||||
description="Explore our selection of traditional kababs and Mediterranean sides."
|
||||
@@ -266,52 +172,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "event-s",
|
||||
tag: "Small",
|
||||
price: "$150",
|
||||
period: "/event",
|
||||
description: "Ideal for small team gatherings.",
|
||||
button: {
|
||||
text: "Inquire",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"10 Skewers",
|
||||
"Large Hummus",
|
||||
"Fresh Pita",
|
||||
],
|
||||
id: "event-s", tag: "Small", price: "$150", period: "/event", description: "Ideal for small team gatherings.", button: {
|
||||
text: "Inquire"},
|
||||
featuresTitle: "Includes", features: [
|
||||
"10 Skewers", "Large Hummus", "Fresh Pita"],
|
||||
},
|
||||
{
|
||||
id: "event-m",
|
||||
tag: "Medium",
|
||||
price: "$300",
|
||||
period: "/event",
|
||||
description: "Great for birthdays or small parties.",
|
||||
button: {
|
||||
text: "Inquire",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"25 Skewers",
|
||||
"Large Hummus & Salad",
|
||||
"Baklava Dessert",
|
||||
],
|
||||
id: "event-m", tag: "Medium", price: "$300", period: "/event", description: "Great for birthdays or small parties.", button: {
|
||||
text: "Inquire"},
|
||||
featuresTitle: "Includes", features: [
|
||||
"25 Skewers", "Large Hummus & Salad", "Baklava Dessert"],
|
||||
},
|
||||
{
|
||||
id: "event-l",
|
||||
tag: "Large",
|
||||
price: "$500",
|
||||
period: "/event",
|
||||
description: "The complete catering experience.",
|
||||
button: {
|
||||
text: "Inquire",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"50 Skewers",
|
||||
"Full Mezze Spread",
|
||||
"Custom Dessert Platter",
|
||||
],
|
||||
id: "event-l", tag: "Large", price: "$500", period: "/event", description: "The complete catering experience.", button: {
|
||||
text: "Inquire"},
|
||||
featuresTitle: "Includes", features: [
|
||||
"50 Skewers", "Full Mezze Spread", "Custom Dessert Platter"],
|
||||
},
|
||||
]}
|
||||
title="Catering Packages"
|
||||
@@ -326,40 +202,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The best shish kabab I have ever tasted!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491815.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "The best shish kabab I have ever tasted!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491815.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "Authentic atmosphere and fresh food.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-restaurant_23-2148006620.jpg",
|
||||
},
|
||||
id: "2", name: "Mark D.", handle: "@markd", testimonial: "Authentic atmosphere and fresh food.", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-restaurant_23-2148006620.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Anna L.",
|
||||
handle: "@annal",
|
||||
testimonial: "Love the family-friendly service here.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-slices-served-inside-flatbread-with-fries-ketchup_140725-10547.jpg",
|
||||
},
|
||||
id: "3", name: "Anna L.", handle: "@annal", testimonial: "Love the family-friendly service here.", imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-slices-served-inside-flatbread-with-fries-ketchup_140725-10547.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David P.",
|
||||
handle: "@davidp",
|
||||
testimonial: "My go-to spot for grilled kebabs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-sitting-table_23-2149720809.jpg",
|
||||
},
|
||||
id: "4", name: "David P.", handle: "@davidp", testimonial: "My go-to spot for grilled kebabs.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-sitting-table_23-2149720809.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena R.",
|
||||
handle: "@elenar",
|
||||
testimonial: "The hummus is incredible!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cafe-restaurants-coffee-shop-owners-retail-concept-close-up-cheeky-handsome-waiter-black-apron-barista-guarantee-quality-drinks-showing-okay-sign-smiling-pleased_1258-59319.jpg",
|
||||
},
|
||||
id: "5", name: "Elena R.", handle: "@elenar", testimonial: "The hummus is incredible!", imageSrc: "http://img.b2bpic.net/free-photo/cafe-restaurants-coffee-shop-owners-retail-concept-close-up-cheeky-handsome-waiter-black-apron-barista-guarantee-quality-drinks-showing-okay-sign-smiling-pleased_1258-59319.jpg"},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Hear why we are the local favorite for authentic Mediterranean cuisine."
|
||||
@@ -370,14 +221,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Visit us at Shish Kabab for your next meal or contact us to arrange catering for your special events."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://www.google.com/maps/place/Shish+Kabab/data=!4m7!3m6!1s0x8eaf545d4ec03eb1:0xbdb34efbaaeab614!8m2!3d18.4216388!4d-68.965438!16s%2Fg%2F1thk9t39!19sChIJsT7ATl1Ur44RFLbqqvtOs70?authuser=0&hl=es-419&rclk=1",
|
||||
},
|
||||
text: "Get Directions", href: "https://www.google.com/maps/place/Shish+Kabab/data=!4m7!3m6!1s0x8eaf545d4ec03eb1:0xbdb34efbaaeab614!8m2!3d18.4216388!4d-68.965438!16s%2Fg%2F1thk9t39!19sChIJsT7ATl1Ur44RFLbqqvtOs70?authuser=0&hl=es-419&rclk=1"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -386,29 +234,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Our Menu", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user