345 lines
18 KiB
TypeScript
345 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { Award, BookOpen, Coffee, Croissant, Leaf, Salad, Sandwich, Users, Wifi } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="largeSmall"
|
|
background="floatingGradient"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Menu", id: "#menu"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Blog", id: "#blog"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
button={{
|
|
text: "Order Online", href: "#contact"}}
|
|
brandName="Alma Cafe"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroSplitDualMedia
|
|
background={{
|
|
variant: "plain"}}
|
|
title="Welcome to Alma Cafe"
|
|
description="Experience the perfect blend of rich coffee, delectable pastries, and a cozy atmosphere. Your daily escape awaits."
|
|
tag="Your Daily Escape"
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "View Our Menu", href: "#menu"},
|
|
{
|
|
text: "Order Online", href: "#contact"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-business-man-working_23-2148366589.jpg", imageAlt: "Cozy coffee shop interior"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tasty-morning-pastry-coffee-display-traditional-city-cafe_613910-18517.jpg", imageAlt: "Freshly baked pastries"}
|
|
]}
|
|
mediaAnimation="opacity"
|
|
rating={5}
|
|
ratingText="Loved by our community"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={true}
|
|
title="Our Passion for Coffee & Community"
|
|
description="At Alma Cafe, we believe in crafting more than just coffee; we create experiences. Our journey began with a simple idea: to build a warm, inviting space where everyone feels at home. We source the finest beans and fresh, local ingredients, ensuring every cup and bite is a moment to savor."
|
|
metrics={[
|
|
{
|
|
value: "10+", title: "Years Brewing"},
|
|
{
|
|
value: "100%", title: "Ethically Sourced"},
|
|
{
|
|
value: "5-Star", title: "Customer Rated"},
|
|
]}
|
|
tag="Our Story"
|
|
tagAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/cafe-restaurants-coffee-shop-owners-retail-concept-friendly-joyful-handsome-barista-black_1258-60007.jpg"
|
|
imageAlt="Friendly barista serving coffee"
|
|
mediaAnimation="opacity"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="offerings" data-section="offerings">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Artisan Coffee Selection", description: "Discover a curated selection of globally sourced beans, expertly roasted and brewed to perfection. From rich espresso to delicate pour-overs, every cup is a masterpiece.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-roasted-coffee-beans-falling-out-burlap-bag-red-background_141793-25624.jpg", imageAlt: "Artisan coffee beans"},
|
|
items: [
|
|
{
|
|
icon: Coffee,
|
|
text: "Single Origin Beans"},
|
|
{
|
|
icon: Award,
|
|
text: "Expert Baristas"},
|
|
{
|
|
icon: Leaf,
|
|
text: "Sustainable Sourcing"},
|
|
],
|
|
reverse: false
|
|
},
|
|
{
|
|
title: "Cozy & Inspiring Spaces", description: "Whether you're looking for a quiet corner to work, a lively spot to meet friends, or a peaceful retreat, Alma Cafe offers an ambiance designed for comfort and creativity.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fresh-relax-morning-coffee-cup-set_1150-7064.jpg", imageAlt: "Cozy cafe seating area"},
|
|
items: [
|
|
{
|
|
icon: Wifi,
|
|
text: "Free Wi-Fi"},
|
|
{
|
|
icon: BookOpen,
|
|
text: "Reading Nooks"},
|
|
{
|
|
icon: Users,
|
|
text: "Group Tables"},
|
|
],
|
|
reverse: true
|
|
},
|
|
{
|
|
title: "Freshly Baked & Healthy Bites", description: "Pair your favorite brew with our delicious range of pastries, sandwiches, and salads, all prepared fresh daily with a focus on quality and flavor.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-eating-healthy-food_23-2149151659.jpg", imageAlt: "Healthy organic salad and smoothie"},
|
|
items: [
|
|
{
|
|
icon: Croissant,
|
|
text: "Daily Pastries"},
|
|
{
|
|
icon: Salad,
|
|
text: "Fresh Salads"},
|
|
{
|
|
icon: Sandwich,
|
|
text: "Gourmet Sandwiches"},
|
|
],
|
|
reverse: false
|
|
}
|
|
]}
|
|
title="More Than Just a Cafe"
|
|
description="Discover what makes Alma Cafe a beloved local spot."
|
|
tag="Our Offerings"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "1", name: "Classic Espresso", price: "$3.50", variant: "Rich & Bold", imageSrc: "http://img.b2bpic.net/free-photo/cafe-smooth-shot-nice-drink_1172-478.jpg", imageAlt: "Classic Espresso"},
|
|
{
|
|
id: "2", name: "Signature Latte", price: "$5.00", variant: "Creamy & Smooth", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-coffee-latte-wooden-table_23-2147892945.jpg", imageAlt: "Signature Latte with latte art"},
|
|
{
|
|
id: "3", name: "Chocolate Croissant", price: "$4.25", variant: "Flaky & Sweet", imageSrc: "http://img.b2bpic.net/free-photo/croissant-with-tea-cup-dried-herbs-flat-lay-wooden-kitchen-towel_176474-8189.jpg", imageAlt: "Chocolate Croissant"},
|
|
{
|
|
id: "4", name: "Blueberry Muffin", price: "$3.75", variant: "Soft & Fruity", imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-cake-cake-with-berries-cinnamon-sticks-cupcakes-cup-tea-citrus-fruits_140725-122814.jpg", imageAlt: "Blueberry Muffin"},
|
|
{
|
|
id: "5", name: "Avocado Toast", price: "$8.50", variant: "Savory & Fresh", imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-with-oats-coffee_23-2147871330.jpg", imageAlt: "Avocado Toast with poached egg"},
|
|
{
|
|
id: "6", name: "Chicken Pesto Sandwich", price: "$9.75", variant: "Hearty & Flavorful", imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-with-vegetables_23-2148169089.jpg", imageAlt: "Chicken Pesto Sandwich"},
|
|
]}
|
|
title="Our Menu Highlights"
|
|
description="A taste of what makes Alma Cafe special. Crafted with care, made with passion."
|
|
tag="Discover Your Favorite"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah J.", role: "Local Resident", company: "Community Member", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-man-texting-cafe-happy-businessman-smiling-texting-smartphone-table_1391-595.jpg", videoAriaLabel: "Sarah J. testimonial video"},
|
|
{
|
|
id: "2", name: "Michael D.", role: "Coffee Enthusiast", company: "Local Critic", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-showing-thumbs-up-looking-camera_1262-14435.jpg", videoAriaLabel: "Michael D. testimonial video"},
|
|
{
|
|
id: "3", name: "Emily R.", role: "Student", company: "University of XYZ", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sensual-confident-woman-stylish-clothes-enjoying-coffee-coffeeshop-attractive-female-model-sitting-cafe-having-lunch-with-admirer-smiling-look-away-pleased-breakfast-outdoor-restaurant_197531-30517.jpg", videoAriaLabel: "Emily R. testimonial video"},
|
|
{
|
|
id: "4", name: "David K.", role: "Small Business Owner", company: "Local Business Alliance", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/multiracial-group-four-friends-having-coffee-together_1139-1022.jpg", videoAriaLabel: "David K. testimonial video"},
|
|
{
|
|
id: "5", name: "Jessica L.", role: "Freelance Writer", company: "Creative Nomad", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/drinking-coffee-using-mobilephone_329181-16251.jpg", videoAriaLabel: "Jessica L. testimonial video"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "100%", label: "Satisfaction"},
|
|
{
|
|
value: "15K+", label: "Happy Customers"},
|
|
{
|
|
value: "4.9/5", label: "Average Rating"},
|
|
]}
|
|
title="What Our Community Says"
|
|
description="Hear directly from our wonderful customers about their Alma Cafe experience."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Local Artisan Bakery", "Ethical Coffee Roasters", "Green Grocers Collective", "City Food Critics", "Community Harvest Farms", "Sweet Treats Magazine", "Downtown Business Association"]}
|
|
title="Our Valued Partners"
|
|
description="We're proud to collaborate with local businesses and organizations that share our commitment to quality and community."
|
|
tag="Partners & Recognition"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What are your opening hours?", content: "Alma Cafe is open Monday to Friday from 7 AM to 6 PM, and Saturday to Sunday from 8 AM to 5 PM."},
|
|
{
|
|
id: "2", title: "Do you offer vegan or gluten-free options?", content: "Yes, we have a variety of delicious vegan and gluten-free pastries and savory items. Please ask our staff for today's selections."},
|
|
{
|
|
id: "3", title: "Can I reserve a table for a meeting?", content: "We operate on a first-come, first-served basis, but for larger groups or special events, please contact us directly to discuss options."},
|
|
{
|
|
id: "4", title: "Do you have Wi-Fi available?", content: "Absolutely! We offer complimentary high-speed Wi-Fi for all our customers. Feel free to connect and enjoy your stay."},
|
|
{
|
|
id: "5", title: "Where do you source your coffee beans?", content: "We partner with local ethical roasters who source premium, single-origin beans from sustainable farms around the world. Quality and fair trade are our top priorities."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about Alma Cafe, our offerings, and services."
|
|
tag="Need Help?"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="blog" data-section="blog">
|
|
<BlogCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
title="Latest from Our Blog"
|
|
description="Stay updated with Alma Cafe's news, recipes, and coffee brewing tips."
|
|
tag="Insights & Stories"
|
|
blogs={[
|
|
{
|
|
id: "1", category: "Coffee Guide", title: "Mastering the Art of Pour-Over Coffee at Home", excerpt: "Unlock the secrets to brewing a perfect cup of pour-over coffee right in your kitchen with our easy-to-follow guide.", imageSrc: "http://img.b2bpic.net/free-photo/barista-using-tamper-press-ground-coffee-into-portafilter-cafe-thick-wooden-table-professional-coffee-brewing_346278-1468.jpg", imageAlt: "Pour-over coffee brewing setup", authorName: "Alma Cafe Team", authorAvatar: "http://img.b2bpic.net/free-photo/girl-drawing-cup-coffee-notebook_158595-662.jpg", date: "October 26, 2023"},
|
|
{
|
|
id: "2", category: "Seasonal Menu", title: "Introducing Our Cozy Fall & Winter Drinks Menu", excerpt: "Warm up with our delightful new seasonal beverages, crafted to bring comfort and joy during the colder months.", imageSrc: "http://img.b2bpic.net/free-photo/autumn-food-soup-veggies-with-empty-notebook_23-2148656303.jpg", imageAlt: "Pumpkin spice latte", authorName: "Alma Cafe Team", authorAvatar: "http://img.b2bpic.net/free-photo/young-lifestyle-tablet-coffee-woman_1303-1889.jpg", date: "November 10, 2023"},
|
|
{
|
|
id: "3", category: "Baking Tips", title: "The Secret to Alma Cafe's Flaky Croissants", excerpt: "Discover the techniques and ingredients that make our signature croissants a beloved treat. Hint: it's all about the layers!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-stack-cookies_23-2147890259.jpg", imageAlt: "Freshly baked croissants", authorName: "Alma Cafe Head Baker", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-tray-muffins-counter_107420-12318.jpg", date: "December 1, 2023"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Connect With Us"
|
|
title="Visit Alma Cafe"
|
|
description="We'd love to see you! Stop by for a coffee, a meal, or simply to enjoy our welcoming atmosphere. You can also reach out for inquiries or feedback."
|
|
imageSrc="http://img.b2bpic.net/free-photo/backview-barman-writing-chalkboard-terrace_23-2147821251.jpg"
|
|
imageAlt="Exterior of Alma Cafe with outdoor seating"
|
|
mediaAnimation="opacity"
|
|
inputPlaceholder="Your Email Address"
|
|
buttonText="Send Message"
|
|
termsText="By submitting, you agree to receive updates from Alma Cafe and our privacy policy."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{
|
|
label: "Home", href: "#home"},
|
|
{
|
|
label: "Menu", href: "#menu"},
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Menu", items: [
|
|
{
|
|
label: "Coffee & Tea", href: "#menu"},
|
|
{
|
|
label: "Pastries", href: "#menu"},
|
|
{
|
|
label: "Sandwiches", href: "#menu"},
|
|
{
|
|
label: "Salads", href: "#menu"},
|
|
],
|
|
},
|
|
{
|
|
title: "Follow Us", items: [
|
|
{
|
|
label: "Instagram", href: "https://instagram.com/almacafecty"},
|
|
{
|
|
label: "Facebook", href: "https://facebook.com/almacafecty"},
|
|
{
|
|
label: "Twitter", href: "https://twitter.com/almacafecty"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Alma Cafe"
|
|
copyrightText="© 2023 Alma Cafe. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|