Merge version_2 into main #4
151
src/app/page.tsx
151
src/app/page.tsx
@@ -31,14 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Foodie"
|
||||
/>
|
||||
@@ -48,38 +44,10 @@ export default function LandingPage() {
|
||||
<HeroOverlayTestimonial
|
||||
title="Exquisite Flavors, Crafted with Passion."
|
||||
description="Experience fine dining reimagined at Foodie, where tradition meets contemporary culinary art in a warm, inviting setting."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.", handle: "@foodie_lover", testimonial: "An incredible experience. The flavors were balanced and the service was impeccable.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149728018.jpg", imageAlt: "gourmet restaurant table setting"},
|
||||
{
|
||||
name: "Sarah M.", handle: "@culinary_guru", testimonial: "Foodie has completely redefined my expectations of local dining. Absolutely stunning.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-half-onion-kitchen-table-with-fresh-vegetables-salad_169016-50523.jpg", imageAlt: "gourmet restaurant table setting"},
|
||||
{
|
||||
name: "James K.", handle: "@gourmet_expert", testimonial: "A must-visit. Every plate felt like a masterpiece of passion and quality ingredients.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salmon-tartare_74190-7605.jpg", imageAlt: "gourmet restaurant table setting"},
|
||||
{
|
||||
name: "Elena V.", handle: "@tastemaker", testimonial: "Truly the highlight of my culinary journey. Can't wait to return for more.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-with-spices-tomato-slices-teriyaki-sauce_114579-3348.jpg", imageAlt: "gourmet restaurant table setting"},
|
||||
{
|
||||
name: "Marcus P.", handle: "@diner_life", testimonial: "Atmosphere, taste, and wine pairing - everything was simply flawless.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", imageAlt: "gourmet restaurant table setting"},
|
||||
]}
|
||||
testimonials={[]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149728018.jpg"
|
||||
imageAlt="Gourmet restaurant atmosphere"
|
||||
showDimOverlay={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-people-spending-time-together_23-2149152906.jpg", alt: "Diner 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg", alt: "Diner 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg", alt: "Diner 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-friends-restaurant_23-2148395397.jpg", alt: "Diner 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491778.jpg", alt: "Diner 5"},
|
||||
]}
|
||||
avatarText="Join 500+ satisfied guests"
|
||||
/>
|
||||
</div>
|
||||
@@ -89,7 +57,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Culinary Vision"
|
||||
description={[
|
||||
"Foodie started as a simple idea: bringing authentic, seasonal ingredients together with modern culinary techniques. We believe food is the heart of every connection.", "Our chefs work tirelessly to curate menus that celebrate local producers and timeless flavors, ensuring every visitor enjoys a truly unique and memorable meal."]}
|
||||
"Foodie started as a simple idea: bringing authentic, seasonal ingredients together with modern culinary techniques. We believe food is the heart of every connection.", "Our chefs work tirelessly to curate menus that celebrate local producers and timeless flavors, ensuring every visitor enjoys a truly unique and memorable meal."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -102,28 +71,15 @@ export default function LandingPage() {
|
||||
{
|
||||
title: "Farm to Table", description: "We source ingredients from local farms daily to ensure peak freshness and quality in every bite.", icon: Leaf,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salmon-tartare_74190-7605.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sauteed-roasted-lamb-bone-served-teriyaki-sauce_114579-1895.jpg"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/salmon-tartare_74190-7605.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sauteed-roasted-lamb-bone-served-teriyaki-sauce_114579-1895.jpg" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Expert Chefs", description: "Led by renowned culinary artists, our team delivers perfection with every meal.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beef-with-pistachio-topping-served-with-fruits-berries_7502-7390.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meal-made-with-vegetables-served-plate_181624-58469.jpg"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Ambient Setting", description: "Our space is designed to foster connection, relaxation, and an elevated dining experience.", icon: Coffee,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-rolls-with-sliced-herbs-corn_140725-3452.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-chicken-salad-with-seasonings-white-floor-meat-fresh-meal-snack-salad_140725-118350.jpg"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beef-with-pistachio-topping-served-with-fruits-berries_7502-7390.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meal-made-with-vegetables-served-plate_181624-58469.jpg" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -139,24 +95,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "Main Course", name: "Roasted Forest Mushroom Risotto", price: "$28", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-with-spices-tomato-slices-teriyaki-sauce_114579-3348.jpg"},
|
||||
{
|
||||
id: "2", brand: "Main Course", name: "Pan-Seared Sea Bass", price: "$34", rating: 5,
|
||||
reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-sweet-biscuits-inside-designed-plate-black_140725-104237.jpg"},
|
||||
{
|
||||
id: "3", brand: "Appetizer", name: "Truffle Infused Carpaccio", price: "$22", rating: 4,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/shrimp-plate-garnished-with-sauce-bread-stuffing-spinach-shredded-carrot_141793-2276.jpg"},
|
||||
{
|
||||
id: "4", brand: "Dessert", name: "Dark Chocolate Ganache Tart", price: "$15", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-with-rice-raddish_140725-3403.jpg"},
|
||||
{
|
||||
id: "5", brand: "Appetizer", name: "Burrata with Heirloom Tomatoes", price: "$19", rating: 5,
|
||||
reviewCount: "145", imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-fillet-with-sauce-top_140725-6436.jpg"},
|
||||
{
|
||||
id: "6", brand: "Main Course", name: "Herb-Crusted Rack of Lamb", price: "$38", rating: 5,
|
||||
reviewCount: "77", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-creamy-cake-with-chocolate-raisins-light-dark-floor_140725-136347.jpg"},
|
||||
{ id: "1", brand: "Main Course", name: "Roasted Forest Mushroom Risotto", price: "$28", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-with-spices-tomato-slices-teriyaki-sauce_114579-3348.jpg" },
|
||||
{ id: "2", brand: "Main Course", name: "Pan-Seared Sea Bass", price: "$34", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-sweet-biscuits-inside-designed-plate-black_140725-104237.jpg" },
|
||||
{ id: "3", brand: "Appetizer", name: "Truffle Infused Carpaccio", price: "$22", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/shrimp-plate-garnished-with-sauce-bread-stuffing-spinach-shredded-carrot_141793-2276.jpg" }
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Discover our most celebrated dishes, handcrafted for an unforgettable evening."
|
||||
@@ -168,23 +109,7 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "Simply exquisite! The attention to detail is evident in every single bite.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg"},
|
||||
{
|
||||
id: "2", name: "David M.", handle: "@davidm", testimonial: "Finally, a restaurant that delivers on every promise. The atmosphere is top-notch.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-taking-selfie-from-mobile-phone_1170-512.jpg"},
|
||||
{
|
||||
id: "3", name: "Elena V.", handle: "@elenav", testimonial: "Everything from the wine list to the main course was perfection.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-employees-talking-laughing-workplace_74855-4008.jpg"},
|
||||
{
|
||||
id: "4", name: "Marcus R.", handle: "@marcusr", testimonial: "Foodie has raised the bar for fine dining in this city. Cannot recommend enough.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-46898.jpg"},
|
||||
{
|
||||
id: "5", name: "Lisa K.", handle: "@lisak", testimonial: "A beautiful experience from start to finish. We'll be back soon.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-women-having-dinner-together_23-2148454093.jpg"},
|
||||
]}
|
||||
testimonials={[]}
|
||||
showRating={true}
|
||||
title="What Our Guests Say"
|
||||
description="Heartfelt feedback from those who have enjoyed the Foodie experience."
|
||||
@@ -195,14 +120,7 @@ export default function LandingPage() {
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Do I need a reservation?", content: "Yes, we highly recommend booking in advance, especially for weekend dining."},
|
||||
{
|
||||
id: "2", title: "Can you accommodate dietary restrictions?", content: "Our kitchen is fully equipped to cater to most dietary requirements. Please let us know in advance."},
|
||||
{
|
||||
id: "3", title: "Is the restaurant dog-friendly?", content: "We offer outdoor seating which is fully pet-friendly."},
|
||||
]}
|
||||
faqs={[]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/serving-table-young-woman-swhite-shirt-putting-plates-table_259150-59711.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -214,13 +132,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to reserve your table? Join us for an extraordinary experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now", href: "#"},
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -228,35 +142,10 @@ export default function LandingPage() {
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892971.jpg"
|
||||
logoText="Foodie"
|
||||
columns={[
|
||||
{
|
||||
title: "Foodie", items: [
|
||||
{
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Our Team", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Main Course", href: "#"},
|
||||
{
|
||||
label: "Desserts", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Reservations", href: "#"},
|
||||
{
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={[]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--background: #f6f0e9;
|
||||
--card: #efe7dd;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #2b180a;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #efe7dd;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--accent: #94877c;
|
||||
--background-accent: #afa094;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user