285 lines
14 KiB
TypeScript
285 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="large"
|
|
background="fluid"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "Menu", id: "#menu"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Amore Caffe"
|
|
button={{
|
|
text: "Visit Us", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
title="Amore Caffe - Experience Coffee, Elevated"
|
|
description="Discover the art of the perfect brew in a setting designed for warmth, connection, and exceptional flavor."
|
|
testimonials={[
|
|
{
|
|
name: "Maria Popescu", handle: "@mariap", testimonial: "The best coffee in the city, always consistent and delicious.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cup-coffee-with-present-kettle_23-2148720033.jpg?_wi=1", imageAlt: "cozy cafe interior warm coffee aroma"},
|
|
{
|
|
name: "Ion Ionescu", handle: "@ioni", testimonial: "A beautiful atmosphere, perfect for reading and relaxing.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-ground-powder_1150-18216.jpg?_wi=1", imageAlt: "cozy cafe interior warm coffee aroma"},
|
|
{
|
|
name: "Elena Dumitru", handle: "@elena", testimonial: "Staff is incredibly friendly and welcoming every time.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coffee-maker-machine-table_23-2148937228.jpg?_wi=1", imageAlt: "cozy cafe interior warm coffee aroma"},
|
|
{
|
|
name: "Andrei Vasile", handle: "@andrei", testimonial: "I love the local vibe and the premium pastry selection.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-beverage-while-break-time_23-2149256929.jpg?_wi=1", imageAlt: "cozy cafe interior warm coffee aroma"},
|
|
{
|
|
name: "Sofia Marin", handle: "@sofiam", testimonial: "Perfect place for my morning catch-ups.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/jam-bowl-fresh-flower-bakery-cutlery-cup-drink_23-2148031622.jpg?_wi=1", imageAlt: "cozy cafe interior warm coffee aroma"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Visit Us", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/high-angle-cup-coffee-with-present-kettle_23-2148720033.jpg?_wi=2"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg", alt: "Customer profile 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg", alt: "Customer profile 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/blogger-girl-is-laughting-by-looking-camera-cafe_176474-116248.jpg", alt: "Customer profile 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-happy-woman-with-cup-coffee_23-2147925425.jpg", alt: "Customer profile 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/man-woman-drinking-coffee_23-2148263262.jpg", alt: "Customer profile 5"},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Freshly Roasted"},
|
|
{
|
|
type: "text", text: "Artisanal Pastries"},
|
|
{
|
|
type: "text", text: "Cozy Atmosphere"},
|
|
{
|
|
type: "text", text: "Sustainable Sourcing"},
|
|
{
|
|
type: "text", text: "Local Community"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
title="Crafted with Passion"
|
|
description="At Amore Caffe, we believe that every cup tells a story. From sustainably sourced beans to expert preparation, we strive to bring joy to every sip in the heart of the community."
|
|
bulletPoints={[
|
|
{
|
|
title: "Artisanal Brewing", description: "Expert techniques for the perfect extraction."},
|
|
{
|
|
title: "Cozy Atmosphere", description: "A home away from home for local coffee lovers."},
|
|
{
|
|
title: "Community Focus", description: "Supporting local culture and sustainable practices."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/coffee-beans-ground-powder_1150-18216.jpg?_wi=2"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "1", title: "Premium Beans", author: "Amore Quality", description: "Single-origin beans sourced responsibly.", tags: [
|
|
"Fresh", "Organic"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coffee-maker-machine-table_23-2148937228.jpg?_wi=2"},
|
|
{
|
|
id: "2", title: "Elegant Space", author: "Interior Design", description: "Designed for comfort and quiet connection.", tags: [
|
|
"Cozy", "Modern"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-beverage-while-break-time_23-2149256929.jpg?_wi=2"},
|
|
{
|
|
id: "3", title: "Fresh Pastries", author: "Baked Daily", description: "Delivered fresh from local artisanal bakeries.", tags: [
|
|
"Tasty", "Fresh"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/jam-bowl-fresh-flower-bakery-cutlery-cup-drink_23-2148031622.jpg?_wi=2"},
|
|
]}
|
|
title="Why Choose Amore?"
|
|
description="Excellence in every detail, ensuring your daily coffee break is truly extraordinary."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", name: "Signature Cappuccino", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/hot-mocha-coffee_1339-2388.jpg"},
|
|
{
|
|
id: "2", name: "Butter Croissant", price: "$2.00", imageSrc: "http://img.b2bpic.net/free-photo/half-top-view-yummy-cake-sweet-yummy-sliced-with-cup-tea-pink-desk_140725-49640.jpg"},
|
|
{
|
|
id: "3", name: "Cold Brew", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/ice-cold-drinks-ready-be-served_23-2148617688.jpg"},
|
|
{
|
|
id: "4", name: "Latte Macchiato", price: "$3.75", imageSrc: "http://img.b2bpic.net/free-photo/glass-with-latte-coffee-beans-table_140725-3959.jpg"},
|
|
{
|
|
id: "5", name: "Chocolate Muffin", price: "$2.50", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-muffin-filled-with-nuts_141793-638.jpg"},
|
|
{
|
|
id: "6", name: "Black Filter Coffee", price: "$2.50", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-stirring-coffee_23-2147765437.jpg"},
|
|
]}
|
|
title="Our Signature Selection"
|
|
description="From classic espressos to creative specialties, discover your new favorite brew."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah", role: "Designer", company: "Local Agency", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-beautiful-woman-student-sitting-cafe-with-books-magazines-smiling-holding-phone-thinking_176420-12422.jpg"},
|
|
{
|
|
id: "2", name: "Mark", role: "Student", company: "University", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-girlfriends-restaurant_23-2148395339.jpg"},
|
|
{
|
|
id: "3", name: "Anna", role: "Manager", company: "Tech Corp", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg"},
|
|
{
|
|
id: "4", name: "James", role: "Photographer", company: "Freelance", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/women-drinking-coffee_23-2148006750.jpg"},
|
|
{
|
|
id: "5", name: "Lucy", role: "Teacher", company: "Local School", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-drinking-coffee-working-laptop-cafe_1303-13683.jpg"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "1.2k+", label: "Coffee Cups Served"},
|
|
{
|
|
value: "450+", label: "Happy Regulars"},
|
|
{
|
|
value: "4.9", label: "Google Rating"},
|
|
]}
|
|
title="Community Love"
|
|
description="Hear what our regulars have to say about their daily experience at Amore Caffe."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={false}
|
|
title="Amore in Numbers"
|
|
tag="Milestones"
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "5", description: "Years of Passion"},
|
|
{
|
|
id: "m2", value: "100%", description: "Organic Beans"},
|
|
{
|
|
id: "m3", value: "15+", description: "Menu Varieties"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "f1", title: "Do you offer vegan milk?", content: "Yes! We offer a variety of plant-based milks including almond, soy, and oat."},
|
|
{
|
|
id: "f2", title: "Is there free Wi-Fi?", content: "Absolutely, perfect for remote workers or just browsing while you drink."},
|
|
{
|
|
id: "f3", title: "Are pets allowed?", content: "We welcome pets in our outdoor seating area."},
|
|
]}
|
|
title="Common Questions"
|
|
description="Find everything you need to know about your visits."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
tag="Visit Us"
|
|
title="Ready for your next coffee?"
|
|
description="Come join us for a perfect blend. You can find us in the heart of the city: Botanica MD, Strada Cuza Vodă 13/5, MD-2060, Republica Moldova. Call us: 076782111"
|
|
buttons={[
|
|
{
|
|
text: "Get Directions on Maps", href: "https://www.google.com/maps/search/?api=1&query=Botanica+MD,+Strada+Cuza+Vod%C4%83+13/5,+MD-2060,+Republica+Moldova"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Amore Caffe"
|
|
columns={[
|
|
{
|
|
title: "Navigate", items: [
|
|
{
|
|
label: "Home", href: "#hero"},
|
|
{
|
|
label: "Menu", href: "#menu"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |