353 lines
11 KiB
TypeScript
353 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { Coffee, Users, Utensils } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="large"
|
|
background="none"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "Story",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Menu",
|
|
id: "menu",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Delicato Café"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="Nampula's Sanctuary of Taste."
|
|
description="Where luxury meets the warmth of authentic connection. Discover a lifestyle destination curated for the discerning palate."
|
|
buttons={[
|
|
{
|
|
text: "Visit Us",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
text: "View Menu",
|
|
href: "#menu",
|
|
},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3090.jpg",
|
|
imageAlt: "Luxurious Cafe Interior",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-cafe-interior-design_23-2151945689.jpg",
|
|
imageAlt: "Coffee Lifestyle",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-burning-candles-tables_140725-7784.jpg",
|
|
imageAlt: "Dining Experience",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/kitchen-items-arrangement-table_23-2148848666.jpg",
|
|
imageAlt: "Brewing Moment",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312228.jpg",
|
|
imageAlt: "Culinary Plating",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/this-is-my-new-profile-social-network_329181-2899.jpg",
|
|
imageAlt: "Social Connection",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
title="Crafted with Intent, Served with Soul."
|
|
description="Delicato Café is a celebration of artistry and relaxation. Nestled in the heart of Nampula, we offer more than just a meal; we provide a sanctuary. From ethically sourced beans to our meticulously prepared grilled dinners, every element of our space is designed for meaningful connection and aesthetic pleasure."
|
|
bulletPoints={[
|
|
{
|
|
title: "Artisanal Quality",
|
|
description: "Hand-selected ingredients and premium coffee roasting.",
|
|
},
|
|
{
|
|
title: "Warm Ambiance",
|
|
description: "Minimalist aesthetics designed to soothe and inspire.",
|
|
},
|
|
{
|
|
title: "Local Heart",
|
|
description: "Rooted in Nampula, delivering world-class culinary experiences.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/interior-cafe-with-brick-walls_53876-32361.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="experience" data-section="experience">
|
|
<FeatureBorderGlow
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
icon: Coffee,
|
|
title: "Premium Brews",
|
|
description: "Experience excellence in every cup.",
|
|
},
|
|
{
|
|
icon: Utensils,
|
|
title: "Authentic Flavors",
|
|
description: "Grilled dishes inspired by global standards.",
|
|
},
|
|
{
|
|
icon: Users,
|
|
title: "Social Spaces",
|
|
description: "Perfect for friends, family, and professionals.",
|
|
},
|
|
]}
|
|
title="The Delicato Experience"
|
|
description="More than a cafe—a destination."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardTwo
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
brand: "Coffee",
|
|
name: "Signature Espresso",
|
|
price: "Standard",
|
|
rating: 5,
|
|
reviewCount: "120",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-using-her-cellphone-reach-friend_1157-17795.jpg",
|
|
},
|
|
{
|
|
id: "2",
|
|
brand: "Breakfast",
|
|
name: "Morning Harvest Bowl",
|
|
price: "Premium",
|
|
rating: 5,
|
|
reviewCount: "85",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-cup-coffee-with-milk_23-2148337163.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
brand: "Dinner",
|
|
name: "Flame-Grilled Chicken",
|
|
price: "Signature",
|
|
rating: 5,
|
|
reviewCount: "200",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fruit-bowl-milk-top-view_23-2148367503.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
brand: "Coffee",
|
|
name: "Cold Brew Reserve",
|
|
price: "Refined",
|
|
rating: 4,
|
|
reviewCount: "60",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-decoration-with-mug-biscuits_23-2148350190.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
brand: "Dessert",
|
|
name: "Velvet Chocolate Tart",
|
|
price: "Decadent",
|
|
rating: 5,
|
|
reviewCount: "95",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-stylish-girl-with-blonde-hair-pink-lips-sitting-coffee-shop-with-wooden-chairs-table-she-holds-cup-cofee-touches-her-hair_197531-102.jpg",
|
|
},
|
|
{
|
|
id: "6",
|
|
brand: "Tea",
|
|
name: "Herbal Infusion Collection",
|
|
price: "Selection",
|
|
rating: 4,
|
|
reviewCount: "45",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-coffee-mug-near-wooden-cutting-board-cheese-copy-space_132075-11325.jpg",
|
|
},
|
|
]}
|
|
title="Curated Flavors"
|
|
description="A glimpse into our artisanal menu offerings."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="two-columns-alternating-heights"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sofia Mendes",
|
|
role: "Creative Director",
|
|
company: "Nampula Art Hub",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16129.jpg",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "David Silva",
|
|
role: "Business Consultant",
|
|
company: "Local Growth Co",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-mobile-phone_107420-84909.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Elena Costa",
|
|
role: "Journalist",
|
|
company: "Moz Life",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stylish-corporate-woman-suit-standing-street-with-documents-work-laptop-coffee-waiting-nea_1258-117435.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
role: "Family Guest",
|
|
company: "Nampula Resident",
|
|
name: "Lucas Pereira",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-sitting-cafe_23-2148422400.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
role: "Coffee Enthusiast",
|
|
company: "Digital Nomad",
|
|
name: "Ana Rocha",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-wearing-trendy-hat-sitting-wooden-table-coffee-shop_273609-1622.jpg",
|
|
},
|
|
]}
|
|
title="Voices of Delight"
|
|
description="See why Nampula makes Delicato their second home."
|
|
/>
|
|
</div>
|
|
|
|
<div id="cta" data-section="cta">
|
|
<PricingCardEight
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "visit",
|
|
badge: "Open Daily",
|
|
price: "Experience Delicato",
|
|
subtitle: "Bring your friends and family for an unforgettable culinary journey.",
|
|
buttons: [
|
|
{
|
|
text: "Call to Reserve",
|
|
href: "tel:+258868110022",
|
|
},
|
|
],
|
|
features: [
|
|
"Family Friendly",
|
|
"Premium Ambience",
|
|
"Local Flavors",
|
|
],
|
|
},
|
|
]}
|
|
title="Your Seat Awaits"
|
|
description="Ready to discover your new favorite spot in Nampula?"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
text="Join us at Rua Monomotapa, Nampula. Experience the Delicato difference. Reach us at +258 86 811 0022."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-coffee-beans-burlap-sack_23-2148254990.jpg"
|
|
logoText="Delicato Café"
|
|
columns={[
|
|
{
|
|
title: "Connect",
|
|
items: [
|
|
{
|
|
label: "Facebook",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Instagram",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Visit",
|
|
items: [
|
|
{
|
|
label: "Rua Monomotapa, Nampula",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|