Merge version_1 into main #2
300
src/app/page.tsx
300
src/app/page.tsx
@@ -10,7 +10,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Coffee, Leaf, Moon, Music, Waves } from "lucide-react";
|
||||
import { Coffee, Leaf, Moon, Music, Waves, Zap, UserCheck, Camera } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Experience", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Cafe Alana"
|
||||
/>
|
||||
@@ -53,87 +41,35 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Mutare’s Hidden Gem for Food, Vibes & Moments"
|
||||
description="Great food. Good music. Better experiences. Discover the perfect fusion of cafe energy and nightlife flair."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Vibe Guaranteed",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Great Energy",
|
||||
},
|
||||
{
|
||||
value: "5-Star",
|
||||
label: "Food Quality",
|
||||
},
|
||||
{ value: "100%", label: "Vibe Guaranteed" },
|
||||
{ value: "24/7", label: "Great Energy" },
|
||||
{ value: "5-Star", label: "Food Quality" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Menu", href: "#products" },
|
||||
{ text: "Book a Table", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/green-traffic-light-city_23-2148242228.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/green-traffic-light-city_23-2148242228.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-architecture-urban-center_1359-745.jpg",
|
||||
alt: "modern architecture in urban center",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sitting-table-with-chairs-yellow-sofa-restaurant-with-panoramic-view_114579-1523.jpg",
|
||||
alt: "A sitting table with chairs and yellow sofa in a restaurant with panoramic view.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lit-store-city-night_23-2149001230.jpg",
|
||||
alt: "Lit store in the city at night",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/miami-bayside-marketplace_23-2151599526.jpg",
|
||||
alt: "Miami bayside marketplace",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/spectacular-lovable-girl-with-curls-dressed-brown-shirt-is-looking-camera-with-wonderful-smile-while-sitting-cafe-with-coffee_291650-2187.jpg",
|
||||
alt: "Spectacular lovable girl with curls dressed brown shirt is looking at camera with wonderful smile while sitting in cafe with coffee",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-architecture-urban-center_1359-745.jpg", alt: "modern architecture" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/sitting-table-with-chairs-yellow-sofa-restaurant-with-panoramic-view_114579-1523.jpg", alt: "restaurant interior" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/lit-store-city-night_23-2149001230.jpg", alt: "store night" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/miami-bayside-marketplace_23-2151599526.jpg", alt: "marketplace" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/spectacular-lovable-girl-with-curls-dressed-brown-shirt-is-looking-camera-with-wonderful-smile-while-sitting-cafe-with-coffee_291650-2187.jpg", alt: "guest cafe" },
|
||||
]}
|
||||
avatarText="Join 10k+ happy guests"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fresh Ingredients",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Nightly Vibe",
|
||||
icon: Moon,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Poolside Dining",
|
||||
icon: Waves,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Craft Cocktails",
|
||||
icon: Coffee,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Great Music",
|
||||
icon: Music,
|
||||
},
|
||||
{ type: "text-icon", text: "Fresh Ingredients", icon: Leaf },
|
||||
{ type: "text-icon", text: "Nightly Vibe", icon: Moon },
|
||||
{ type: "text-icon", text: "Poolside Dining", icon: Waves },
|
||||
{ type: "text-icon", text: "Craft Cocktails", icon: Coffee },
|
||||
{ type: "text-icon", text: "Great Music", icon: Music },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -146,7 +82,7 @@ export default function LandingPage() {
|
||||
description="Cafe Alana was born from a passion for bringing elevated dining experiences to the heart of Mutare. We believe in crafting spaces where flavors collide with good music, and every guest feels like a regular."
|
||||
subdescription="Whether you're here for a midday escape or a starlit dinner by the pool, we are committed to constant improvement and warmth."
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-cooking-professional-food-recipe-restaurant-kitchen-using-fresh-vegetables-prepare-gourmet-meal-diverse-team-cooks-making-authentic-menu-dish-gastronomy-cuisine-service_482257-43501.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-cooking-professional-food-recipe-restaurant-kitchen-using-fresh-vegetables-prepare-gourmet-meal-diverse-team-cooks-making-authentic-menu-dish-gastronomy-cuisine-service_482257-43501.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -158,42 +94,12 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "The Alana Burger",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burger-with-vegetables-meat-inside-bread-bun_114579-3077.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Fresh Harvest Bowl",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-waldorf-salad-wooden-background-top-view_127032-3264.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Signature Sunset Cocktail",
|
||||
price: "$8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/halloween-party-food-arrangement_23-2149085635.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Rustic BBQ Wings",
|
||||
price: "$10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-person-holding-plate-with-burger_23-2148784519.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Grilled Salmon",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cup-brazilian-acai-dessert_23-2150168785.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Classic Margarita",
|
||||
price: "$9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beverage-topped-with-fried-orange-slice_141793-1126.jpg",
|
||||
},
|
||||
{ id: "p1", name: "The Alana Burger", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/burger-with-vegetables-meat-inside-bread-bun_114579-3077.jpg" },
|
||||
{ id: "p2", name: "Fresh Harvest Bowl", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/traditional-waldorf-salad-wooden-background-top-view_127032-3264.jpg" },
|
||||
{ id: "p3", name: "Signature Sunset Cocktail", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/halloween-party-food-arrangement_23-2149085635.jpg" },
|
||||
{ id: "p4", name: "Rustic BBQ Wings", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/front-view-person-holding-plate-with-burger_23-2148784519.jpg" },
|
||||
{ id: "p5", name: "Grilled Salmon", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cup-brazilian-acai-dessert_23-2150168785.jpg" },
|
||||
{ id: "p6", name: "Classic Margarita", price: "$9", imageSrc: "http://img.b2bpic.net/free-photo/beverage-topped-with-fried-orange-slice_141793-1126.jpg" },
|
||||
]}
|
||||
title="Signature Dishes"
|
||||
description="From our legendary burgers to handcrafted cocktails, each dish is a masterpiece designed to delight your senses."
|
||||
@@ -205,34 +111,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Freshness Guaranteed",
|
||||
description: "Every meal is crafted with premium ingredients and worth the wait.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salad-plate-with-service-bell_23-2148040239.jpg",
|
||||
imageAlt: "Salad on plate with service bell",
|
||||
},
|
||||
{
|
||||
title: "Impeccable Service",
|
||||
description: "Our team is trained to deliver warm, attentive service every single visit.",
|
||||
buttonIcon: "UserCheck",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-traffic-light-city_23-2148242228.jpg?_wi=2",
|
||||
imageAlt: "Salad on plate with service bell",
|
||||
},
|
||||
{
|
||||
title: "Relaxed Atmosphere",
|
||||
description: "Poolside seating meets modern lounge vibes for the perfect escape.",
|
||||
buttonIcon: "Waves",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-cooking-professional-food-recipe-restaurant-kitchen-using-fresh-vegetables-prepare-gourmet-meal-diverse-team-cooks-making-authentic-menu-dish-gastronomy-cuisine-service_482257-43501.jpg?_wi=2",
|
||||
imageAlt: "Salad on plate with service bell",
|
||||
},
|
||||
{
|
||||
title: "Music & Vibes",
|
||||
description: "Curated soundtracks to set the mood, from daytime cafe to night life.",
|
||||
buttonIcon: "Music",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burger-with-vegetables-meat-inside-bread-bun_114579-3077.jpg?_wi=2",
|
||||
imageAlt: "Salad on plate with service bell",
|
||||
},
|
||||
{ title: "Freshness Guaranteed", description: "Every meal is crafted with premium ingredients and worth the wait.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/salad-plate-with-service-bell_23-2148040239.jpg" },
|
||||
{ title: "Impeccable Service", description: "Our team is trained to deliver warm, attentive service every single visit.", buttonIcon: UserCheck, imageSrc: "http://img.b2bpic.net/free-photo/green-traffic-light-city_23-2148242228.jpg" },
|
||||
{ title: "Relaxed Atmosphere", description: "Poolside seating meets modern lounge vibes for the perfect escape.", buttonIcon: Waves, imageSrc: "http://img.b2bpic.net/free-photo/people-cooking-professional-food-recipe-restaurant-kitchen-using-fresh-vegetables-prepare-gourmet-meal-diverse-team-cooks-making-authentic-menu-dish-gastronomy-cuisine-service_482257-43501.jpg" },
|
||||
{ title: "Music & Vibes", description: "Curated soundtracks to set the mood, from daytime cafe to night life.", buttonIcon: Music, imageSrc: "http://img.b2bpic.net/free-photo/burger-with-vegetables-meat-inside-bread-bun_114579-3077.jpg" },
|
||||
]}
|
||||
title="The Cafe Alana Experience"
|
||||
description="We are listening. We’ve refined our service to match the quality of our food, ensuring you have the best time possible."
|
||||
@@ -245,60 +127,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Foodie",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
role: "Regular",
|
||||
company: "Mutare",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carefree-couple-enjoying-lunch-time-restaurant_637285-9035.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Visitor",
|
||||
company: "Harare",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-big-hat-cafe_273609-13408.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Local",
|
||||
company: "Mutare",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-happy-young-man-relaxing-coffee-shop-spending-time-cafe-listening-music-wireless-headphones-holding-smartphone-putting-his-favourite-song_1258-314634.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane D.",
|
||||
role: "Guest",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-shopping-clothes_23-2149187302.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Foodie", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg" },
|
||||
{ id: "2", name: "Michael C.", role: "Regular", company: "Mutare", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/carefree-couple-enjoying-lunch-time-restaurant_637285-9035.jpg" },
|
||||
{ id: "3", name: "Emily R.", role: "Visitor", company: "Harare", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-big-hat-cafe_273609-13408.jpg" },
|
||||
{ id: "4", name: "David K.", role: "Local", company: "Mutare", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-happy-young-man-relaxing-coffee-shop-spending-time-cafe-listening-music-wireless-headphones-holding-smartphone-putting-his-favourite-song_1258-314634.jpg" },
|
||||
{ id: "5", name: "Jane D.", role: "Guest", company: "Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-shopping-clothes_23-2149187302.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Satisfied Customers",
|
||||
},
|
||||
{
|
||||
value: "8/10",
|
||||
label: "Avg Burger Score",
|
||||
},
|
||||
{
|
||||
value: "5/5",
|
||||
label: "Service Vibes",
|
||||
},
|
||||
{ value: "10k+", label: "Satisfied Customers" },
|
||||
{ value: "8/10", label: "Avg Burger Score" },
|
||||
{ value: "5/5", label: "Service Vibes" },
|
||||
]}
|
||||
title="Voices of Cafe Alana"
|
||||
description="Real feedback from our wonderful community in Mutare."
|
||||
@@ -310,42 +148,12 @@ export default function LandingPage() {
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Poolside Seating",
|
||||
description: "Relax and enjoy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-afternoon-tea-set-floating-around-swimming-pool_74190-10153.jpg",
|
||||
buttonIcon: "Camera",
|
||||
},
|
||||
{
|
||||
title: "Night Energy",
|
||||
description: "Club vibes and cocktails.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232843.jpg",
|
||||
buttonIcon: "Camera",
|
||||
},
|
||||
{
|
||||
title: "Plated Perfection",
|
||||
description: "Fresh meals daily.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dinner-table_53876-31644.jpg",
|
||||
buttonIcon: "Camera",
|
||||
},
|
||||
{
|
||||
title: "Meet the Team",
|
||||
description: "Friendly service always.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiters-holding-plate-grilled-salmon-mashed-potato-topped-with-red-caviar-asparagus_140725-519.jpg",
|
||||
buttonIcon: "Camera",
|
||||
},
|
||||
{
|
||||
title: "Lounge Areas",
|
||||
description: "Comfortable seating.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-simple-white-chairs-tables-restaurant-with-blurry-background_181624-57929.jpg",
|
||||
buttonIcon: "Camera",
|
||||
},
|
||||
{
|
||||
title: "Crafted Drinks",
|
||||
description: "Top tier cocktails.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-bartender-preparing-drink_23-2150494259.jpg",
|
||||
buttonIcon: "Camera",
|
||||
},
|
||||
{ title: "Poolside Seating", description: "Relax and enjoy.", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-afternoon-tea-set-floating-around-swimming-pool_74190-10153.jpg", buttonIcon: Camera },
|
||||
{ title: "Night Energy", description: "Club vibes and cocktails.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232843.jpg", buttonIcon: Camera },
|
||||
{ title: "Plated Perfection", description: "Fresh meals daily.", imageSrc: "http://img.b2bpic.net/free-photo/dinner-table_53876-31644.jpg", buttonIcon: Camera },
|
||||
{ title: "Meet the Team", description: "Friendly service always.", imageSrc: "http://img.b2bpic.net/free-photo/waiters-holding-plate-grilled-salmon-mashed-potato-topped-with-red-caviar-asparagus_140725-519.jpg", buttonIcon: Camera },
|
||||
{ title: "Lounge Areas", description: "Comfortable seating.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-simple-white-chairs-tables-restaurant-with-blurry-background_181624-57929.jpg", buttonIcon: Camera },
|
||||
{ title: "Crafted Drinks", description: "Top tier cocktails.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-bartender-preparing-drink_23-2150494259.jpg", buttonIcon: Camera },
|
||||
]}
|
||||
title="A Taste of Our Vibe"
|
||||
description="See why we're the talk of Mutare. Fresh food, great company, and unforgettable nights."
|
||||
@@ -355,9 +163,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Visit Us"
|
||||
title="Come Experience Cafe Alana"
|
||||
description="Ready to dine? Reach out or visit us in Mutare. We're waiting for you."
|
||||
@@ -367,14 +173,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Cafe Alana"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user