Merge version_1 into main #1
240
src/app/page.tsx
240
src/app/page.tsx
@@ -32,131 +32,79 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Location",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Location", id: "contact"},
|
||||
]}
|
||||
brandName="Essenza Tea Cafe"
|
||||
button={{ text: "Visit Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Essenza Tea Cafe"
|
||||
description="Fresh Drinks, Quick Bites, Good Vibes. Your local sanctuary in the heart of Abu Dhabi."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-golden-suit-sits-cafe_8353-301.jpg",
|
||||
imageAlt: "Cafe hero shot 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-golden-suit-sits-cafe_8353-301.jpg", imageAlt: "Cafe hero shot 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-with-muffins_23-2148337165.jpg",
|
||||
imageAlt: "Cafe hero shot 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-with-muffins_23-2148337165.jpg", imageAlt: "Cafe hero shot 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bar-concept_23-2147798063.jpg",
|
||||
imageAlt: "Cafe hero shot 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bar-concept_23-2147798063.jpg", imageAlt: "Cafe hero shot 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-winter-home-lifestyle_23-2149198781.jpg",
|
||||
imageAlt: "Cafe hero shot 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-winter-home-lifestyle_23-2149198781.jpg", imageAlt: "Cafe hero shot 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-cookies-cup-black-tea-with-cinnamon-old-newspaper-spiral-notebook-dark-background_140725-94332.jpg",
|
||||
imageAlt: "Cafe hero shot 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-cookies-cup-black-tea-with-cinnamon-old-newspaper-spiral-notebook-dark-background_140725-94332.jpg", imageAlt: "Cafe hero shot 5"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-cooked-apples-nuts_23-2148325595.jpg",
|
||||
imageAlt: "Cafe hero shot 7",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-cooked-apples-nuts_23-2148325595.jpg", imageAlt: "Cafe hero shot 7"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-freshly-squeezed-juice-fruits-wooden-cutting-board_169016-49151.jpg",
|
||||
imageAlt: "Cafe hero shot 8",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-freshly-squeezed-juice-fruits-wooden-cutting-board_169016-49151.jpg", imageAlt: "Cafe hero shot 8"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-selective-closeup-shot-baked-bread-plate_181624-1641.jpg",
|
||||
imageAlt: "Cafe hero shot 9",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-selective-closeup-shot-baked-bread-plate_181624-1641.jpg", imageAlt: "Cafe hero shot 9"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ice-coffee_1339-3412.jpg",
|
||||
imageAlt: "Cafe hero shot 10",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ice-coffee_1339-3412.jpg", imageAlt: "Cafe hero shot 10"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/loft-authentic-dining-room-interior-design-with-blank-picture-frame_53876-129847.jpg",
|
||||
imageAlt: "Cafe hero shot 11",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/loft-authentic-dining-room-interior-design-with-blank-picture-frame_53876-129847.jpg", imageAlt: "Cafe hero shot 11"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Menu", href: "#products"},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit Us", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-friends-drinking-coffee_23-2148395430.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-friends-drinking-coffee_23-2148395430.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-bar-illuminated-by-modern-lighting-equipment-generated-by-ai_188544-24181.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-bar-illuminated-by-modern-lighting-equipment-generated-by-ai_188544-24181.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-adult-enjoying-warm-drink_23-2149134379.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-adult-enjoying-warm-drink_23-2149134379.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Join 500+ happy regulars"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Tea",
|
||||
},
|
||||
type: "text", text: "Artisanal Tea"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Pastries",
|
||||
},
|
||||
type: "text", text: "Fresh Pastries"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Late-Night Vibes",
|
||||
},
|
||||
type: "text", text: "Late-Night Vibes"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Karak",
|
||||
},
|
||||
type: "text", text: "Premium Karak"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Healthy Coolers",
|
||||
},
|
||||
type: "text", text: "Healthy Coolers"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -182,41 +130,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Karak Tea",
|
||||
price: "AED 8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-cup-coffee-latte-pampas-grass-blue-table_114579-66035.jpg",
|
||||
},
|
||||
id: "p1", name: "Signature Karak Tea", price: "AED 8", imageSrc: "http://img.b2bpic.net/free-photo/glass-cup-coffee-latte-pampas-grass-blue-table_114579-66035.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Chocolate Explosion Milkshake",
|
||||
price: "AED 18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-glass_1203-2490.jpg",
|
||||
},
|
||||
id: "p2", name: "Chocolate Explosion Milkshake", price: "AED 18", imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-glass_1203-2490.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Crispy Chicken Wrap",
|
||||
price: "AED 15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cakes-light-wooden-table_176474-2535.jpg",
|
||||
},
|
||||
id: "p3", name: "Crispy Chicken Wrap", price: "AED 15", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cakes-light-wooden-table_176474-2535.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Fresh Passion Fruit Cooler",
|
||||
price: "AED 14",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-colorful-arrangement-smoothies_23-2148226133.jpg",
|
||||
},
|
||||
id: "p4", name: "Fresh Passion Fruit Cooler", price: "AED 14", imageSrc: "http://img.b2bpic.net/free-photo/front-view-colorful-arrangement-smoothies_23-2148226133.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Butter Croissant",
|
||||
price: "AED 10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doughnut-cookies-with-cup-tea_114579-17555.jpg",
|
||||
},
|
||||
id: "p5", name: "Butter Croissant", price: "AED 10", imageSrc: "http://img.b2bpic.net/free-photo/doughnut-cookies-with-cup-tea_114579-17555.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Iced Spanish Latte",
|
||||
price: "AED 16",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-wooden-coffee-cubic-blocks-with-coffee-caf_23-2147893071.jpg",
|
||||
},
|
||||
id: "p6", name: "Iced Spanish Latte", price: "AED 16", imageSrc: "http://img.b2bpic.net/free-photo/close-up-wooden-coffee-cubic-blocks-with-coffee-caf_23-2147893071.jpg"},
|
||||
]}
|
||||
title="Menu Selection"
|
||||
description="Explore our curated selection of hot teas, chilled drinks, and satisfying snacks."
|
||||
@@ -227,21 +151,16 @@ export default function LandingPage() {
|
||||
<FeatureBorderGlow
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Modern Comfort",
|
||||
description: "Designed for maximum relaxation.",
|
||||
icon: Coffee,
|
||||
title: "Modern Comfort", description: "Designed for maximum relaxation.", icon: Coffee,
|
||||
},
|
||||
{
|
||||
title: "Artisan Quality",
|
||||
description: "Ingredients sourced for freshness.",
|
||||
icon: Award,
|
||||
title: "Artisan Quality", description: "Ingredients sourced for freshness.", icon: Award,
|
||||
},
|
||||
{
|
||||
title: "Late Nights",
|
||||
description: "Open until 2:30 AM daily.",
|
||||
icon: Moon,
|
||||
title: "Late Nights", description: "Open until 2:30 AM daily.", icon: Moon,
|
||||
},
|
||||
]}
|
||||
title="Vibrant Moments"
|
||||
@@ -256,59 +175,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ahmed Ali",
|
||||
role: "Local Resident",
|
||||
company: "Abu Dhabi",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-interracial-young-couple-sitting-outdoor-cafe_23-2148151923.jpg",
|
||||
},
|
||||
id: "t1", name: "Ahmed Ali", role: "Local Resident", company: "Abu Dhabi", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-interracial-young-couple-sitting-outdoor-cafe_23-2148151923.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Mansour",
|
||||
role: "Student",
|
||||
company: "Abu Dhabi",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-break-time_23-2149308479.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah Mansour", role: "Student", company: "Abu Dhabi", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-break-time_23-2149308479.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "John Doe",
|
||||
role: "Frequent Visitor",
|
||||
company: "Dubai",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-charming-lady-with-long-hair-wearing-trendy-blouse-sitting-cafeteria-with-great-smile_291650-620.jpg",
|
||||
},
|
||||
id: "t3", name: "John Doe", role: "Frequent Visitor", company: "Dubai", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-charming-lady-with-long-hair-wearing-trendy-blouse-sitting-cafeteria-with-great-smile_291650-620.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Fatima Zahra",
|
||||
role: "Foodie",
|
||||
company: "Abu Dhabi",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-women-work-portable-laptop-computer-charming-female-student-using-net-book-while-sitting-cafe_1153-7026.jpg",
|
||||
},
|
||||
id: "t4", name: "Fatima Zahra", role: "Foodie", company: "Abu Dhabi", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-women-work-portable-laptop-computer-charming-female-student-using-net-book-while-sitting-cafe_1153-7026.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Omar K.",
|
||||
role: "Night Owl",
|
||||
company: "Shakhbout City",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cafe-leisure-lifestyle-concept-portrait-handsome-young-man-sits-chair-with-glass-coffee-drinks-his-beverage-smiling_1258-314462.jpg",
|
||||
},
|
||||
id: "t5", name: "Omar K.", role: "Night Owl", company: "Shakhbout City", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cafe-leisure-lifestyle-concept-portrait-handsome-young-man-sits-chair-with-glass-coffee-drinks-his-beverage-smiling_1258-314462.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.2",
|
||||
label: "Google Rating",
|
||||
},
|
||||
value: "4.2", label: "Google Rating"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Happy Customers",
|
||||
},
|
||||
value: "500+", label: "Happy Customers"},
|
||||
{
|
||||
value: "2:30",
|
||||
label: "AM Closing",
|
||||
},
|
||||
value: "2:30", label: "AM Closing"},
|
||||
]}
|
||||
title="Loved by the Community"
|
||||
description="See what our regulars have to say."
|
||||
@@ -322,20 +210,11 @@ export default function LandingPage() {
|
||||
tag="Our Stats"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "20+",
|
||||
description: "Tea varieties",
|
||||
},
|
||||
id: "m1", value: "20+", description: "Tea varieties"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
description: "Signature snacks",
|
||||
},
|
||||
id: "m2", value: "15+", description: "Signature snacks"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Service dedication (til 2:30)",
|
||||
},
|
||||
id: "m3", value: "24/7", description: "Service dedication (til 2:30)"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -345,8 +224,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Visit Us at Shakhbout City"
|
||||
description="Drop by for a cup of tea or reach out for inquiries."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-happy-woman-drinking-cup-coffee_23-2147925429.jpg"
|
||||
@@ -364,14 +242,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: MapPin,
|
||||
href: "#",
|
||||
ariaLabel: "Google Maps",
|
||||
},
|
||||
href: "#", ariaLabel: "Google Maps"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user