bender/9dee551c-2b2d-4996-86da-eb7a64d55ec8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-11 18:14:50 +00:00
parent 02ddae40ac
commit 0d6dd5cfaa
1 changed files with 42 additions and 200 deletions
Download Patch File Download Diff File Expand all files Collapse all files

242
src/app/page.tsx
View File

@@ -30,75 +30,32 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Our Story",
id: "#story",
},
{
name: "Menu",
id: "#menu",
},
{
name: "Experience",
id: "#experience",
},
{
name: "Find Us",
id: "#find-us",
},
{ name: "Our Story", id: "story" },
{ name: "Menu", id: "menu" },
{ name: "Experience", id: "experience" },
{ name: "Find Us", id: "find-us" },
]}
brandName="Isola Brew"
button={{ text: "Contact Us", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Isola Brew"
description="Where the ocean meets your cup. Masirah Island's destination for specialty coffee and island calm."
buttons={[
{
text: "Explore Menu",
href: "#menu",
},
{
text: "Find Us",
href: "#find-us",
},
{ text: "Explore Menu", href: "#menu" },
{ text: "Find Us", href: "#find-us" },
]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/idyllic-summer-landscape_1112-311.jpg",
imageAlt: "masirah island ocean view café",
},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/mocktail-beach_1203-2597.jpg",
imageAlt: "masirah island ocean view café",
},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/hotel-terrace-sitting-zone-around-swimming-pool_114579-2725.jpg",
imageAlt: "masirah island ocean view café",
},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/small-business-items-serving-coffee_23-2149458023.jpg",
imageAlt: "masirah island ocean view café",
},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6716.jpg",
imageAlt: "masirah island ocean view café",
},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/table-chairs-meal-sea-shore-holiday-sky-concept_53876-16149.jpg",
imageAlt: "masirah island ocean view café",
},
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/idyllic-summer-landscape_1112-311.jpg", imageAlt: "masirah island ocean view café" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/mocktail-beach_1203-2597.jpg", imageAlt: "masirah island ocean view café" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/hotel-terrace-sitting-zone-around-swimming-pool_114579-2725.jpg", imageAlt: "masirah island ocean view café" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/small-business-items-serving-coffee_23-2149458023.jpg", imageAlt: "masirah island ocean view café" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6716.jpg", imageAlt: "masirah island ocean view café" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/table-chairs-meal-sea-shore-holiday-sky-concept_53876-16149.jpg", imageAlt: "masirah island ocean view café" },
]}
/>
</div>
@@ -108,21 +65,9 @@ export default function LandingPage() {
useInvertedBackground={false}
title="A café born from the island."
metrics={[
{
icon: Coffee,
label: "Google Rating",
value: "4.9",
},
{
icon: Award,
label: "Happy Reviews",
value: "32+",
},
{
icon: Coffee,
label: "Best Coffee",
value: "Premium",
},
{ icon: Coffee, label: "Google Rating", value: "4.9" },
{ icon: Award, label: "Happy Reviews", value: "32+" },
{ icon: Coffee, label: "Best Coffee", value: "Premium" },
]}
metricsAnimation="slide-up"
/>
@@ -135,42 +80,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{
id: "1",
name: "Flat White",
price: "1.200 OMR",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-cup_1203-6761.jpg",
},
{
id: "2",
name: "Cortado",
price: "1.000 OMR",
imageSrc: "http://img.b2bpic.net/free-photo/tasty-steamy-cup-coffee-with-wooden-table-coffee-shop-wooden-card-sculpture_1268-20256.jpg",
},
{
id: "3",
name: "White Choco Pistachio",
price: "2.200 OMR",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cakes-with-fresh-strawberries-white-surface-chocolate-sugar-biscuit-sweet-cake-bake-cookie_140725-52904.jpg",
},
{
id: "4",
name: "Isola Breeze",
price: "2.500 OMR",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cup-coffee-plate_23-2148251659.jpg",
},
{
id: "5",
name: "Pistachio Cake",
price: "1.800 OMR",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-chocolate-milkshake_23-2148635670.jpg",
},
{
id: "6",
name: "Avocado Toast",
price: "2.500 OMR",
imageSrc: "http://img.b2bpic.net/free-photo/hands-man-holding-hot-cup-tea_23-2148441353.jpg",
},
{ id: "1", name: "Flat White", price: "1.200 OMR", imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-cup_1203-6761.jpg" },
{ id: "2", name: "Cortado", price: "1.000 OMR", imageSrc: "http://img.b2bpic.net/free-photo/tasty-steamy-cup-coffee-with-wooden-table-coffee-shop-wooden-card-sculpture_1268-20256.jpg" },
{ id: "3", name: "White Choco Pistachio", price: "2.200 OMR", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cakes-with-fresh-strawberries-white-surface-chocolate-sugar-biscuit-sweet-cake-bake-cookie_140725-52904.jpg" },
{ id: "4", name: "Isola Breeze", price: "2.500 OMR", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cup-coffee-plate_23-2148251659.jpg" },
{ id: "5", name: "Pistachio Cake", price: "1.800 OMR", imageSrc: "http://img.b2bpic.net/free-photo/close-up-chocolate-milkshake_23-2148635670.jpg" },
{ id: "6", name: "Avocado Toast", price: "2.500 OMR", imageSrc: "http://img.b2bpic.net/free-photo/hands-man-holding-hot-cup-tea_23-2148441353.jpg" },
]}
title="Crafted with intention."
description="From specialty espresso to handcrafted signature drinks, every sip is designed to transport you."
@@ -184,21 +99,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{
title: "Ocean Front Views",
description: "Unobstructed vistas of the Arabian Sea. No other café puts you this close.",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-business-concept-handsome-bearded-man-apron-making-coffee-while-standing-cafe_1258-104246.jpg",
},
{
title: "Expert Baristas",
description: "Our team crafts every drink with precision and passion.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-chair-by-christmas-tree_1303-12424.jpg",
},
{
title: "Super Comfy Seating",
description: "Plush seating designed for lingering and relaxing.",
imageSrc: "http://img.b2bpic.net/free-photo/festive-home-still-life-with-cup-drink-flowers-decor-details-blurred-background-with-bokeh_169016-10297.jpg",
},
{ title: "Ocean Front Views", description: "Unobstructed vistas of the Arabian Sea. No other café puts you this close.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-business-concept-handsome-bearded-man-apron-making-coffee-while-standing-cafe_1258-104246.jpg" },
{ title: "Expert Baristas", description: "Our team crafts every drink with precision and passion.", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-chair-by-christmas-tree_1303-12424.jpg" },
{ title: "Super Comfy Seating", description: "Plush seating designed for lingering and relaxing.", imageSrc: "http://img.b2bpic.net/free-photo/festive-home-still-life-with-cup-drink-flowers-decor-details-blurred-background-with-bokeh_169016-10297.jpg" },
]}
title="The Isola Experience"
description="Why we are Masirah's favorite spot."
@@ -211,46 +114,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Carla Barbitta",
handle: "Local Guide",
testimonial: "Amazing service and such tasty drinks. Stunning beach views and super comfy seats.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-friends-having-conversation-coffee-kitchen_23-2148708901.jpg",
},
{
id: "2",
name: "P. Hird",
handle: "Local Guide",
testimonial: "Beautiful, calm café with tasty desserts and excellent coffee.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-tablet-coffee_1157-32445.jpg",
},
{
id: "3",
name: "Mia Arh",
handle: "Local Guide",
testimonial: "Amazing coffee, delicious desserts and very friendly staff.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mid-aged-couple-love-home_23-2147986280.jpg",
},
{
id: "4",
name: "Sarah M.",
handle: "Verified Guest",
testimonial: "The pistachio drink was unlike anything I've had before.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg",
},
{
id: "5",
name: "Ahmed K.",
handle: "Verified Guest",
testimonial: "A hidden gem on Masirah Island. Incredible atmosphere.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-blond-girl-posing-against-white-wall_176420-32845.jpg",
},
{ id: "1", name: "Carla Barbitta", handle: "Local Guide", testimonial: "Amazing service and such tasty drinks. Stunning beach views and super comfy seats.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-friends-having-conversation-coffee-kitchen_23-2148708901.jpg" },
{ id: "2", name: "P. Hird", handle: "Local Guide", testimonial: "Beautiful, calm café with tasty desserts and excellent coffee.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-tablet-coffee_1157-32445.jpg" },
{ id: "3", name: "Mia Arh", handle: "Local Guide", testimonial: "Amazing coffee, delicious desserts and very friendly staff.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mid-aged-couple-love-home_23-2147986280.jpg" },
{ id: "4", name: "Sarah M.", handle: "Verified Guest", testimonial: "The pistachio drink was unlike anything I've had before.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg" },
{ id: "5", name: "Ahmed K.", handle: "Verified Guest", testimonial: "A hidden gem on Masirah Island. Incredible atmosphere.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-blond-girl-posing-against-white-wall_176420-32845.jpg" },
]}
showRating={true}
title="Loved by everyone."
@@ -261,15 +129,10 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
text="Come for the coffee, stay for the view. Visit us on the Masirah Island Corniche, Hilf. Open daily 7 AM – 11 PM."
buttons={[
{
text: "Call to Reserve: 7700 0138",
href: "tel:77000138",
},
{ text: "Call to Reserve: 7700 0138", href: "tel:77000138" },
]}
/>
</div>
@@ -280,42 +143,21 @@ export default function LandingPage() {
logoText="Isola Brew"
columns={[
{
title: "Visit",
items: [
{
label: "Corniche Street, Hilf",
href: "#find-us",
},
{
label: "Masirah Island, Oman",
href: "#find-us",
},
title: "Visit", items: [
{ label: "Corniche Street, Hilf", href: "#find-us" },
{ label: "Masirah Island, Oman", href: "#find-us" },
],
},
{
title: "Hours",
items: [
{
label: "Daily 7:00 AM – 11:00 PM",
href: "#",
},
{
label: "7 days a week",
href: "#",
},
title: "Hours", items: [
{ label: "Daily 7:00 AM – 11:00 PM", href: "#" },
{ label: "7 days a week", href: "#" },
],
},
{
title: "Connect",
items: [
{
label: "Call: 7700 0138",
href: "tel:77000138",
},
{
label: "Instagram",
href: "https://instagram.com",
},
title: "Connect", items: [
{ label: "Call: 7700 0138", href: "tel:77000138" },
{ label: "Instagram", href: "https://instagram.com" },
],
},
]}