Merge version_2 into main #1
101
src/app/page.tsx
101
src/app/page.tsx
@@ -10,7 +10,7 @@ import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCar
|
||||
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import { Award, ChefHat, Heart, Star, Utensils } from "lucide-react";
|
||||
import { Award, ChefHat, Heart, Star, Utensils, MapPin, Phone, MessageCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,33 +28,33 @@ export default function LandingPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Trattoria Italia"
|
||||
brandName="Ben's Bakery"
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Order", id: "metrics" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{ text: "Reserve Table", href: "#contact" }}
|
||||
button={{ text: "Order Now", href: "https://wa.me/1234567890" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
title="Experience Authentic Italian Cuisine"
|
||||
description="From the heart of Italy to your table. Savor traditional recipes crafted with passion, the finest ingredients, and generations of culinary expertise."
|
||||
tag="Est. 2010"
|
||||
tagIcon={Utensils}
|
||||
title="Freshly Baked Goodness, Delivered Daily"
|
||||
description="Welcome to Ben's Bakery, where tradition meets taste. Handcrafted pastries, artisan breads, and delicious treats made with the finest ingredients and baked fresh every morning."
|
||||
tag="Est. 2015"
|
||||
tagIcon={ChefHat}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Reserve Your Table", href: "#contact" },
|
||||
{ text: "Order Now", href: "https://wa.me/1234567890" },
|
||||
{ text: "View Menu", href: "#products" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-table-assortment-with-plant_23-2148914895.jpg"
|
||||
imageAlt="elegant Italian restaurant dining room warm lighting"
|
||||
imageAlt="fresh baked pastries bakery display warm lighting"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -64,31 +64,46 @@ export default function LandingPage() {
|
||||
tag="Our Story"
|
||||
tagIcon={Heart}
|
||||
tagAnimation="slide-up"
|
||||
title="Bringing Italy to Life Since 2010"
|
||||
title="Baking with Passion Since 2015"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
title="Signature Dishes"
|
||||
description="Discover our most beloved Italian specialties, each prepared with authentic recipes and premium ingredients sourced directly from Italy."
|
||||
tag="Culinary Excellence"
|
||||
tagIcon={ChefHat}
|
||||
title="Our Menu"
|
||||
description="Explore our delicious selection of freshly baked items, handcrafted snacks, refreshing beverages, and specialty treats."
|
||||
tag="Fresh Daily"
|
||||
tagIcon={Utensils}
|
||||
tagAnimation="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "pasta-carbonara", name: "Pasta Carbonara", price: "$24", imageSrc: "http://img.b2bpic.net/free-photo/vermicelli-with-spices-tomatoes-black-plate_114579-76550.jpg", imageAlt: "classic Italian pasta carbonara fresh"
|
||||
id: "croissant", name: "Butter Croissant", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/vermicelli-with-spices-tomatoes-black-plate_114579-76550.jpg", imageAlt: "golden butter croissant fresh baked"
|
||||
},
|
||||
{
|
||||
id: "risotto-truffle", name: "Risotto al Tartufo", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/some-bath-accessories_93675-128281.jpg", imageAlt: "creamy truffle risotto Italian dish"
|
||||
id: "sourdough", name: "Artisan Sourdough", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/some-bath-accessories_93675-128281.jpg", imageAlt: "crusty sourdough bread bakery loaf"
|
||||
},
|
||||
{
|
||||
id: "ossobuco", name: "Ossobuco alla Milanese", price: "$38", imageSrc: "http://img.b2bpic.net/free-photo/meatballs-with-dip-sauce-made-from-walnut-served-white-plate_114579-711.jpg", imageAlt: "ossobuco alla milanese braised veal shank"
|
||||
id: "chocolate-cake", name: "Chocolate Cake Slice", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/meatballs-with-dip-sauce-made-from-walnut-served-white-plate_114579-711.jpg", imageAlt: "rich chocolate cake slice bakery"
|
||||
},
|
||||
{
|
||||
id: "cookies", name: "Assorted Cookies", price: "$2.99", imageSrc: "http://img.b2bpic.net/free-photo/vermicelli-with-spices-tomatoes-black-plate_114579-76550.jpg", imageAlt: "fresh baked cookies assortment"
|
||||
},
|
||||
{
|
||||
id: "bagels", name: "Fresh Bagels", price: "$3.99", imageSrc: "http://img.b2bpic.net/free-photo/some-bath-accessories_93675-128281.jpg", imageAlt: "fresh bagels bakery selection"
|
||||
},
|
||||
{
|
||||
id: "muffins", name: "Blueberry Muffins", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/meatballs-with-dip-sauce-made-from-walnut-served-white-plate_114579-711.jpg", imageAlt: "fresh blueberry muffins bakery"
|
||||
},
|
||||
{
|
||||
id: "coffee", name: "Premium Coffee", price: "$2.99", imageSrc: "http://img.b2bpic.net/free-photo/vermicelli-with-spices-tomatoes-black-plate_114579-76550.jpg", imageAlt: "hot coffee cup bakery beverage"
|
||||
},
|
||||
{
|
||||
id: "pastry-mix", name: "Pastry Box Mix", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/some-bath-accessories_93675-128281.jpg", imageAlt: "assorted pastry box bakery selection"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -96,14 +111,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
title="By The Numbers"
|
||||
tag="Our Success"
|
||||
title="Order & Payment"
|
||||
tag="Easy Ordering"
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{ id: "customers", value: "50K+", description: "Happy Customers Served" },
|
||||
{ id: "chefs", value: "12", description: "Michelin-Trained Chefs" },
|
||||
{ id: "years", value: "14", description: "Years of Excellence" },
|
||||
{ id: "awards", value: "23", description: "Regional Awards Won" }
|
||||
{ id: "whatsapp", value: "WhatsApp", description: "Click the button to order via WhatsApp" },
|
||||
{ id: "payment", value: "Cash/Card", description: "Payment accepted on delivery" },
|
||||
{ id: "delivery", value: "Same Day", description: "Fast delivery to your location" },
|
||||
{ id: "quality", value: "100%", description: "Satisfaction guaranteed" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -112,31 +127,31 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
title="What Our Guests Say"
|
||||
description="Authentic experiences from those who have dined with us and felt the warmth of Italian hospitality."
|
||||
tag="Guest Reviews"
|
||||
title="What Our Customers Say"
|
||||
description="Hear from our happy customers who love our freshly baked treats and exceptional service."
|
||||
tag="Customer Reviews"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Unforgettable Evening", quote: "The most authentic Italian experience I've had outside of Italy. Every dish was perfection, and the service was impeccable.", name: "Maria Rossi", role: "Food Critic", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-classy-woman-white-suit_1303-22665.jpg", imageAlt: "professional woman portrait studio lighting"
|
||||
id: "1", title: "Best Bakery in Town", quote: "I visit Ben's Bakery every morning for their fresh croissants. The quality is incredible and the prices are fair. Highly recommended!", name: "Sarah Johnson", role: "Regular Customer", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-classy-woman-white-suit_1303-22665.jpg", imageAlt: "professional woman portrait studio lighting"
|
||||
},
|
||||
{
|
||||
id: "2", title: "A Hidden Gem", quote: "We celebrated our anniversary here and it was absolutely magical. The ambiance, the food, the wine pairing—everything exceeded expectations.", name: "Giovanni Ferrari", role: "Chef & Food Blogger", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3266.jpg", imageAlt: "professional man chef portrait headshot"
|
||||
id: "2", title: "Amazing Sourdough", quote: "Their artisan sourdough is absolutely delicious. The crust is perfect and the flavor is authentic. I've tried many bakeries but this one is the best.", name: "Michael Chen", role: "Food Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3266.jpg", imageAlt: "professional man chef portrait headshot"
|
||||
},
|
||||
{
|
||||
id: "3", title: "Simply Exquisite", quote: "The attention to detail in every course is remarkable. You can taste the passion and heritage in every bite. Highly recommend!", name: "Elena Moretti", role: "Food Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait_1296-429.jpg", imageAlt: "woman portrait elegant smile professional"
|
||||
id: "3", title: "Perfect for Birthdays", quote: "I ordered a custom cake for my daughter's birthday and it was absolutely stunning. The taste matched the beautiful presentation. Thank you!", name: "Emma Rodriguez", role: "Happy Parent", imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait_1296-429.jpg", imageAlt: "woman portrait elegant smile professional"
|
||||
},
|
||||
{
|
||||
id: "4", title: "Best Italian Food in Town", quote: "Been coming here for years. The quality never wavers, the staff treats you like family, and you always leave with joy in your heart.", name: "Marco Benedetti", role: "Regular Guest", imageSrc: "http://img.b2bpic.net/free-photo/neon-portrait-young-attractive-man_158595-5137.jpg", imageAlt: "man portrait confident smile professional"
|
||||
id: "4", title: "Fast WhatsApp Service", quote: "Ordering via WhatsApp is so convenient! They respond quickly and deliver fresh items right to my door. Best experience ever!", name: "David Thompson", role: "Tech-Savvy Customer", imageSrc: "http://img.b2bpic.net/free-photo/neon-portrait-young-attractive-man_158595-5137.jpg", imageAlt: "man portrait confident smile professional"
|
||||
},
|
||||
{
|
||||
id: "5", title: "A Culinary Journey", quote: "The tasting menu was a revelation. Each course told a story of Italian tradition and innovation. Will definitely return.", name: "Sofia Colombo", role: "Travel Journalist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg", imageAlt: "woman portrait journalist professional headshot"
|
||||
id: "5", title: "Office Favorite", quote: "We order Ben's pastries for our office meetings all the time. Everyone loves them and they always arrive fresh. Highly professional service!", name: "Lisa Anderson", role: "Business Manager", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg", imageAlt: "woman portrait journalist professional headshot"
|
||||
},
|
||||
{
|
||||
id: "6", title: "Pure Italian Soul", quote: "This place captures the essence of Italian dining. The warmth, the flavors, the connection—it's all here. A true treasure!", name: "Antonio Gallo", role: "Wine Sommelier", imageSrc: "http://img.b2bpic.net/free-photo/father-drinking-wine-kitchen_23-2149479036.jpg", imageAlt: "man sommelier wine professional portrait"
|
||||
id: "6", title: "Vegan Options Available", quote: "Great to see a bakery with vegan options! The vegan cookies taste amazing and don't feel like a compromise. Love this place!", name: "James Wilson", role: "Vegan Customer", imageSrc: "http://img.b2bpic.net/free-photo/father-drinking-wine-kitchen_23-2149479036.jpg", imageAlt: "man sommelier wine professional portrait"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -144,9 +159,9 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
title="What Sets Us Apart"
|
||||
description="We combine traditional Italian culinary arts with modern hospitality to create an unforgettable dining experience."
|
||||
tag="Our Difference"
|
||||
title="Why Choose Ben's Bakery"
|
||||
description="We stand out by offering the finest quality baked goods with traditional recipes and modern convenience."
|
||||
tag="Our Promise"
|
||||
tagIcon={Award}
|
||||
tagAnimation="slide-up"
|
||||
animationType="blur-reveal"
|
||||
@@ -154,12 +169,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Mass-produced ingredients", "Rushed preparation", "Artificial flavors", "Generic atmosphere"
|
||||
"Mass-produced ingredients", "Day-old baked goods", "Artificial flavors and preservatives", "Complicated ordering process"
|
||||
]
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Premium Italian sourced ingredients", "Slow-cooked traditional recipes", "Authentic authentic authentic flavors", "Warm family ambiance"
|
||||
"Premium locally-sourced ingredients", "Baked fresh daily", "Natural ingredients, no artificial additives", "Simple WhatsApp ordering"
|
||||
]
|
||||
}}
|
||||
/>
|
||||
@@ -167,20 +182,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to embark on an Italian culinary journey? Reserve your table today and experience authentic flavors in an unforgettable setting."
|
||||
text="Ready to enjoy fresh, delicious baked goods? Order now via WhatsApp for quick delivery or visit us at our location. We're open 7 days a week!"
|
||||
animationType="background-highlight"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{ text: "Reserve Table", href: "tel:+1234567890" },
|
||||
{ text: "View Hours", href: "#" }
|
||||
{ text: "Order via WhatsApp", href: "https://wa.me/1234567890" },
|
||||
{ text: "Get Directions", href: "#map" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Trattoria Italia"
|
||||
logoText="Ben's Bakery"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Follow Us", href: "https://instagram.com" }}
|
||||
/>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f5f5;
|
||||
--card: #ffffff;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #1c1c1c;
|
||||
--primary-cta-text: #f5f5f5;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #1c1c1c;
|
||||
--accent: #e63946;
|
||||
--background-accent: #e8bea8;
|
||||
--background: #fdf6f0;
|
||||
--card: #fff9f3;
|
||||
--foreground: #3d2817;
|
||||
--primary-cta: #d4764b;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #fff9f3;
|
||||
--secondary-cta-text: #3d2817;
|
||||
--accent: #c67844;
|
||||
--background-accent: #f0d9c8;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user