Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| d16d8f0788 | |||
| 93d343f9ea | |||
| 3b62d0e0a3 | |||
| f0ee975bb5 |
203
src/app/page.tsx
203
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Mc Wikiiki"
|
||||
/>
|
||||
@@ -54,15 +46,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Welcome to Mc Wikiiki Tn"
|
||||
description="Discover a unique blend of flavors and atmosphere in the heart of Tunisia. We craft every meal with passion and local spirit."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Reserve a Table", href: "#contact"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zqlkce&_wi=1"
|
||||
/>
|
||||
@@ -73,14 +62,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Passionate Story",
|
||||
},
|
||||
type: "text", content: "Our Passionate Story"},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r7mhpq",
|
||||
alt: "Chef at work",
|
||||
},
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r7mhpq", alt: "Chef at work"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -93,62 +77,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Chef Choice",
|
||||
name: "Gourmet Burger",
|
||||
price: "25 TND",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "asset://menu-1",
|
||||
},
|
||||
id: "1", brand: "Chef Choice", name: "Gourmet Burger", price: "25 TND", rating: 5,
|
||||
reviewCount: "120", imageSrc: "asset://menu-1"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Classic",
|
||||
name: "Tunisian Pasta",
|
||||
price: "18 TND",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "asset://menu-2",
|
||||
},
|
||||
id: "2", brand: "Classic", name: "Tunisian Pasta", price: "18 TND", rating: 4,
|
||||
reviewCount: "85", imageSrc: "asset://menu-2"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Fresh",
|
||||
name: "Garden Salad",
|
||||
price: "12 TND",
|
||||
rating: 4,
|
||||
reviewCount: "45",
|
||||
imageSrc: "asset://menu-3",
|
||||
},
|
||||
id: "3", brand: "Fresh", name: "Garden Salad", price: "12 TND", rating: 4,
|
||||
reviewCount: "45", imageSrc: "asset://menu-3"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Sweet",
|
||||
name: "Chocolate Lava Cake",
|
||||
price: "10 TND",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "asset://menu-4",
|
||||
},
|
||||
id: "4", brand: "Sweet", name: "Chocolate Lava Cake", price: "10 TND", rating: 5,
|
||||
reviewCount: "200", imageSrc: "asset://menu-4"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Drink",
|
||||
name: "Fresh Orange Juice",
|
||||
price: "6 TND",
|
||||
rating: 5,
|
||||
reviewCount: "90",
|
||||
imageSrc: "asset://menu-5",
|
||||
},
|
||||
id: "5", brand: "Drink", name: "Fresh Orange Juice", price: "6 TND", rating: 5,
|
||||
reviewCount: "90", imageSrc: "asset://menu-5"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Signature",
|
||||
name: "Mc Wikiiki Coffee",
|
||||
price: "5 TND",
|
||||
rating: 5,
|
||||
reviewCount: "300",
|
||||
imageSrc: "asset://menu-6",
|
||||
},
|
||||
id: "6", brand: "Signature", name: "Mc Wikiiki Coffee", price: "5 TND", rating: 5,
|
||||
reviewCount: "300", imageSrc: "asset://menu-6"},
|
||||
]}
|
||||
title="Signature Dishes"
|
||||
description="Freshly prepared daily specials."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Full Menu", href: "#menu"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -159,17 +112,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No Frozen Foods Used",
|
||||
"No Artificial Preservatives",
|
||||
"No Long Waiting Times",
|
||||
],
|
||||
"No Frozen Foods Used", "No Artificial Preservatives", "No Long Waiting Times"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Fresh Organic Ingredients",
|
||||
"Authentic Tunisian Recipes",
|
||||
"Warm Welcoming Ambiance",
|
||||
],
|
||||
"Fresh Organic Ingredients", "Authentic Tunisian Recipes", "Warm Welcoming Ambiance"],
|
||||
}}
|
||||
title="Why Choose Us"
|
||||
description="Quality meets comfort every single time."
|
||||
@@ -184,50 +131,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ahmed Ben Ali",
|
||||
role: "Food Critic",
|
||||
company: "Tunis Food",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zqlkce&_wi=2",
|
||||
imageAlt: "elegant restaurant interior decor warm",
|
||||
},
|
||||
id: "1", name: "Ahmed Ben Ali", role: "Food Critic", company: "Tunis Food", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zqlkce&_wi=2", imageAlt: "elegant restaurant interior decor warm"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sara Mansour",
|
||||
role: "Regular",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r7mhpq",
|
||||
imageAlt: "elegant restaurant interior decor warm",
|
||||
},
|
||||
id: "2", name: "Sara Mansour", role: "Regular", company: "Local Community", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r7mhpq", imageAlt: "elegant restaurant interior decor warm"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Kamel Rezgui",
|
||||
role: "Tourist",
|
||||
company: "Global Traveler",
|
||||
rating: 4,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0z2r7q&_wi=1",
|
||||
imageAlt: "elegant restaurant interior decor warm",
|
||||
},
|
||||
id: "3", name: "Kamel Rezgui", role: "Tourist", company: "Global Traveler", rating: 4,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0z2r7q&_wi=1", imageAlt: "elegant restaurant interior decor warm"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Leila Feki",
|
||||
role: "Blogger",
|
||||
company: "Lifestyle Tn",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zqlkce&_wi=3",
|
||||
imageAlt: "elegant restaurant interior decor warm",
|
||||
},
|
||||
id: "4", name: "Leila Feki", role: "Blogger", company: "Lifestyle Tn", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zqlkce&_wi=3", imageAlt: "elegant restaurant interior decor warm"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Youssef Hamdi",
|
||||
role: "Local",
|
||||
company: "Business Owner",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zqlkce&_wi=4",
|
||||
imageAlt: "elegant restaurant interior decor warm",
|
||||
},
|
||||
id: "5", name: "Youssef Hamdi", role: "Local", company: "Business Owner", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zqlkce&_wi=4", imageAlt: "elegant restaurant interior decor warm"},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Real experiences from our community."
|
||||
@@ -240,20 +157,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need a reservation?",
|
||||
content: "While not mandatory, we recommend booking a table during peak hours.",
|
||||
},
|
||||
id: "1", title: "Do I need a reservation?", content: "While not mandatory, we recommend booking a table during peak hours."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are there vegetarian options?",
|
||||
content: "Yes, we have a variety of delicious vegetarian dishes on our menu.",
|
||||
},
|
||||
id: "2", title: "Are there vegetarian options?", content: "Yes, we have a variety of delicious vegetarian dishes on our menu."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, you can order through our delivery partners.",
|
||||
},
|
||||
id: "3", title: "Do you offer delivery?", content: "Yes, you can order through our delivery partners."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0z2r7q&_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -267,14 +175,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Join us for an unforgettable dining experience. Reach out for reservations or private events."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: +216 71 000 000",
|
||||
href: "tel:+21671000000",
|
||||
},
|
||||
text: "Reserve Your Table Now", href: "tel:+21671000000"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -283,29 +188,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Mc Wikiiki",
|
||||
items: [
|
||||
title: "Mc Wikiiki", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Our Menu", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -316,4 +211,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user