Update src/app/page.tsx
This commit is contained in:
156
src/app/page.tsx
156
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "features",
|
||||
},
|
||||
name: "Experience", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Khmissa Restaurant"
|
||||
/>
|
||||
@@ -53,21 +45,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="Khmissa Restaurant"
|
||||
description="Authentic Moroccan flavors, handcrafted in the heart of the Essaouira Medina. A journey for the senses."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Table",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Reserve Table", href: "#contact"},
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Our Story", href: "#about"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E8UATPRh8Cxhkt78XDA4MpQdNu/uploaded-1779559675121-129ka701.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E8UATPRh8Cxhkt78XDA4MpQdNu/uploaded-1779559675121-129ka701.png"
|
||||
imageAlt="Khmissa Restaurant signature tajine"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -78,14 +65,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Soul of Essaouira",
|
||||
},
|
||||
type: "text", content: "The Soul of Essaouira"},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E8UATPRh8Cxhkt78XDA4MpQdNu/uploaded-1779559675122-d8e61kl9.png",
|
||||
alt: "Khmissa Restaurant traditional decor",
|
||||
},
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E8UATPRh8Cxhkt78XDA4MpQdNu/uploaded-1779559675122-d8e61kl9.png", alt: "Khmissa Restaurant traditional decor"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -93,29 +75,15 @@ export default function LandingPage() {
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
textboxLayout="split-description"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Traditional Tajines",
|
||||
description: "Authentic recipes prepared in handmade clay vessels.",
|
||||
tag: "Food",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E8UATPRh8Cxhkt78XDA4MpQdNu/uploaded-1779559675122-nci5sefl.png?_wi=1",
|
||||
},
|
||||
id: "1", title: "Traditional Tajines", description: "Authentic recipes prepared in handmade clay vessels.", tag: "Food", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E8UATPRh8Cxhkt78XDA4MpQdNu/uploaded-1779559675122-nci5sefl.png"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Gnawa Ambiance",
|
||||
description: "Live traditional music in an intimate, historic setting.",
|
||||
tag: "Vibe",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E8UATPRh8Cxhkt78XDA4MpQdNu/uploaded-1779559675122-kv2n5eag.png?_wi=1",
|
||||
},
|
||||
id: "2", title: "Gnawa Ambiance", description: "Live traditional music in an intimate, historic setting.", tag: "Vibe", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E8UATPRh8Cxhkt78XDA4MpQdNu/uploaded-1779559675122-kv2n5eag.png"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Medina Heritage",
|
||||
description: "Handcrafted decor and timeless Moroccan architecture.",
|
||||
tag: "Ambiance",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E8UATPRh8Cxhkt78XDA4MpQdNu/uploaded-1779559675122-8edwtbnr.png?_wi=1",
|
||||
},
|
||||
id: "3", title: "Medina Heritage", description: "Handcrafted decor and timeless Moroccan architecture.", tag: "Ambiance", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E8UATPRh8Cxhkt78XDA4MpQdNu/uploaded-1779559675122-8edwtbnr.png"},
|
||||
]}
|
||||
title="Culinary & Cultural Experiences"
|
||||
description="Savor authentic Moroccan tajines and embrace the Gnawa atmosphere."
|
||||
@@ -125,54 +93,25 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
textboxLayout="split"
|
||||
animationType="blur-reveal"
|
||||
gridVariant="one-large-right-three-stacked-left"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Traveler",
|
||||
company: "UK",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E8UATPRh8Cxhkt78XDA4MpQdNu/uploaded-1779559675121-129ka701.png?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Traveler", company: "UK", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E8UATPRh8Cxhkt78XDA4MpQdNu/uploaded-1779559675121-129ka701.png", imageAlt: "User provided image"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marc L.",
|
||||
role: "Food Critic",
|
||||
company: "France",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E8UATPRh8Cxhkt78XDA4MpQdNu/uploaded-1779559675122-d8e61kl9.png",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
id: "2", name: "Marc L.", role: "Food Critic", company: "France", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E8UATPRh8Cxhkt78XDA4MpQdNu/uploaded-1779559675122-d8e61kl9.png", imageAlt: "User provided image"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Amina B.",
|
||||
role: "Local",
|
||||
company: "Essaouira",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E8UATPRh8Cxhkt78XDA4MpQdNu/uploaded-1779559675122-nci5sefl.png?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
id: "3", name: "Amina B.", role: "Local", company: "Essaouira", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E8UATPRh8Cxhkt78XDA4MpQdNu/uploaded-1779559675122-nci5sefl.png", imageAlt: "User provided image"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Designer",
|
||||
company: "USA",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E8UATPRh8Cxhkt78XDA4MpQdNu/uploaded-1779559675122-kv2n5eag.png?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Designer", company: "USA", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E8UATPRh8Cxhkt78XDA4MpQdNu/uploaded-1779559675122-kv2n5eag.png", imageAlt: "User provided image"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena R.",
|
||||
role: "Photographer",
|
||||
company: "Italy",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E8UATPRh8Cxhkt78XDA4MpQdNu/uploaded-1779559675122-8edwtbnr.png?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
id: "5", name: "Elena R.", role: "Photographer", company: "Italy", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E8UATPRh8Cxhkt78XDA4MpQdNu/uploaded-1779559675122-8edwtbnr.png", imageAlt: "User provided image"},
|
||||
]}
|
||||
title="Guest Stories"
|
||||
description="The Essaouira magic through our guests' eyes."
|
||||
@@ -184,14 +123,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Lonely Planet",
|
||||
"TripAdvisor",
|
||||
"Michelin Guide",
|
||||
"The Guardian",
|
||||
"Vogue Travel",
|
||||
"Condé Nast",
|
||||
"BBC Travel",
|
||||
]}
|
||||
"Lonely Planet", "TripAdvisor", "Michelin Guide", "The Guardian", "Vogue Travel", "Condé Nast", "BBC Travel"]}
|
||||
title="Featured In"
|
||||
description="Recognized for authentic Moroccan hospitality."
|
||||
/>
|
||||
@@ -201,16 +133,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Reservation"
|
||||
title="Visit Khmissa"
|
||||
description="1 Rue Zayan, Essaouira 44002, Morocco. Call us at +212 5 24 47 58 61."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "tel:+212524475861",
|
||||
},
|
||||
text: "Book Now", href: "tel:+212524475861"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -219,38 +148,25 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user