Update src/app/page.tsx
This commit is contained in:
144
src/app/page.tsx
144
src/app/page.tsx
@@ -2,15 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Coffee, Award, Utensils, Heart } from "lucide-react";
|
||||
import { Coffee, Award, Utensils, Heart, MapPin, Phone, Clock } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,14 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Story", id: "story"},
|
||||
{
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Visit", id: "visit"},
|
||||
{ name: "Story", id: "story" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Visit", id: "visit" },
|
||||
]}
|
||||
brandName="Bon Appetit"
|
||||
/>
|
||||
@@ -48,24 +44,12 @@ export default function LandingPage() {
|
||||
logoText="Bon Appetit"
|
||||
description="A warm Costa Rican table, elevated with soul. Discover luxury comfort dining in the heart of San José."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Bon Appetit", href: "#visit"},
|
||||
{
|
||||
text: "Explore Menu", href: "#menu"},
|
||||
{ text: "Visit Bon Appetit", href: "#visit" },
|
||||
{ text: "Explore Menu", href: "#menu" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5741.jpg?_wi=1", imageAlt: "Signature monteverde plate"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-vegetables-served-with-lavash-species_114579-2007.jpg", imageAlt: "Artisan coffee and breakfast"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-through-menu-restaurant_23-2150520059.jpg", imageAlt: "Warm cafe atmosphere"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-healthy-meal_23-2148578419.jpg", imageAlt: "Gallo pinto breakfast"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-toast-bacon-salad-fried-eggs-gray-plate-black-background_23-2148067091.jpg", imageAlt: "Luxury comfort lunch"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-elegant-breakfast_23-2151885809.jpg", imageAlt: "Refined dining experience"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5741.jpg?_wi=1", imageAlt: "Signature monteverde plate" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/grilled-vegetables-served-with-lavash-species_114579-2007.jpg", imageAlt: "Artisan coffee and breakfast" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -83,103 +67,67 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
title="Our Menu"
|
||||
description="Hand-crafted flavors from local traditions."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Breakfast Signatures", description: "Gallo pinto, omelets, empanadas colombianas, artisan coffee and natural juices served with warmth.", buttonIcon: Coffee,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-sitting-cafe_627829-5456.jpg", imageAlt: "Confident young indian man in black shirt sitting at cafe"},
|
||||
id: "breakfast", label: "Breakfast", title: "Morning Classics", items: [
|
||||
"Gallo Pinto: $12", "Artisan Omelet: $10", "Tropical Fruit Bowl: $8", "Fresh Costa Rican Coffee: $4"
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Monteverde Favorites", description: "Comforting plates with generous portions and memorable sazón that guests adore.", buttonIcon: Award,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5741.jpg?_wi=2", imageAlt: "Confident young indian man in black shirt sitting at cafe"},
|
||||
{
|
||||
title: "Comfort Lunches", description: "Homestyle casados, chicken, pork and carne mechada with exceptional value.", buttonIcon: Utensils,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flute-with-two-white-black-porcelain-plates-different-size-served-table-with-natural-fir-branch_132075-6157.jpg?_wi=2", imageAlt: "Confident young indian man in black shirt sitting at cafe"},
|
||||
{
|
||||
title: "Coffee Moments", description: "Espresso and fresh pastries in a calm setting ideal for lingering conversations.", buttonIcon: Heart,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-one-black-american-female-eats-gourmet-vegetarian-meal-drinks-wine-restaurant_613910-7365.jpg", imageAlt: "Confident young indian man in black shirt sitting at cafe"},
|
||||
id: "lunch", label: "Lunch", title: "Hearty Mains", items: [
|
||||
"Monteverde Chicken Plate: $18", "Carne Mechada Casado: $16", "Catch of the Day: $22", "Vegetarian Garden Risotto: $15"
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Menu Highlights"
|
||||
description="The dishes and moments guests come back for."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Uno llega y se siente bienvenido. La pechuga Monteverde es de lo mejor, aunque en realidad todos son muy deliciosos."
|
||||
testimonial="Uno llega y se siente bienvenido. La pechuga Monteverde es de lo mejor."
|
||||
rating={5}
|
||||
author="Katherine Ramírez"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-one-black-american-female-eats-gourmet-vegetarian-meal-drinks-wine-restaurant_613910-7365.jpg", alt: "Happy guest restaurant portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/back-view-people-sitting-table_23-2150124807.jpg", alt: "Happy guest restaurant portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/waitress-near-display-case-with-tartines_23-2147830513.jpg", alt: "Happy guest restaurant portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-asian-female-entrepreneur-sitting-table-cafe_1262-17235.jpg", alt: "Happy guest restaurant portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598351.jpg", alt: "Happy guest restaurant portrait"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/portrait-one-black-american-female-eats-gourmet-vegetarian-meal-drinks-wine-restaurant_613910-7365.jpg", alt: "Katherine" }]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
<div id="visit" data-section="visit">
|
||||
<ContactSplit
|
||||
tag="Visit Us"
|
||||
title="We are located in the heart of San José."
|
||||
description="123 Avenida Escazú, San José, Costa Rica | +506 2201-1234 | Mon-Sun: 7am - 10pm"
|
||||
background={{ variant: 'canvas-reveal' }}
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "What makes Bon Appetit different?", content: "Our commitment to genuine hospitality, comfort food, and a warm, welcoming environment where guests feel cared for."},
|
||||
{
|
||||
id: "q2", title: "Who is it for?", content: "Locals looking for a dependable favorite, travelers seeking a high-quality first meal, and anyone who appreciates food served with heart."},
|
||||
{
|
||||
id: "q3", title: "What should first-time guests try?", content: "The Monteverde plate, complete omelets, our signature gallo pinto, and artisan coffee are consistently recommended."},
|
||||
{
|
||||
id: "q4", title: "What is the atmosphere?", content: "Elegant but warm, refined yet accessible—a space designed for conversation and comfort."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
text="Visit Bon Appetit for an unforgettable meal and a warm welcome."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/waitress-near-display-case-with-tartines_23-2147830513.jpg"
|
||||
buttonText="Get Directions"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
<FooterBaseReveal
|
||||
logoText="Bon Appetit"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Story", href: "#story"},
|
||||
{
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "Reviews", href: "#reviews"},
|
||||
{
|
||||
label: "Visit", href: "#visit"},
|
||||
],
|
||||
},
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Story", href: "#story" },
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "Reviews", href: "#reviews" },
|
||||
{ label: "Visit", href: "#visit" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Bon Appetit"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user