Files
78873a1d-d964-4fdc-addb-997…/src/app/page.tsx
2026-04-16 15:22:30 +00:00

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>
);
}