Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 45261bde9d |
258
src/app/page.tsx
258
src/app/page.tsx
@@ -32,25 +32,17 @@ 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: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Booking", id: "booking"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="DE SESSION"
|
||||
/>
|
||||
@@ -59,19 +51,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="DE SESSION"
|
||||
description="Experience Kumasi's most serene atmosphere combined with top-notch culinary excellence. Open 24/7 for your indulgence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Reserve Now", href: "#booking"},
|
||||
{
|
||||
text: "Browse Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Browse Menu", href: "#menu"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081849.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -83,18 +70,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Perfect Blend of",
|
||||
},
|
||||
type: "text", content: "The Perfect Blend of"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/gurza-damplings-with-meat-top-view_141793-4457.jpg",
|
||||
alt: "Fine Dining",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/gurza-damplings-with-meat-top-view_141793-4457.jpg", alt: "Fine Dining"},
|
||||
{
|
||||
type: "text",
|
||||
content: "Taste and Tranquility",
|
||||
},
|
||||
type: "text", content: "Taste and Tranquility"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,32 +86,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Serene Atmosphere",
|
||||
tags: [
|
||||
"Calm",
|
||||
"Cozy",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-private-room-with-fireplace-wooden-ceilings-brick-walls_140725-8458.jpg",
|
||||
},
|
||||
id: "f1", title: "Serene Atmosphere", tags: [
|
||||
"Calm", "Cozy"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-private-room-with-fireplace-wooden-ceilings-brick-walls_140725-8458.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Top-Notch Service",
|
||||
tags: [
|
||||
"Professional",
|
||||
"Friendly",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-couple-talking-waitress-while-choosing-order-from-menu-restaurant_637285-8925.jpg",
|
||||
},
|
||||
id: "f2", title: "Top-Notch Service", tags: [
|
||||
"Professional", "Friendly"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-couple-talking-waitress-while-choosing-order-from-menu-restaurant_637285-8925.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Excellent Cuisine",
|
||||
tags: [
|
||||
"Gourmet",
|
||||
"Fresh",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pasta-with-meat-tomato-sauce-grey-desk-meat-pastry-pasta-dough-food_140725-79799.jpg",
|
||||
},
|
||||
id: "f3", title: "Excellent Cuisine", tags: [
|
||||
"Gourmet", "Fresh"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pasta-with-meat-tomato-sauce-grey-desk-meat-pastry-pasta-dough-food_140725-79799.jpg"},
|
||||
]}
|
||||
title="Why Guests Choose De Session"
|
||||
description="We are committed to delivering an unmatched experience where every detail matters."
|
||||
@@ -146,41 +111,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Grilled Steak",
|
||||
price: "GH₵180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-fresh-vegetable-chicken-salad-white-plate-wood-table-delicious-salad_114579-113.jpg",
|
||||
},
|
||||
id: "p1", name: "Signature Grilled Steak", price: "GH₵180", imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-fresh-vegetable-chicken-salad-white-plate-wood-table-delicious-salad_114579-113.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Exotic Session Cocktail",
|
||||
price: "GH₵80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crystal-glass-blue-lagoon-garnished-with-lemon-slice-cocktail-umbrella_140725-8522.jpg",
|
||||
},
|
||||
id: "p2", name: "Exotic Session Cocktail", price: "GH₵80", imageSrc: "http://img.b2bpic.net/free-photo/crystal-glass-blue-lagoon-garnished-with-lemon-slice-cocktail-umbrella_140725-8522.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Mediterranean Salad",
|
||||
price: "GH₵60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-slice-pizza-with-shrimp_140725-896.jpg",
|
||||
},
|
||||
id: "p3", name: "Mediterranean Salad", price: "GH₵60", imageSrc: "http://img.b2bpic.net/free-photo/small-slice-pizza-with-shrimp_140725-896.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Creamy Pasta Alfredo",
|
||||
price: "GH₵120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cutlery-plate-with-pasts_23-2147749503.jpg",
|
||||
},
|
||||
id: "p4", name: "Creamy Pasta Alfredo", price: "GH₵120", imageSrc: "http://img.b2bpic.net/free-photo/cutlery-plate-with-pasts_23-2147749503.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Decadent Chocolate Lava",
|
||||
price: "GH₵75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/square-slice-chocolate-cheesecake-glass-board_114579-16586.jpg",
|
||||
},
|
||||
id: "p5", name: "Decadent Chocolate Lava", price: "GH₵75", imageSrc: "http://img.b2bpic.net/free-photo/square-slice-chocolate-cheesecake-glass-board_114579-16586.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Grilled Sea Bass",
|
||||
price: "GH₵150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-assortment-seafood-with-other-garnish-ingredients_52683-107830.jpg",
|
||||
},
|
||||
id: "p6", name: "Grilled Sea Bass", price: "GH₵150", imageSrc: "http://img.b2bpic.net/free-photo/view-assortment-seafood-with-other-garnish-ingredients_52683-107830.jpg"},
|
||||
]}
|
||||
title="Signature Flavors"
|
||||
description="Explore our chef-curated selection of premium dishes and beverages."
|
||||
@@ -195,51 +136,40 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Inscrut A Maverick",
|
||||
role: "Local Guide",
|
||||
company: "Kumasi",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
},
|
||||
id: "t1", name: "Inscrut A Maverick", role: "Local Guide", company: "Kumasi", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bernard",
|
||||
role: "Foodie",
|
||||
company: "Kumasi",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg",
|
||||
},
|
||||
id: "t2", name: "Bernard", role: "Foodie", company: "Kumasi", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Bernard Kwakye",
|
||||
role: "Diner",
|
||||
company: "Kumasi",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150427598.jpg",
|
||||
},
|
||||
id: "t3", name: "Bernard Kwakye", role: "Diner", company: "Kumasi", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150427598.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah Mensah",
|
||||
role: "Guest",
|
||||
company: "Kumasi",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-waitress-talking-customers-using-touchpad-while-taking-orders-cafe_637285-3962.jpg",
|
||||
},
|
||||
id: "t4", name: "Sarah Mensah", role: "Guest", company: "Kumasi", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-waitress-talking-customers-using-touchpad-while-taking-orders-cafe_637285-3962.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Kofi Antwi",
|
||||
role: "Diner",
|
||||
company: "Kumasi",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-cheering-with-wine-glasses-restaurant_23-2150520071.jpg",
|
||||
},
|
||||
id: "t5", name: "Kofi Antwi", role: "Diner", company: "Kumasi", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-cheering-with-wine-glasses-restaurant_23-2150520071.jpg"},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Join the many satisfied diners who have made De Session their go-to culinary destination."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="booking" data-section="booking">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Table Reservation"
|
||||
description="Secure your table for a memorable dining experience. Please provide your details below."
|
||||
inputs={[
|
||||
{ name: "fullName", type: "text", placeholder: "Full Name" },
|
||||
{ name: "guests", type: "number", placeholder: "Number of Guests" },
|
||||
{ name: "date", type: "date", placeholder: "Date" }
|
||||
]}
|
||||
buttonText="Book Now"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
@@ -247,31 +177,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24/7",
|
||||
title: "Always Open",
|
||||
items: [
|
||||
"Available anytime",
|
||||
"Perfect for late night",
|
||||
],
|
||||
id: "m1", value: "24/7", title: "Always Open", items: [
|
||||
"Available anytime", "Perfect for late night"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5.0",
|
||||
title: "Google Rating",
|
||||
items: [
|
||||
"100% Satisfaction",
|
||||
"Based on 10 reviews",
|
||||
],
|
||||
id: "m2", value: "5.0", title: "Google Rating", items: [
|
||||
"100% Satisfaction", "Based on 10 reviews"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100+",
|
||||
title: "Daily Guests",
|
||||
items: [
|
||||
"Join our family",
|
||||
"Top choice in Kumasi",
|
||||
],
|
||||
id: "m3", value: "100+", title: "Daily Guests", items: [
|
||||
"Join our family", "Top choice in Kumasi"],
|
||||
},
|
||||
]}
|
||||
title="Delivering Excellence Daily"
|
||||
@@ -285,20 +200,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Are you open on weekends?",
|
||||
content: "Yes, we are open 24 hours every day, including all weekends and holidays.",
|
||||
},
|
||||
id: "faq1", title: "Are you open on weekends?", content: "Yes, we are open 24 hours every day, including all weekends and holidays."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Do I need a reservation?",
|
||||
content: "Walk-ins are always welcome, but we recommend reservations for large groups to ensure seating.",
|
||||
},
|
||||
id: "faq2", title: "Do I need a reservation?", content: "Walk-ins are always welcome, but we recommend reservations for large groups to ensure seating."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Do you offer takeaway?",
|
||||
content: "Yes, we offer convenient takeaway services. You can place an order via our platform or contact us directly.",
|
||||
},
|
||||
id: "faq3", title: "Do you offer takeaway?", content: "Yes, we offer convenient takeaway services. You can place an order via our platform or contact us directly."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -315,20 +221,12 @@ export default function LandingPage() {
|
||||
description="Ready to visit or have a query? Send us a message and we'll be happy to assist you."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Your Email"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
}}
|
||||
name: "message", placeholder: "How can we help?"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-smiley-woman-talking-phone_23-2148993860.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -339,33 +237,23 @@ export default function LandingPage() {
|
||||
logoText="DE SESSION"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Booking", href: "#booking"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
title: "Location", items: [
|
||||
{
|
||||
label: "121 Hudson Rd, Kumasi",
|
||||
href: "#",
|
||||
},
|
||||
label: "121 Hudson Rd, Kumasi", href: "#"},
|
||||
{
|
||||
label: "Phone: 055 313 4211",
|
||||
href: "tel:0553134211",
|
||||
},
|
||||
label: "Phone: 055 313 4211", href: "tel:0553134211"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user