Merge version_1 into main #2
234
src/app/page.tsx
234
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="The Cliff"
|
||||
/>
|
||||
@@ -63,12 +53,10 @@ export default function LandingPage() {
|
||||
description="Experience refined Mediterranean cuisine and impeccable service overlooking the sparkling sea in La Marsa. From sunset aperitifs to intimate dinners, The Cliff delivers unforgettable moments."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Table",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Reserve Your Table", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/nature-resort-sky-umbrella-chair_1203-4627.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/nature-resort-sky-umbrella-chair_1203-4627.jpg"
|
||||
imageAlt="Stunning seaside view from The Cliff terrace"
|
||||
/>
|
||||
</div>
|
||||
@@ -81,7 +69,7 @@ export default function LandingPage() {
|
||||
description="Perched on the cliffs of La Marsa, our restaurant combines the freshest local ingredients with timeless Mediterranean techniques to create a dining experience that honors our heritage."
|
||||
subdescription="Every dish reflects our commitment to quality, ensuring that every visit is as special as the view."
|
||||
icon={Flame}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727985.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727985.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -93,49 +81,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Panoramas",
|
||||
description: "Unmatched sea views perfect for sunsets.",
|
||||
icon: Waves,
|
||||
title: "Panoramas", description: "Unmatched sea views perfect for sunsets.", icon: Waves,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-roasted-chicken-served-with-wine-table_140725-12033.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-roasted-chicken-served-with-wine-table_140725-12033.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-boiled-rice-meat-cherries_141793-1422.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-boiled-rice-meat-cherries_141793-1422.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nature-resort-sky-umbrella-chair_1203-4627.jpg?_wi=2",
|
||||
imageAlt: "mediterranean grilled seafood dish",
|
||||
},
|
||||
{
|
||||
title: "Cuisine",
|
||||
description: "Fresh, locally-sourced Mediterranean dishes.",
|
||||
icon: Utensils,
|
||||
title: "Cuisine", description: "Fresh, locally-sourced Mediterranean dishes.", icon: Utensils,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rice-with-herbs-spices-mushroom-cream-sauce-glass-prosecco_114579-2334.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rice-with-herbs-spices-mushroom-cream-sauce-glass-prosecco_114579-2334.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/italian-pasta-with-tomato-sauce-inside-blue-authentic-bowl_114579-1517.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/italian-pasta-with-tomato-sauce-inside-blue-authentic-bowl_114579-1517.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727985.jpg?_wi=2",
|
||||
imageAlt: "mediterranean grilled seafood dish",
|
||||
},
|
||||
{
|
||||
title: "Service",
|
||||
description: "Impeccable attention to detail.",
|
||||
icon: Bell,
|
||||
title: "Service", description: "Impeccable attention to detail.", icon: Bell,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-fork-delicious-fresh-chocolate-dessert-restaurant_23-2148001620.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-fork-delicious-fresh-chocolate-dessert-restaurant_23-2148001620.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beer-sunset-coastal-relaxation-scene_23-2152005867.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beer-sunset-coastal-relaxation-scene_23-2152005867.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-tanned-brunette-woman-stylish-red-dress-beret-sunglasses-sits-cafe_197531-24181.jpg?_wi=1",
|
||||
imageAlt: "mediterranean grilled seafood dish",
|
||||
},
|
||||
]}
|
||||
title="The Cliff Experience"
|
||||
@@ -151,25 +121,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years of Tradition",
|
||||
description: "Serving authentic Mediterranean cuisine.",
|
||||
icon: Award,
|
||||
id: "m1", value: "15+", title: "Years of Tradition", description: "Serving authentic Mediterranean cuisine.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500k+",
|
||||
title: "Satisfied Guests",
|
||||
description: "Creating unforgettable dining memories.",
|
||||
icon: Users,
|
||||
id: "m2", value: "500k+", title: "Satisfied Guests", description: "Creating unforgettable dining memories.", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "20+",
|
||||
title: "Seasonal Menus",
|
||||
description: "Always fresh, always innovative.",
|
||||
icon: Flame,
|
||||
id: "m3", value: "20+", title: "Seasonal Menus", description: "Always fresh, always innovative.", icon: Flame,
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -185,41 +143,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Grilled Octopus",
|
||||
price: "45 DT",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bacon_1203-8636.jpg",
|
||||
},
|
||||
id: "p1", name: "Grilled Octopus", price: "45 DT", imageSrc: "http://img.b2bpic.net/free-photo/bacon_1203-8636.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Mediterranean Salad",
|
||||
price: "22 DT",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sushi-rolls-with-salmon-tuna-roe-black-slate-plate_84443-94446.jpg",
|
||||
},
|
||||
id: "p2", name: "Mediterranean Salad", price: "22 DT", imageSrc: "http://img.b2bpic.net/free-photo/sushi-rolls-with-salmon-tuna-roe-black-slate-plate_84443-94446.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Fresh Sea Bass",
|
||||
price: "55 DT",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fish-with-onion_1157-23.jpg",
|
||||
},
|
||||
id: "p3", name: "Fresh Sea Bass", price: "55 DT", imageSrc: "http://img.b2bpic.net/free-photo/fish-with-onion_1157-23.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Truffle Pasta",
|
||||
price: "48 DT",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-truffle-recipe-with-pasta-top-view_23-2149548045.jpg",
|
||||
},
|
||||
id: "p4", name: "Truffle Pasta", price: "48 DT", imageSrc: "http://img.b2bpic.net/free-photo/delicious-truffle-recipe-with-pasta-top-view_23-2149548045.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Signature Chocolate Mousse",
|
||||
price: "25 DT",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-velvet-cake-stuffed-with-white-butter-cream_114579-2315.jpg",
|
||||
},
|
||||
id: "p5", name: "Signature Chocolate Mousse", price: "25 DT", imageSrc: "http://img.b2bpic.net/free-photo/red-velvet-cake-stuffed-with-white-butter-cream_114579-2315.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Sunset Aperitif",
|
||||
price: "20 DT",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-gulas-dish-arrangement_23-2149072617.jpg",
|
||||
},
|
||||
id: "p6", name: "Sunset Aperitif", price: "20 DT", imageSrc: "http://img.b2bpic.net/free-photo/traditional-gulas-dish-arrangement_23-2149072617.jpg"},
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="Explore our menu curated for refined palates."
|
||||
@@ -233,59 +167,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Mansour",
|
||||
role: "Local Professional",
|
||||
company: "Tunis",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-tanned-brunette-woman-stylish-red-dress-beret-sunglasses-sits-cafe_197531-24181.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", name: "Sarah Mansour", role: "Local Professional", company: "Tunis", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-tanned-brunette-woman-stylish-red-dress-beret-sunglasses-sits-cafe_197531-24181.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Ahmed Ben Youssef",
|
||||
role: "Architect",
|
||||
company: "La Marsa",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-black-skinned-woman-wearing-blouse-flower-headband-enjoying-dinner-while-eating-restaurant_613910-18777.jpg",
|
||||
},
|
||||
id: "t2", name: "Ahmed Ben Youssef", role: "Architect", company: "La Marsa", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-black-skinned-woman-wearing-blouse-flower-headband-enjoying-dinner-while-eating-restaurant_613910-18777.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rossi",
|
||||
role: "Traveler",
|
||||
company: "Italy",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-best-friends-enjoying-nice-conversation-lunch-modern-cafe-interior_273609-9010.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena Rossi", role: "Traveler", company: "Italy", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-best-friends-enjoying-nice-conversation-lunch-modern-cafe-interior_273609-9010.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Yassine Sassi",
|
||||
role: "Entrepreneur",
|
||||
company: "Tunis",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/street-cafe-old-town-lindos-greek-island-rhodes-view-aegean-sea-islands-dodecanese-archipelago-europe-travel-time_166373-3822.jpg",
|
||||
},
|
||||
id: "t4", name: "Yassine Sassi", role: "Entrepreneur", company: "Tunis", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/street-cafe-old-town-lindos-greek-island-rhodes-view-aegean-sea-islands-dodecanese-archipelago-europe-travel-time_166373-3822.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sofia Jellouli",
|
||||
role: "Designer",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149215795.jpg",
|
||||
},
|
||||
id: "t5", name: "Sofia Jellouli", role: "Designer", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149215795.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.8/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
value: "4.8/5", label: "Avg Rating"},
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Social Mentions",
|
||||
},
|
||||
value: "10k+", label: "Social Mentions"},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Return Rate",
|
||||
},
|
||||
value: "95%", label: "Return Rate"},
|
||||
]}
|
||||
title="Guest Stories"
|
||||
description="Hear what our patrons say about their experience."
|
||||
@@ -297,20 +200,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need a reservation?",
|
||||
content: "Yes, we highly recommend reservations for evening dining and weekends.",
|
||||
},
|
||||
id: "f1", title: "Do I need a reservation?", content: "Yes, we highly recommend reservations for evening dining and weekends."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is there outdoor seating?",
|
||||
content: "Yes, our terrace overlooks the sea and is our most popular dining area.",
|
||||
},
|
||||
id: "f2", title: "Is there outdoor seating?", content: "Yes, our terrace overlooks the sea and is our most popular dining area."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you accommodate dietary needs?",
|
||||
content: "Our menu features various vegetarian and gluten-free options. Please inform us of allergies.",
|
||||
},
|
||||
id: "f3", title: "Do you accommodate dietary needs?", content: "Our menu features various vegetarian and gluten-free options. Please inform us of allergies."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to plan your perfect visit."
|
||||
@@ -325,34 +219,20 @@ export default function LandingPage() {
|
||||
description="Ready to experience The Cliff? Fill out the form below to secure your spot."
|
||||
inputs={[
|
||||
{
|
||||
name: "fullName",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
name: "fullName", type: "text", placeholder: "Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "date",
|
||||
type: "date",
|
||||
placeholder: "Date",
|
||||
required: true,
|
||||
name: "date", type: "date", placeholder: "Date", required: true,
|
||||
},
|
||||
{
|
||||
name: "guests",
|
||||
type: "number",
|
||||
placeholder: "Number of Guests",
|
||||
required: true,
|
||||
name: "guests", type: "number", placeholder: "Number of Guests", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "notes",
|
||||
placeholder: "Special requests or dietary needs?",
|
||||
rows: 3,
|
||||
name: "notes", placeholder: "Special requests or dietary needs?", rows: 3,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-looking-her-partner-sitting-chair-caf_23-2147876647.jpg"
|
||||
imageAlt="The entrance of The Cliff"
|
||||
@@ -365,29 +245,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Menu", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user