Merge version_2 into main #1
329
src/app/page.tsx
329
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Award, Users, Utensils } from "lucide-react";
|
||||
import { Award, Users, Utensils, CalendarCheck } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Menu", id: "menu-full" },
|
||||
{ name: "Reservations", id: "booking" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="El Big Bang"
|
||||
/>
|
||||
@@ -55,305 +43,60 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Authentic Peruvian Flavor in Milan"
|
||||
description="Experience the true taste of Peru at El Big Bang. From our legendary Ceviche Mixto to the classic Lomo Saltado, we bring the vibrant heart of Peruvian culinary traditions right to your table in Milan."
|
||||
kpis={[
|
||||
{
|
||||
value: "4.6",
|
||||
label: "Google Rating",
|
||||
},
|
||||
{
|
||||
value: "271",
|
||||
label: "Reviews",
|
||||
},
|
||||
{
|
||||
value: "10",
|
||||
label: "Years Tradition",
|
||||
},
|
||||
{ value: "4.6", label: "Google Rating" },
|
||||
{ value: "271", label: "Reviews" },
|
||||
{ value: "10", label: "Years Tradition" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/brazilian-food-arrangement-top-view_23-2148725074.jpg"
|
||||
imageAlt="Authentic Peruvian dining at El Big Bang"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-lunch-with-soup-salad-jizz-byz_140725-9430.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-brazilian-food-arrangement_23-2148725054.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-meal-with-tacos-chips_23-2148764345.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-shot-delicious-traditional-ethiopian-food-with-vegetables-wooden-surface_181624-35933.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beef-dish-restaurant_7939-1754.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Ingredients",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Traditional Recipes",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Pisco",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Warm Atmosphere",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Central Milan",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="A Peruvian Journey in the Heart of the City"
|
||||
metrics={[
|
||||
{
|
||||
label: "Handcrafted Dishes",
|
||||
value: "50+",
|
||||
icon: Utensils,
|
||||
},
|
||||
{
|
||||
label: "Daily Visitors",
|
||||
value: "100+",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
label: "Authentic Recipes",
|
||||
value: "100%",
|
||||
icon: Award,
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<div id="menu-full" data-section="menu-full">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ceviche Mixto",
|
||||
price: "18 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shrimp-fish-sauce_74190-776.jpg",
|
||||
imageAlt: "Ceviche Mixto",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Lomo Saltado",
|
||||
price: "20 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beef-stir-fry-with-vegetables_23-2151966860.jpg",
|
||||
imageAlt: "Lomo Saltado",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Pollo A La Brasa",
|
||||
price: "16 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-chicken-spices-appetizing-chicken-legs-french-fries-bowls-different-sauces-spices_140725-110682.jpg",
|
||||
imageAlt: "Pollo A La Brasa",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Causa Acevichada",
|
||||
price: "15 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/russian-salad-olivier-salad-marble-table-christmas-dinner_123827-22938.jpg",
|
||||
imageAlt: "Causa Acevichada",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Torta Tres Leches",
|
||||
price: "7 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coconut-cake-plate_1339-6848.jpg",
|
||||
imageAlt: "Torta Tres Leches",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Pisco Sour",
|
||||
price: "9 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lemonade-glass-with-lemon-cutting-board-ice-cubes-side-view-white-grungy_176474-7383.jpg",
|
||||
imageAlt: "Pisco Sour",
|
||||
},
|
||||
{ id: "1", name: "Ceviche Mixto", price: "18 €", imageSrc: "http://img.b2bpic.net/free-photo/shrimp-fish-sauce_74190-776.jpg" },
|
||||
{ id: "2", name: "Lomo Saltado", price: "20 €", imageSrc: "http://img.b2bpic.net/free-photo/beef-stir-fry-with-vegetables_23-2151966860.jpg" },
|
||||
{ id: "3", name: "Pollo A La Brasa", price: "16 €", imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-chicken-spices-appetizing-chicken-legs-french-fries-bowls-different-sauces-spices_140725-110682.jpg" },
|
||||
{ id: "4", name: "Causa Acevichada", price: "15 €", imageSrc: "http://img.b2bpic.net/free-photo/russian-salad-olivier-salad-marble-table-christmas-dinner_123827-22938.jpg" },
|
||||
{ id: "5", name: "Torta Tres Leches", price: "7 €", imageSrc: "http://img.b2bpic.net/free-photo/coconut-cake-plate_1339-6848.jpg" },
|
||||
{ id: "6", name: "Pisco Sour", price: "9 €", imageSrc: "http://img.b2bpic.net/free-photo/lemonade-glass-with-lemon-cutting-board-ice-cubes-side-view-white-grungy_176474-7383.jpg" },
|
||||
]}
|
||||
title="Our Popular Dishes"
|
||||
description="Explore our curated selection of authentic Peruvian specialties, prepared with passion and fresh ingredients daily."
|
||||
title="Complete Menu"
|
||||
description="Discover our entire collection of authentic dishes and refreshing beverages."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jessica",
|
||||
handle: "@jessica",
|
||||
testimonial: "Excellent Peruvian food! The flavor is incredible.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-feeding-his-girlfriend-with-cake-cafe_637285-9125.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michela",
|
||||
handle: "@michela",
|
||||
testimonial: "Super recommended, the staff is very kind.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-caucasian-woman-eating-delicious-cake-park-cheerful-young-people-sitting-park-eating-cake-from-plastic-dishes-leisure_1262-21071.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Silvana",
|
||||
handle: "@silvana",
|
||||
testimonial: "Truly authentic flavors of home here.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-home-together_23-2150419416.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marco",
|
||||
handle: "@marco",
|
||||
testimonial: "Great atmosphere, small and cozy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-46898.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena",
|
||||
handle: "@elena",
|
||||
testimonial: "The best pisco sour in Milan.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-dinner_23-2148060594.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Guests Say"
|
||||
description="Don't just take our word for it—join the community of food lovers who consider us their favorite Peruvian spot in Milan."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TripAdvisor",
|
||||
"Google Maps",
|
||||
"Whenoo",
|
||||
"Milano City Guide",
|
||||
"Cucina Peruana",
|
||||
"Travel & Food",
|
||||
"Local Guide Milan",
|
||||
]}
|
||||
title="Recognized & Featured By"
|
||||
description="We are proud to be consistently recommended by top platforms and local guides."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need to book a table?",
|
||||
content: "Booking a table is recommended, especially on weekends.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we offer both pickup and home delivery.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Where are you located?",
|
||||
content: "Via Roberto Lepetit, 10, Milan.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our menu, hours, or reservations? We've got you covered."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Culinary Insights"
|
||||
description="Read more about our heritage, ingredients, and the story behind El Big Bang."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Culture",
|
||||
title: "The Secrets of Peruvian Ceviche",
|
||||
excerpt: "Learn what makes Peruvian Ceviche so unique.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-beef-meat-salad-with-chopped-vegetables-pickles-bowl_140725-11846.jpg",
|
||||
authorName: "Chef Alejandro",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/low-angle-friends-having-laugh_23-2148395406.jpg",
|
||||
date: "Oct 12, 2023",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Tradition",
|
||||
title: "History of Pollo A La Brasa",
|
||||
excerpt: "Explore the roots of this iconic dish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-breasts-with-vegetables_23-2148189859.jpg",
|
||||
authorName: "Chef Sofia",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517421.jpg",
|
||||
date: "Sep 28, 2023",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Events",
|
||||
title: "Hosting a Party",
|
||||
excerpt: "Tips for your next Peruvian-themed party.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dining-room-background-zoom-calls_23-2149684443.jpg",
|
||||
authorName: "Manager Carlos",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg",
|
||||
date: "Aug 15, 2023",
|
||||
},
|
||||
<div id="booking" data-section="booking">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Book Your Table"
|
||||
metrics={[
|
||||
{ label: "Reservations", value: "Available", icon: CalendarCheck },
|
||||
{ label: "Capacity", value: "Flexible", icon: Users },
|
||||
{ label: "Events", value: "Welcome", icon: Utensils },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Ready for a Taste of Peru?"
|
||||
description="Book your table now or contact us for inquiries about events and delivery."
|
||||
background={{ variant: "plain" }}
|
||||
tag="Reservations"
|
||||
title="Reserve Your Experience"
|
||||
description="Secure your spot at El Big Bang. Whether it's a romantic dinner or a family celebration, we look forward to hosting you."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/retro-interior-design-table-with-food_23-2150595529.jpg"
|
||||
imageAlt="Restaurant ambiance"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -364,14 +107,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="El Big Bang"
|
||||
leftLink={{
|
||||
text: "Via R. Lepetit, 10, Milano",
|
||||
href: "https://maps.google.com",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "02 3656 0913",
|
||||
href: "tel:+390236560913",
|
||||
}}
|
||||
leftLink={{ text: "Via R. Lepetit, 10, Milano", href: "https://maps.google.com" }}
|
||||
rightLink={{ text: "02 3656 0913", href: "tel:+390236560913" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user