Update src/app/page.tsx
This commit is contained in:
213
src/app/page.tsx
213
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Menu",
|
name: "Menu", id: "products"},
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Ruman Al Shaam"
|
brandName="Ruman Al Shaam"
|
||||||
/>
|
/>
|
||||||
@@ -52,45 +44,28 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardCarousel
|
<HeroBillboardCarousel
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Sharjah's Most Loved Premium Juice Experience"
|
title="Sharjah's Most Loved Premium Juice Experience"
|
||||||
description="Freshly made pure juices, signature avocado blends, and unforgettable flavors served fast with warm hospitality."
|
description="Freshly made pure juices, signature avocado blends, and unforgettable flavors served fast with warm hospitality."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Order Now",
|
text: "Order Now", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Visit Store",
|
text: "Visit Store", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/pear-orange-grapefruit-juice-glass-kitchen-counter-healthy-morning_169016-69610.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/pear-orange-grapefruit-juice-glass-kitchen-counter-healthy-morning_169016-69610.jpg", imageAlt: "Luxurious fresh pomegranate juice"},
|
||||||
imageAlt: "Luxurious fresh pomegranate juice",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-pomegranate-juice-with-fresh-seeds-wooden-board_114579-73579.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/glass-pomegranate-juice-with-fresh-seeds-wooden-board_114579-73579.jpg", imageAlt: "Signature avocado blend drink"},
|
||||||
imageAlt: "Signature avocado blend drink",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/two-glass-cups-sweet-pomegranate-juice-dark_114579-53551.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/two-glass-cups-sweet-pomegranate-juice-dark_114579-53551.jpg", imageAlt: "Fresh berry bliss drink"},
|
||||||
imageAlt: "Fresh berry bliss drink",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/alcohol-drink-garnished-with-rapberries-long-stem-glass_140725-217.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/alcohol-drink-garnished-with-rapberries-long-stem-glass_140725-217.jpg", imageAlt: "Seasonal special drink"},
|
||||||
imageAlt: "Seasonal special drink",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tasty-summer-smoothie_23-2148197830.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tasty-summer-smoothie_23-2148197830.jpg", imageAlt: "Healthy juice variety"},
|
||||||
imageAlt: "Healthy juice variety",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/green-summer-smoothie-with-pineapple_23-2147810712.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/green-summer-smoothie-with-pineapple_23-2147810712.jpg", imageAlt: "Premium café hospitality"},
|
||||||
imageAlt: "Premium café hospitality",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -103,25 +78,15 @@ export default function LandingPage() {
|
|||||||
author="Sarah Ahmed"
|
author="Sarah Ahmed"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/front-view-creamy-cocktail-inside-little-glass-white-surface_140725-63653.jpg",
|
src: "http://img.b2bpic.net/free-photo/front-view-creamy-cocktail-inside-little-glass-white-surface_140725-63653.jpg", alt: "Customer profile 1"},
|
||||||
alt: "Customer profile 1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/natural-smoothies-with-avocado_23-2148574134.jpg",
|
src: "http://img.b2bpic.net/free-photo/natural-smoothies-with-avocado_23-2148574134.jpg", alt: "Customer profile 2"},
|
||||||
alt: "Customer profile 2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/mixed-berry-infused-water-recipe_53876-18236.jpg",
|
src: "http://img.b2bpic.net/free-photo/mixed-berry-infused-water-recipe_53876-18236.jpg", alt: "Customer profile 3"},
|
||||||
alt: "Customer profile 3",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/top-view-fresh-yellow-peaches-with-green-cherry-plums-with-coconut-with-fresh-peach-juice-checked-tablecloth-white-background_141793-25545.jpg",
|
src: "http://img.b2bpic.net/free-photo/top-view-fresh-yellow-peaches-with-green-cherry-plums-with-coconut-with-fresh-peach-juice-checked-tablecloth-white-background_141793-25545.jpg", alt: "Customer profile 4"},
|
||||||
alt: "Customer profile 4",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/happy-woman-holds-japanese-matcha-green-tea-with-ice-glass-cafe-female-with-healthy-antioxidant-beverage-summer-cute-cafe_343596-1820.jpg",
|
src: "http://img.b2bpic.net/free-photo/happy-woman-holds-japanese-matcha-green-tea-with-ice-glass-cafe-female-with-healthy-antioxidant-beverage-summer-cute-cafe_343596-1820.jpg", alt: "Customer profile 5"},
|
||||||
alt: "Customer profile 5",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
ratingAnimation="blur-reveal"
|
ratingAnimation="blur-reveal"
|
||||||
avatarsAnimation="slide-up"
|
avatarsAnimation="slide-up"
|
||||||
@@ -136,53 +101,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", name: "Royal Pomegranate", price: "AED 25", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/tasty-iced-tea-table-arrangement_23-2149966931.jpg", imageAlt: "Royal Pomegranate Drink"},
|
||||||
name: "Royal Pomegranate",
|
|
||||||
price: "AED 25",
|
|
||||||
variant: "Signature",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-iced-tea-table-arrangement_23-2149966931.jpg",
|
|
||||||
imageAlt: "Royal Pomegranate Drink",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", name: "Legendary Avocado Mix", price: "AED 30", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/green-smoothie-detox-with-kale-avocado-apples-wooden-table_123827-28566.jpg", imageAlt: "Legendary Avocado Mix"},
|
||||||
name: "Legendary Avocado Mix",
|
|
||||||
price: "AED 30",
|
|
||||||
variant: "Signature",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/green-smoothie-detox-with-kale-avocado-apples-wooden-table_123827-28566.jpg",
|
|
||||||
imageAlt: "Legendary Avocado Mix",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", name: "Berry Bliss", price: "AED 28", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-strawberry-smoothie-cup_23-2148303030.jpg", imageAlt: "Berry Bliss Drink"},
|
||||||
name: "Berry Bliss",
|
|
||||||
price: "AED 28",
|
|
||||||
variant: "Signature",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-strawberry-smoothie-cup_23-2148303030.jpg",
|
|
||||||
imageAlt: "Berry Bliss Drink",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p4",
|
id: "p4", name: "Seasonal Special", price: "AED 22", variant: "Seasonal", imageSrc: "http://img.b2bpic.net/free-photo/delicious-colada-morada-assortment_23-2149161517.jpg", imageAlt: "Seasonal Special Drink"},
|
||||||
name: "Seasonal Special",
|
|
||||||
price: "AED 22",
|
|
||||||
variant: "Seasonal",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-colada-morada-assortment_23-2149161517.jpg",
|
|
||||||
imageAlt: "Seasonal Special Drink",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p5",
|
id: "p5", name: "Classic Orange", price: "AED 18", variant: "Fresh", imageSrc: "http://img.b2bpic.net/free-photo/tasty-mimosa-cocktail-glass-with-orange-slices_23-2149394596.jpg", imageAlt: "Classic Orange Juice"},
|
||||||
name: "Classic Orange",
|
|
||||||
price: "AED 18",
|
|
||||||
variant: "Fresh",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-mimosa-cocktail-glass-with-orange-slices_23-2149394596.jpg",
|
|
||||||
imageAlt: "Classic Orange Juice",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p6",
|
id: "p6", name: "Green Detox", price: "AED 26", variant: "Health", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-fresh-green-smoothie_23-2148545367.jpg", imageAlt: "Green Detox Juice"},
|
||||||
name: "Green Detox",
|
|
||||||
price: "AED 26",
|
|
||||||
variant: "Health",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-fresh-green-smoothie_23-2148545367.jpg",
|
|
||||||
imageAlt: "Green Detox Juice",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Signature Drinks"
|
title="Signature Drinks"
|
||||||
description="Discover our collection of handcrafted, premium juices designed to refresh and delight your senses."
|
description="Discover our collection of handcrafted, premium juices designed to refresh and delight your senses."
|
||||||
@@ -192,44 +121,25 @@ export default function LandingPage() {
|
|||||||
<div id="features" data-section="features">
|
<div id="features" data-section="features">
|
||||||
<FeatureCardTwentySeven
|
<FeatureCardTwentySeven
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
|
animationType="slide-up"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "100% Fresh Ingredients", descriptions: [
|
||||||
title: "100% Fresh Ingredients",
|
"Handpicked fruits sourced daily.", "No preservatives or added sugars."],
|
||||||
descriptions: [
|
imageSrc: "http://img.b2bpic.net/free-photo/healthy-smoothie-jars-gypsophila-white-background_23-2148028532.jpg"},
|
||||||
"Handpicked fruits sourced daily.",
|
|
||||||
"No preservatives or added sugars.",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-smoothie-jars-gypsophila-white-background_23-2148028532.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "Fast Service", descriptions: [
|
||||||
title: "Fast Service",
|
"Ready to serve when you are.", "Optimized for your busy schedule."],
|
||||||
descriptions: [
|
imageSrc: "http://img.b2bpic.net/free-photo/lemonade-piece-chocolate-cake-table-cafe-interior_169016-40026.jpg"},
|
||||||
"Ready to serve when you are.",
|
|
||||||
"Optimized for your busy schedule.",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/lemonade-piece-chocolate-cake-table-cafe-interior_169016-40026.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "Luxury Presentation", descriptions: [
|
||||||
title: "Luxury Presentation",
|
"Beautifully curated for instagram.", "Served with sophisticated style."],
|
||||||
descriptions: [
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bartender-creating-delicious-drink_23-2149125751.jpg"},
|
||||||
"Beautifully curated for instagram.",
|
|
||||||
"Served with sophisticated style.",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bartender-creating-delicious-drink_23-2149125751.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f4",
|
id: "f4", title: "Complimentary Samples", descriptions: [
|
||||||
title: "Complimentary Samples",
|
"Try before you buy.", "Discover your new favorite flavor."],
|
||||||
descriptions: [
|
imageSrc: "http://img.b2bpic.net/free-photo/fresh-healthy-juices-with-straws_23-2148150454.jpg"},
|
||||||
"Try before you buy.",
|
|
||||||
"Discover your new favorite flavor.",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-healthy-juices-with-straws_23-2148150454.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Why Choose Us"
|
title="Why Choose Us"
|
||||||
description="We are dedicated to providing the most premium juice experience in Sharjah and Dubai."
|
description="We are dedicated to providing the most premium juice experience in Sharjah and Dubai."
|
||||||
@@ -241,9 +151,7 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="About Ruman Al Shaam"
|
title="About Ruman Al Shaam"
|
||||||
description={[
|
description={[
|
||||||
"Founded on the principles of warm Middle Eastern hospitality, Ruman Al Shaam Juices brings fresh, luxury juice experiences to the heart of Sharjah and Dubai.",
|
"Founded on the principles of warm Middle Eastern hospitality, Ruman Al Shaam Juices brings fresh, luxury juice experiences to the heart of Sharjah and Dubai.", "We blend traditional flavors with modern café sophistication, creating a space where everyone can enjoy the finest ingredients in every drop."]}
|
||||||
"We blend traditional flavors with modern café sophistication, creating a space where everyone can enjoy the finest ingredients in every drop.",
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -252,54 +160,33 @@ export default function LandingPage() {
|
|||||||
logoText="Ruman Al Shaam"
|
logoText="Ruman Al Shaam"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Menu",
|
title: "Menu", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Royal Pomegranate",
|
label: "Royal Pomegranate", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Avocado Mix",
|
label: "Avocado Mix", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Seasonal Specials",
|
label: "Seasonal Specials", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About Us",
|
label: "About Us", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Locations",
|
label: "Locations", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Careers",
|
label: "Careers", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Contact",
|
title: "Contact", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Sharjah Branch",
|
label: "Sharjah Branch", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Dubai Branch",
|
label: "Dubai Branch", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Corporate Orders",
|
label: "Corporate Orders", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user