Update src/app/page.tsx
This commit is contained in:
295
src/app/page.tsx
295
src/app/page.tsx
@@ -31,96 +31,44 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="ESENBI"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Authentic Flavors, Warm Moments"
|
||||
description="ESENBI is where tradition meets modern culinary art. Join us for a unique dining journey crafted with care and passion."
|
||||
kpis={[
|
||||
{
|
||||
value: "12+",
|
||||
label: "Years Served",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Daily Specials",
|
||||
},
|
||||
{
|
||||
value: "4.9★",
|
||||
label: "Review Score",
|
||||
},
|
||||
{ value: "12+", label: "Years Served" },
|
||||
{ value: "50+", label: "Daily Specials" },
|
||||
{ value: "4.9★", label: "Review Score" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qra7pe"
|
||||
imageAlt="cafe table with specialty coffee"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2bdnkp",
|
||||
alt: "smiling cafe customer portrait",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1n7dzd",
|
||||
alt: "satisfied professional diner portrait",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xl1n7e",
|
||||
alt: "cheerful customer eating out",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=euk6s7",
|
||||
alt: "relaxed person coffee cafe",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jjypy5",
|
||||
alt: "authentic happy diner portrait",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2bdnkp", alt: "smiling cafe customer portrait" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1n7dzd", alt: "satisfied professional diner portrait" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xl1n7e", alt: "cheerful customer eating out" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=euk6s7", alt: "relaxed person coffee cafe" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jjypy5", alt: "authentic happy diner portrait" }
|
||||
]}
|
||||
avatarText="Join 5,000+ happy diners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Organic Ingredients",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Brewing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Sourcing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Freshly Roasted",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Baristas",
|
||||
},
|
||||
{ type: "text", text: "Organic Ingredients" },
|
||||
{ type: "text", text: "Artisan Brewing" },
|
||||
{ type: "text", text: "Local Sourcing" },
|
||||
{ type: "text", text: "Freshly Roasted" },
|
||||
{ type: "text", text: "Expert Baristas" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -130,21 +78,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Our Passionate Approach"
|
||||
metrics={[
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Artisanal Coffee",
|
||||
value: "Premium",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Master Chef",
|
||||
value: "Expert",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Local Produce",
|
||||
value: "Fresh",
|
||||
},
|
||||
{ icon: Coffee, label: "Artisanal Coffee", value: "Premium" },
|
||||
{ icon: Award, label: "Master Chef", value: "Expert" },
|
||||
{ icon: Leaf, label: "Local Produce", value: "Fresh" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -156,30 +92,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Artisanal Selection",
|
||||
descriptions: [
|
||||
"Hand-picked ingredients from local sustainable farms.",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=826ugu",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Expert Brewing",
|
||||
descriptions: [
|
||||
"Precision-crafted coffee using modern techniques.",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ju0gqg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Cozy Ambience",
|
||||
descriptions: [
|
||||
"Designed for comfort, conversation, and relaxation.",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=58igum",
|
||||
},
|
||||
{ id: "f1", title: "Artisanal Selection", descriptions: ["Hand-picked ingredients from local sustainable farms."], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=826ugu" },
|
||||
{ id: "f2", title: "Expert Brewing", descriptions: ["Precision-crafted coffee using modern techniques."], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ju0gqg" },
|
||||
{ id: "f3", title: "Cozy Ambience", descriptions: ["Designed for comfort, conversation, and relaxation."], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=58igum" }
|
||||
]}
|
||||
title="Excellence in Every Detail"
|
||||
description="We take pride in every ingredient and technique we choose to ensure an unforgettable experience."
|
||||
@@ -193,48 +108,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Brunch Set",
|
||||
price: "$18",
|
||||
variant: "Breakfast",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=btf8wa",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Mediterranean Salad",
|
||||
price: "$14",
|
||||
variant: "Lunch",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nwj6ta",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Hand-rolled Pasta",
|
||||
price: "$22",
|
||||
variant: "Dinner",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8omid4",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Buttery Croissant",
|
||||
price: "$6",
|
||||
variant: "Bakery",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ujee49",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Signature Latte",
|
||||
price: "$5",
|
||||
variant: "Beverage",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=monhin",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Seasonal Tart",
|
||||
price: "$8",
|
||||
variant: "Dessert",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=orxayj",
|
||||
},
|
||||
{ id: "p1", name: "Signature Brunch Set", price: "$18", variant: "Breakfast", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=btf8wa" },
|
||||
{ id: "p2", name: "Mediterranean Salad", price: "$14", variant: "Lunch", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nwj6ta" },
|
||||
{ id: "p3", name: "Hand-rolled Pasta", price: "$22", variant: "Dinner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8omid4" },
|
||||
{ id: "p4", name: "Buttery Croissant", price: "$6", variant: "Bakery", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ujee49" },
|
||||
{ id: "p5", name: "Signature Latte", price: "$5", variant: "Beverage", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=monhin" },
|
||||
{ id: "p6", name: "Seasonal Tart", price: "$8", variant: "Dessert", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=orxayj" }
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Discover our collection of curated dishes and beverages."
|
||||
@@ -247,41 +126,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice M.",
|
||||
role: "Foodie",
|
||||
testimonial: "Best brunch experience in the city. Truly cozy vibes.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2bdnkp",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob R.",
|
||||
role: "Regular",
|
||||
testimonial: "The coffee is consistently amazing and staff are lovely.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1n7dzd",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Charlie S.",
|
||||
role: "Tourist",
|
||||
testimonial: "A hidden gem. Everything felt so fresh and thoughtfully made.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xl1n7e",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Diana K.",
|
||||
role: "Blogger",
|
||||
testimonial: "Exceptional atmosphere and flavor profile. Highly recommended.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=euk6s7",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Ethan L.",
|
||||
role: "Local",
|
||||
testimonial: "A sanctuary for coffee lovers. Will keep coming back.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jjypy5",
|
||||
},
|
||||
{ id: "t1", name: "Alice M.", role: "Foodie", testimonial: "Best brunch experience in the city. Truly cozy vibes.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2bdnkp" },
|
||||
{ id: "t2", name: "Bob R.", role: "Regular", testimonial: "The coffee is consistently amazing and staff are lovely.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1n7dzd" },
|
||||
{ id: "t3", name: "Charlie S.", role: "Tourist", testimonial: "A hidden gem. Everything felt so fresh and thoughtfully made.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xl1n7e" },
|
||||
{ id: "t4", name: "Diana K.", role: "Blogger", testimonial: "Exceptional atmosphere and flavor profile. Highly recommended.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=euk6s7" },
|
||||
{ id: "t5", name: "Ethan L.", role: "Local", testimonial: "A sanctuary for coffee lovers. Will keep coming back.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jjypy5" }
|
||||
]}
|
||||
title="Voices of ESENBI"
|
||||
description="Join our community of happy food enthusiasts."
|
||||
@@ -292,21 +141,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you accept reservations?",
|
||||
content: "Yes, we highly recommend booking in advance for weekend dinners.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are your ingredients organic?",
|
||||
content: "We prioritize locally sourced and sustainable produce.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you cater to allergies?",
|
||||
content: "Our kitchen staff is well-versed in dietary accommodations.",
|
||||
},
|
||||
{ id: "q1", title: "Do you accept reservations?", content: "Yes, we highly recommend booking in advance for weekend dinners." },
|
||||
{ id: "q2", title: "Are your ingredients organic?", content: "We prioritize locally sourced and sustainable produce." },
|
||||
{ id: "q3", title: "Do you cater to allergies?", content: "Our kitchen staff is well-versed in dietary accommodations." }
|
||||
]}
|
||||
sideTitle="Frequently Asked"
|
||||
sideDescription="Everything you need to know about dining at ESENBI."
|
||||
@@ -320,24 +157,10 @@ export default function LandingPage() {
|
||||
title="Visit Us Soon"
|
||||
description="Have questions? Reach out or stop by for a chat."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ppd72o"
|
||||
/>
|
||||
</div>
|
||||
@@ -345,36 +168,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigate", items: [{ label: "Home", href: "#home" }, { label: "Menu", href: "#menu" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 ESENBI Cafe & Resto."
|
||||
bottomRightText="Crafted with love."
|
||||
@@ -383,4 +178,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user