|
|
|
@@ -5,10 +5,9 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
|
|
|
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
|
|
|
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
|
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
|
|
|
|
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
|
|
import { Heart, Sparkles, Star, Camera, Clock, MapPin, Phone, Facebook, ShoppingCart } from 'lucide-react';
|
|
|
|
import { Heart, Sparkles, Camera, Clock, MapPin, Phone, Facebook, ShoppingCart } from 'lucide-react';
|
|
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
export default function LandingPage() {
|
|
|
|
const handlePhoneClick = () => {
|
|
|
|
const handlePhoneClick = () => {
|
|
|
|
@@ -42,9 +41,7 @@ export default function LandingPage() {
|
|
|
|
navItems={[
|
|
|
|
navItems={[
|
|
|
|
{ name: "Home", id: "home" },
|
|
|
|
{ name: "Home", id: "home" },
|
|
|
|
{ name: "Menu", id: "menu" },
|
|
|
|
{ name: "Menu", id: "menu" },
|
|
|
|
{ name: "Reviews", id: "reviews" },
|
|
|
|
{ name: "Place", id: "visit" }
|
|
|
|
{ name: "Place", id: "visit" },
|
|
|
|
|
|
|
|
{ name: "Checkout", id: "checkout" }
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
button={{ text: "Order Now", href: "/checkout" }}
|
|
|
|
button={{ text: "Order Now", href: "/checkout" }}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
@@ -123,84 +120,22 @@ export default function LandingPage() {
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-working-as-barista-making-coffee-restaurant-barista-apron-white-shirt-standing-with-cup-coffee-his-workplace-coffee-shop_574295-4957.jpg", imageAlt: "Barista preparing espresso with expertise"
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-working-as-barista-making-coffee-restaurant-barista-apron-white-shirt-standing-with-cup-coffee-his-workplace-coffee-shop_574295-4957.jpg", imageAlt: "Barista preparing espresso with expertise"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "artisanal-baking", title: "Artisanal Baking", tags: ["Daily Fresh", "Homemade Recipes", "Generous Portions"],
|
|
|
|
id: "artisanal-baking", title: "The best dessert", tags: ["", "", ""],
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-caramel-vanilla-cupcakes-with-cream-chocolate-decoration-copyspace-food-eating-sugar-sweet-concept_7502-5464.jpg", imageAlt: "Fresh pastries and cakes display"
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-caramel-vanilla-cupcakes-with-cream-chocolate-decoration-copyspace-food-eating-sugar-sweet-concept_7502-5464.jpg", imageAlt: "Fresh pastries and cakes display"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "cozy-atmosphere", title: "Cozy Atmosphere", tags: ["Friendly Staff", "Community Vibe", "Perfect After Health Center"],
|
|
|
|
id: "cozy-atmosphere", title: "Cozy Atmosphere", tags: ["", "", ""],
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg", imageAlt: "Warm and welcoming café interior"
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg", imageAlt: "Warm and welcoming café interior"
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
animationType="opacity"
|
|
|
|
animationType="opacity"
|
|
|
|
buttons={[
|
|
|
|
buttons={[
|
|
|
|
{ text: "Learn More", href: "#reviews" }
|
|
|
|
{ text: "Learn More", href: "#visit" }
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
buttonAnimation="opacity"
|
|
|
|
buttonAnimation="opacity"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
|
|
|
<TestimonialCardSixteen
|
|
|
|
|
|
|
|
title="What Our Customers Love"
|
|
|
|
|
|
|
|
description="Real reviews from Google Maps from our neighbors who visit us regularly for exceptional coffee, fresh pastries, and our warm, welcoming atmosphere near Pacífico metro."
|
|
|
|
|
|
|
|
tag="Customer Reviews"
|
|
|
|
|
|
|
|
tagIcon={Star}
|
|
|
|
|
|
|
|
tagAnimation="opacity"
|
|
|
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
|
|
|
testimonials={[
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "lucia-acosta", name: "Lucia Acosta", role: "", company: "\"A welcoming atmosphere perfect after health center visits\"", rating: 5,
|
|
|
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-sitting-coffee-shop_273609-2867.jpg?_wi=1", imageAlt: "Lucia Acosta"
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "nacho-h", name: "Nacho H", role: "", company: "\"Excellent coffee and Tres Leches cake!\"", rating: 5,
|
|
|
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-laughing-showing-ok-sign_23-2148859417.jpg?_wi=1", imageAlt: "Nacho H"
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "simena-arias", name: "Simena Arias", role: "", company: "\"Outstanding quality and service\"", rating: 5,
|
|
|
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-enjoying-cupcake_23-2148466342.jpg?_wi=1", imageAlt: "Simena Arias"
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "karina-boros", name: "Karina Boros", role: "", company: "\"The cinnamon rolls are divine!\"", rating: 5,
|
|
|
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-kissing-her-wife-eating-kiwi-with-spoon_23-2147904407.jpg", imageAlt: "Karina Boros"
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "silvia-quesada", name: "Silvia Quesada", role: "", company: "\"Breakfast with salmon and cheese perfection\"", rating: 5,
|
|
|
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-beautiful-woman-enjoying-party_23-2148946123.jpg", imageAlt: "Silvia Quesada"
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "guiomar-cas", name: "Guiomar Cas", role: "", company: "\"Love the Frapuccino and Palmeritas!\"", rating: 5,
|
|
|
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-student-casual-t-shirt-trendy-hat-listening-new-album-his-favourite-artist-earphones-using-online-music-app-cell-phone_273609-1964.jpg", imageAlt: "Guiomar Cas"
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "ingrid-bello", name: "Ingrid Bello", role: "", company: "\"Friendly staff and excellent toast quality\"", rating: 5,
|
|
|
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-sitting-coffee-shop_273609-2867.jpg?_wi=2", imageAlt: "Ingrid Bello"
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "lola-nunez-prado", name: "Lola Núñez Prado", role: "", company: "\"Amazing coffee and bakery offerings!\"", rating: 5,
|
|
|
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-laughing-showing-ok-sign_23-2148859417.jpg?_wi=2", imageAlt: "Lola Núñez Prado"
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "genesis-gonzalez", name: "genesis gonzalez", role: "", company: "\"Daniela and Maru provide excellent service!\"", rating: 5,
|
|
|
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-enjoying-cupcake_23-2148466342.jpg?_wi=2", imageAlt: "genesis gonzalez"
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
]}
|
|
|
|
|
|
|
|
kpiItems={[
|
|
|
|
|
|
|
|
{ value: "500+", label: "Happy Customers Monthly" },
|
|
|
|
|
|
|
|
{ value: "95%", label: "Return Rate" },
|
|
|
|
|
|
|
|
{ value: "15 Years", label: "Trusted Local Favorite" }
|
|
|
|
|
|
|
|
]}
|
|
|
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
|
|
|
buttons={[
|
|
|
|
|
|
|
|
{ text: "Leave a Review", href: "#contact" }
|
|
|
|
|
|
|
|
]}
|
|
|
|
|
|
|
|
buttonAnimation="opacity"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="visit-location" data-section="visit-location">
|
|
|
|
<div id="visit-location" data-section="visit-location">
|
|
|
|
<ContactSplitForm
|
|
|
|
<ContactSplitForm
|
|
|
|
title="Visit Us Today"
|
|
|
|
title="Visit Us Today"
|
|
|
|
|