Merge version_1 into main #2
267
src/app/page.tsx
267
src/app/page.tsx
@@ -32,33 +32,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Why Us", id: "#features"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Mister Jack"
|
||||
/>
|
||||
@@ -67,44 +53,23 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Savor the Flavor at Mister Jack!"
|
||||
description="Juicy burgers, gourmet hot dogs, and unforgettable tastes await you at Fès's favorite spot. Fresh ingredients, secret recipes, and a passion for perfection make every meal an experience."
|
||||
tag="Taste the Legend"
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Order Online",
|
||||
href: "#",
|
||||
},
|
||||
text: "Order Online", href: "#"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-burger-fries-with-salad-table_613910-7485.jpg?_wi=1",
|
||||
imageAlt: "Gourmet beef burger with cheese and fries",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-burger-fries-with-salad-table_613910-7485.jpg", imageAlt: "Gourmet beef burger with cheese and fries"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/us-labor-day-celebration-with-burgers_23-2150347449.jpg?_wi=1",
|
||||
imageAlt: "Loaded chili cheese hot dog with toppings",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-mini-beef-burger-served-with-ketchup-mayonnaise_140725-4986.jpg",
|
||||
imageAlt: "Close up of mini beef burger served with ketchup and mayonnaise",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-burger-with-beef-meat-french-fries-tasty-appetizing_482257-10359.jpg",
|
||||
imageAlt: "Black burger with beef meat and french fries.Tasty appetizing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fast-food-with-copy-space_23-2148263010.jpg",
|
||||
imageAlt: "Top view fast food with copy space",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/us-labor-day-celebration-with-burgers_23-2150347449.jpg", imageAlt: "Loaded chili cheese hot dog with toppings"}
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
rating={5}
|
||||
@@ -120,17 +85,11 @@ export default function LandingPage() {
|
||||
description="At Mister Jack, we're passionate about crafting the perfect burger and hot dog experience. Using only the freshest ingredients and secret recipes, we bring Fès a taste sensation like no other. Join us for a meal, stay for the good times!"
|
||||
metrics={[
|
||||
{
|
||||
value: "20+",
|
||||
title: "Years of Expertise",
|
||||
},
|
||||
value: "20+", title: "Years of Expertise"},
|
||||
{
|
||||
value: "500k+",
|
||||
title: "Happy Customers Served",
|
||||
},
|
||||
value: "500k+", title: "Happy Customers Served"},
|
||||
{
|
||||
value: "150+",
|
||||
title: "Unique Recipes",
|
||||
},
|
||||
value: "150+", title: "Unique Recipes"},
|
||||
]}
|
||||
tag="Our Story"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg"
|
||||
@@ -148,28 +107,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fresh, Local Ingredients",
|
||||
description: "We source the finest ingredients daily to ensure every dish is bursting with natural flavor and quality.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/fresh-harvest-concept-with-pumpkins-carrots-greens-peppers-arranged-charmingly_32991-10858.jpg",
|
||||
imageAlt: "fresh farm vegetables icon",
|
||||
title: "Fresh, Local Ingredients", description: "We source the finest ingredients daily to ensure every dish is bursting with natural flavor and quality.", bentoComponent: "reveal-icon", icon: Sparkles
|
||||
},
|
||||
{
|
||||
title: "Signature Recipes",
|
||||
description: "Our unique blend of spices and secret sauces creates a taste profile you won't find anywhere else in Fès.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Utensils,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-burger-fries-with-salad-table_613910-7485.jpg?_wi=2",
|
||||
imageAlt: "fresh farm vegetables icon",
|
||||
title: "Signature Recipes", description: "Our unique blend of spices and secret sauces creates a taste profile you won't find anywhere else in Fès.", bentoComponent: "reveal-icon", icon: Utensils
|
||||
},
|
||||
{
|
||||
title: "Fast & Friendly Service",
|
||||
description: "Enjoy your meal without the wait. Our dedicated team ensures a quick and pleasant dining experience every time.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Award,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/us-labor-day-celebration-with-burgers_23-2150347449.jpg?_wi=2",
|
||||
imageAlt: "fresh farm vegetables icon",
|
||||
title: "Fast & Friendly Service", description: "Enjoy your meal without the wait. Our dedicated team ensures a quick and pleasant dining experience every time.", bentoComponent: "reveal-icon", icon: Award
|
||||
},
|
||||
]}
|
||||
title="Why Choose Mister Jack?"
|
||||
@@ -187,53 +131,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "burger-classic",
|
||||
name: "Classic Jack Burger",
|
||||
price: "50 DH",
|
||||
variant: "Beef, Cheese, Lettuce, Tomato, Onion",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burger-ingredients_1339-1547.jpg",
|
||||
imageAlt: "Classic beef burger",
|
||||
},
|
||||
id: "burger-classic", name: "Classic Jack Burger", price: "50 DH", variant: "Beef, Cheese, Lettuce, Tomato, Onion", imageSrc: "http://img.b2bpic.net/free-photo/burger-ingredients_1339-1547.jpg", imageAlt: "Classic beef burger"},
|
||||
{
|
||||
id: "cheese-burger",
|
||||
name: "Cheeseburger Deluxe",
|
||||
price: "55 DH",
|
||||
variant: "Double Cheese, Jack Sauce, Pickles",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burger-lettuce-cheeseburger-fat-close-up_1122-2436.jpg",
|
||||
imageAlt: "Cheeseburger with melted cheese",
|
||||
},
|
||||
id: "cheese-burger", name: "Cheeseburger Deluxe", price: "55 DH", variant: "Double Cheese, Jack Sauce, Pickles", imageSrc: "http://img.b2bpic.net/free-photo/burger-lettuce-cheeseburger-fat-close-up_1122-2436.jpg", imageAlt: "Cheeseburger with melted cheese"},
|
||||
{
|
||||
id: "double-trouble",
|
||||
name: "Double Trouble Burger",
|
||||
price: "75 DH",
|
||||
variant: "Two Beef Patties, Bacon, Egg, Double Cheese",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pair-classic-cheeseburgers_140725-1904.jpg",
|
||||
imageAlt: "Large double patty burger",
|
||||
},
|
||||
id: "double-trouble", name: "Double Trouble Burger", price: "75 DH", variant: "Two Beef Patties, Bacon, Egg, Double Cheese", imageSrc: "http://img.b2bpic.net/free-photo/pair-classic-cheeseburgers_140725-1904.jpg", imageAlt: "Large double patty burger"},
|
||||
{
|
||||
id: "hotdog-original",
|
||||
name: "Original Jack Hot Dog",
|
||||
price: "35 DH",
|
||||
variant: "All-Beef Sausage, Ketchup, Mustard, Relish",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-hot-dog-frame_23-2148768198.jpg",
|
||||
imageAlt: "Classic hot dog",
|
||||
},
|
||||
id: "hotdog-original", name: "Original Jack Hot Dog", price: "35 DH", variant: "All-Beef Sausage, Ketchup, Mustard, Relish", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-hot-dog-frame_23-2148768198.jpg", imageAlt: "Classic hot dog"},
|
||||
{
|
||||
id: "chili-dog",
|
||||
name: "Fiery Chili Dog",
|
||||
price: "40 DH",
|
||||
variant: "Spicy Chili, Melted Cheddar, Jalapeños",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-holding-up-tasty-hot-dog_23-2148289436.jpg",
|
||||
imageAlt: "Chili cheese hot dog",
|
||||
},
|
||||
id: "chili-dog", name: "Fiery Chili Dog", price: "40 DH", variant: "Spicy Chili, Melted Cheddar, Jalapeños", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-holding-up-tasty-hot-dog_23-2148289436.jpg", imageAlt: "Chili cheese hot dog"},
|
||||
{
|
||||
id: "veggie-burger",
|
||||
name: "Garden Delight Burger",
|
||||
price: "48 DH",
|
||||
variant: "Vegetarian Patty, Avocado, Fresh Veggies",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hamburger-with-tomato-lettuce-leaf-beef-patties-burger-buns_140725-10941.jpg",
|
||||
imageAlt: "Healthy veggie burger",
|
||||
},
|
||||
id: "veggie-burger", name: "Garden Delight Burger", price: "48 DH", variant: "Vegetarian Patty, Avocado, Fresh Veggies", imageSrc: "http://img.b2bpic.net/free-photo/hamburger-with-tomato-lettuce-leaf-beef-patties-burger-buns_140725-10941.jpg", imageAlt: "Healthy veggie burger"},
|
||||
]}
|
||||
title="Our Sizzling Menu"
|
||||
description="Dive into our selection of mouth-watering burgers, gourmet hot dogs, and delectable sides. There's something for everyone at Mister Jack!"
|
||||
@@ -250,50 +158,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Fatima Zahra",
|
||||
role: "Local Food Critic",
|
||||
company: "Fès Eats",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-headphones-around-neck_23-2148397126.jpg",
|
||||
imageAlt: "Fatima Zahra portrait",
|
||||
},
|
||||
id: "1", name: "Fatima Zahra", role: "Local Food Critic", company: "Fès Eats", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-headphones-around-neck_23-2148397126.jpg", imageAlt: "Fatima Zahra portrait"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ahmed El Mansour",
|
||||
role: "Entrepreneur",
|
||||
company: "Innovate Fès",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-bearded-guy-orange-sweater-showing-smartphone-screen-smiling-showing-prom_1258-160590.jpg",
|
||||
imageAlt: "Ahmed El Mansour portrait",
|
||||
},
|
||||
id: "2", name: "Ahmed El Mansour", role: "Entrepreneur", company: "Innovate Fès", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-bearded-guy-orange-sweater-showing-smartphone-screen-smiling-showing-prom_1258-160590.jpg", imageAlt: "Ahmed El Mansour portrait"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sara Boukhari",
|
||||
role: "University Student",
|
||||
company: "Al-Akhawayn University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-confident-dreamy-woman-dress_23-2148079385.jpg",
|
||||
imageAlt: "Sara Boukhari portrait",
|
||||
},
|
||||
id: "3", name: "Sara Boukhari", role: "University Student", company: "Al-Akhawayn University", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-confident-dreamy-woman-dress_23-2148079385.jpg", imageAlt: "Sara Boukhari portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Omar Benali",
|
||||
role: "Travel Blogger",
|
||||
company: "Taste Atlas Morocco",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up_74855-15159.jpg",
|
||||
imageAlt: "Omar Benali portrait",
|
||||
},
|
||||
id: "4", name: "Omar Benali", role: "Travel Blogger", company: "Taste Atlas Morocco", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up_74855-15159.jpg", imageAlt: "Omar Benali portrait"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Khadija Idrissi",
|
||||
role: "Chef",
|
||||
company: "Riad Fès Kitchen",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-surprised-curly-haired-woman-keeps-mouth-widely-opened-reacts-awesome-surprise-has-overjoyed-expression-dressed-orange-knitted-sweater_273609-46781.jpg",
|
||||
imageAlt: "Khadija Idrissi portrait",
|
||||
},
|
||||
id: "5", name: "Khadija Idrissi", role: "Chef", company: "Riad Fès Kitchen", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-surprised-curly-haired-woman-keeps-mouth-widely-opened-reacts-awesome-surprise-has-overjoyed-expression-dressed-orange-knitted-sweater_273609-46781.jpg", imageAlt: "Khadija Idrissi portrait"},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Don't just take our word for it – hear from the happy foodies who've experienced Mister Jack and keep coming back for more!"
|
||||
@@ -308,20 +186,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "What are your opening hours?",
|
||||
content: "Mister Jack is open from 12:00 PM to 11:00 PM, Monday to Sunday. We look forward to serving you!",
|
||||
},
|
||||
id: "faq1", title: "What are your opening hours?", content: "Mister Jack is open from 12:00 PM to 11:00 PM, Monday to Sunday. We look forward to serving you!"},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Do you offer vegetarian or vegan options?",
|
||||
content: "Yes, we have delicious vegetarian burgers and can customize many items to be vegan-friendly. Just ask our staff!",
|
||||
},
|
||||
id: "faq2", title: "Do you offer vegetarian or vegan options?", content: "Yes, we have delicious vegetarian burgers and can customize many items to be vegan-friendly. Just ask our staff!"},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Do you cater for events?",
|
||||
content: "Absolutely! Mister Jack offers catering services for private parties and corporate events. Please contact us for more details and custom menus.",
|
||||
},
|
||||
id: "faq3", title: "Do you cater for events?", content: "Absolutely! Mister Jack offers catering services for private parties and corporate events. Please contact us for more details and custom menus."},
|
||||
]}
|
||||
title="Got Questions? We've Got Answers!"
|
||||
description="Find quick answers to our most common questions about Mister Jack, our menu, and services. Your satisfaction is our priority."
|
||||
@@ -335,25 +204,16 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Ready for a taste adventure? Visit us, call us, or find us online! We're excited to welcome you to Mister Jack."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.app.goo.gl/YOUR_GOOGLE_MAPS_LINK",
|
||||
},
|
||||
text: "Get Directions", href: "https://maps.app.goo.gl/YOUR_GOOGLE_MAPS_LINK"},
|
||||
{
|
||||
text: "Call Us",
|
||||
href: "tel:+212-6XX-XXXXXX",
|
||||
},
|
||||
text: "Call Us", href: "tel:+212-6XX-XXXXXX"},
|
||||
{
|
||||
text: "Order Online",
|
||||
href: "#",
|
||||
},
|
||||
text: "Order Online", href: "#"},
|
||||
]}
|
||||
tag="Get in Touch"
|
||||
tagIcon="Phone"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -364,54 +224,33 @@ export default function LandingPage() {
|
||||
logoText="Mister Jack"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Burgers",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Burgers", href: "#menu"},
|
||||
{
|
||||
label: "Hot Dogs",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Hot Dogs", href: "#menu"},
|
||||
{
|
||||
label: "Sides",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Sides", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About Us",
|
||||
items: [
|
||||
title: "About Us", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Why Jack",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Why Jack", href: "#features"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user