Update src/app/page.tsx
This commit is contained in:
222
src/app/page.tsx
222
src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Award, BookOpen, Flame, Users } from "lucide-react";
|
||||
import { Clock, MapPin, Phone, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,154 +28,90 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Los Pinos Mexican Grill"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Mi Pueblito"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Authentic Mexican Flavors, Served Daily"
|
||||
description="Experience the true taste of Mexico right here at Los Pinos. From our slow-roasted meats to fresh house-made salsas, every bite is a celebration."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.", handle: "@alex_eats", testimonial: "The best authentic tacos in town! You can really taste the freshness in their homemade salsas.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mexican-food-around-sombrero_23-2147740776.jpg?_wi=1", imageAlt: "authentic mexican street tacos photography"},
|
||||
{
|
||||
name: "Maria G.", handle: "@foodie_maria", testimonial: "Los Pinos is our go-to spot for family dinners. The flavors are consistently amazing.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-mexican-recipe_23-2147640330.jpg?_wi=1", imageAlt: "authentic mexican street tacos photography"},
|
||||
{
|
||||
name: "John P.", handle: "@jp_dining", testimonial: "Incredible service and even better food. The steak burrito is a game changer.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-banquet_23-2149893484.jpg?_wi=1", imageAlt: "authentic mexican street tacos photography"},
|
||||
{
|
||||
name: "Sarah K.", handle: "@sarah_k_tacos", testimonial: "An authentic gem! Every bite tastes like it was prepared with love and traditional family techniques.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mexican-meal_23-2148159763.jpg?_wi=1", imageAlt: "authentic mexican street tacos photography"},
|
||||
{
|
||||
name: "Mark D.", handle: "@mark_d_eats", testimonial: "The chips and salsa are addictive. Best local spot for a quick and satisfying lunch.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wet-burrito-tomato-sauce-garnished-with-cream_140725-2598.jpg?_wi=1", imageAlt: "authentic mexican street tacos photography"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mexican-food-around-sombrero_23-2147740776.jpg?_wi=2"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-happy-guy-showing-approval_23-2148334477.jpg", alt: "Happy customer profile 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-talking-phone_23-2149103124.jpg", alt: "Happy customer profile 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-plate-with-food_23-2148899057.jpg", alt: "Happy customer profile 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg", alt: "Happy customer profile 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/group-happy-friends-having-fun-while-eating-cake-cafe_637285-7896.jpg", alt: "Happy customer profile 5" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Authentic Flavors of Latin America"
|
||||
description="Discover the rich, authentic taste of Mexico, Guatemala, and El Salvador in the heart of East Boston. From breakfast to dinner, we serve tradition on every plate."
|
||||
testimonials={[]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/assortment-tacos-with-vegetables_23-2148839050.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Our Heritage"
|
||||
title="A Legacy of Flavor"
|
||||
description="Our passion for authentic Mexican cuisine started generations ago in our family kitchen. Today, we bring those same cherished recipes and techniques to our community."
|
||||
subdescription="We believe in using fresh, locally sourced ingredients to create dishes that feel like home. Every tortilla is pressed fresh, and every spice blend is perfected to ensure that Los Pinos Mexican Grill delivers the ultimate dining experience."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/healthy-mexican-recipe_23-2147640330.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="About Us"
|
||||
title="Authentic Cuisine from Three Nations"
|
||||
description="Mi Pueblito Restaurant brings you a unique culinary journey through Mexico, Guatemala, and El Salvador."
|
||||
subdescription="Located at 333 Border St, we pride ourselves on authentic recipes, from our specialty Plato Mi Pueblito and Carne de Venado to our refreshing house-made margaritas and imported beers."
|
||||
icon={MapPin}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/chef-preparing-food-in-the-kitchen_23-2148839050.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Tacos Al Pastor", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-banquet_23-2149893484.jpg?_wi=2" },
|
||||
{ id: "2", name: "Carne Asada Burrito", price: "$14.50", imageSrc: "http://img.b2bpic.net/free-photo/mexican-meal_23-2148159763.jpg?_wi=2" },
|
||||
{ id: "3", name: "Enchiladas Verdes", price: "$16.99", imageSrc: "http://img.b2bpic.net/free-photo/wet-burrito-tomato-sauce-garnished-with-cream_140725-2598.jpg?_wi=2" },
|
||||
{ id: "4", name: "Cheese Quesadilla", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/homemade-mushroom-quesadilla-food-photography-recipe-idea_53876-48746.jpg" },
|
||||
{ id: "5", name: "Chicken Fajitas", price: "$18.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-vegetable-meal-including-vegetables-meat-inside-wooden-brown-desk_140725-62073.jpg" },
|
||||
{ id: "6", name: "Chips & Guacamole", price: "$7.50", imageSrc: "http://img.b2bpic.net/free-photo/nachos-near-guacamole-glass-bowl-napkin_23-2148132098.jpg" },
|
||||
]}
|
||||
title="Menu Highlights"
|
||||
description="Explore our favorite signature dishes designed to satisfy every craving."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
title="Signature Menu"
|
||||
description="Taste our specialties, ranging from hearty traditional breakfasts to our famous dinner entrees."
|
||||
products={[
|
||||
{ id: "1", name: "Plato Mi Pueblito", price: "$18.00", imageSrc: "https://img.b2bpic.net/free-photo/traditional-breakfast-platter_23-2148839050.jpg" },
|
||||
{ id: "2", name: "Carne de Venado", price: "$22.00", imageSrc: "https://img.b2bpic.net/free-photo/grilled-meat-dish_23-2148839050.jpg" },
|
||||
{ id: "3", name: "Margaritas & Imports", price: "$9.00+", imageSrc: "https://img.b2bpic.net/free-photo/cocktail-on-table_23-2148839050.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{ id: "m1", value: "10k+", title: "Happy Diners", description: "Families served this year alone.", icon: Users },
|
||||
{ id: "m2", value: "25+", title: "Traditional Recipes", description: "Passed down through generations.", icon: BookOpen },
|
||||
{ id: "m3", value: "15+", title: "Fresh Salsas", description: "Made in-house daily.", icon: Flame },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="We are proud to serve our vibrant community every single day."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
title="Visit Us"
|
||||
description="We are open daily to serve you the best authentic dishes."
|
||||
metrics={[
|
||||
{ id: "m1", value: "8:00 AM", title: "Opening Time", description: "Start your day with us.", icon: Clock },
|
||||
{ id: "m2", value: "11:00 PM", title: "Closing Time", description: "Serving late into the evening.", icon: Clock },
|
||||
{ id: "m3", value: "East Boston", title: "Location", description: "333 Border St, MA 02128", icon: MapPin },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", role: "Local Foodie", testimonial: "Everything is fresh and the seasoning is spot on!", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6820.jpg" },
|
||||
{ id: "t2", name: "David L.", role: "Regular", testimonial: "The staff is incredibly friendly and the food is consistently good.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg" },
|
||||
{ id: "t3", name: "Emily B.", role: "Visitor", testimonial: "Perfect stop for lunch while visiting the city. Will come back!", imageSrc: "http://img.b2bpic.net/free-photo/woman-films-vlog-praising-bio-local-shop_482257-81629.jpg" },
|
||||
{ id: "t4", name: "Michael S.", role: "Food Critic", testimonial: "Authenticity at its finest. Don't skip the guacamole.", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-restaurant_23-2148006700.jpg" },
|
||||
{ id: "t5", name: "Jessica M.", role: "Local Resident", testimonial: "Best atmosphere and delicious margaritas!", imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663829.jpg" },
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="Don't just take our word for it—here is what our wonderful customers have to say."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Contact Us"
|
||||
description="Have questions or need to place a reservation? Reach out to us directly!"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you offer catering?", content: "Yes! We cater for all occasions, big or small. Please contact us for more information." },
|
||||
{ id: "f2", title: "Are there vegetarian options?", content: "We offer a variety of vegetarian-friendly items on our menu, including burritos, tacos, and salads." },
|
||||
{ id: "f3", title: "Where are you located?", content: "We are located at 123 Main Street, right in the heart of the downtown dining district." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Have questions? We have answers. If you don't find what you need, feel free to contact us."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get In Touch"
|
||||
description="Whether you have feedback, questions, or want to book a table, we are here for you."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Your Message", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3094.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [ { label: "About Us", href: "#about" }, { label: "Our Menu", href: "#products" }, { label: "FAQs", href: "#faq" } ] },
|
||||
{ items: [ { label: "Contact", href: "#contact" }, { label: "Careers", href: "#" }, { label: "Privacy", href: "#" } ] },
|
||||
]}
|
||||
logoText="Los Pinos"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [ { label: "Menu", href: "#products" }, { label: "About", href: "#about" } ] },
|
||||
{ items: [ { label: "333 Border St, East Boston", href: "#" }, { label: "8AM - 11PM Daily", href: "#" } ] },
|
||||
]}
|
||||
logoText="Mi Pueblito"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user