Merge version_3 into main
Merge version_3 into main
This commit was merged in pull request #3.
This commit is contained in:
149
src/app/page.tsx
149
src/app/page.tsx
@@ -31,14 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Le Magellan"
|
||||
/>
|
||||
@@ -46,17 +42,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Le Magellan"
|
||||
description="Where intimacy meets culinary art. Experience refined dining in the heart of the city."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-gourmet-dessert-with-ice-cream-edible-flowers_23-2151973721.jpg", imageAlt: "Luxurious restaurant dining interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-tropical-cocktail-close-up_23-2148517055.jpg", imageAlt: "Gourmet food plate presentation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blurred-bokeh-light-background_23-2148056727.jpg", imageAlt: "Restaurant interior warm lighting"},
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1550966871-3ed39b5ed06d?q=80&w=2000", imageAlt: "Elegant restaurant interior" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1514362545857-3bc16c4c7d1b?q=80&w=2000", imageAlt: "Fine dining atmosphere" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1559339352-11d035aa65de?q=80&w=2000", imageAlt: "Chef at work" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1587393855624-988ff4365105?q=80&w=2000", imageAlt: "Gourmet plating" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -66,10 +59,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "A Culinary Sanctuary"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/cook-preparing-salad-with-fried-meat-table_23-2148040158.jpg", alt: "chef preparing gourmet dish"},
|
||||
{ type: "text", content: "A Culinary Sanctuary" },
|
||||
{ type: "image", src: "https://images.unsplash.com/photo-1577106263724-2c8e03bfe9cf?q=80&w=1000", alt: "chef preparing gourmet dish" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -81,19 +72,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Farm-Fresh", description: "Sourced daily from local growers.", imageSrc: "http://img.b2bpic.net/free-photo/cutting-quiche_23-2147985302.jpg"},
|
||||
{
|
||||
title: "Expert Sommelier", description: "Curated wine pairings for every dish.", imageSrc: "http://img.b2bpic.net/free-photo/summer-roll-stuffed-with-fresh-vegetables_53876-41246.jpg"},
|
||||
{
|
||||
title: "Intimate Ambiance", description: "Designed for private conversations.", imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-dish-made-oysters_23-2150320457.jpg"},
|
||||
{
|
||||
title: "Chef’s Selection", description: "Hand-picked ingredients by our master chefs.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-cutting-mushrooms_23-2148903578.jpg"},
|
||||
{
|
||||
title: "Seasonal Menus", description: "Rotating plates to match nature’s bounty.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-hand-pouring-sugar-apple-slices_23-2149452280.jpg"},
|
||||
{ title: "Handcrafted Reviews", description: "See why critics and locals love us.", imageSrc: "https://images.unsplash.com/photo-1544148103-0773bf10d330?q=80&w=800" },
|
||||
{ title: "Chef's Specialties", description: "Our rotating selection of seasonal masterpieces.", imageSrc: "https://images.unsplash.com/photo-1504674900247-0877df9cc836?q=80&w=800" },
|
||||
{ title: "Exclusive Tasting", description: "Reserved dining for private events.", imageSrc: "https://images.unsplash.com/photo-1414235077428-338989a2e8c0?q=80&w=800" },
|
||||
]}
|
||||
title="Our Signature Elements"
|
||||
description="Exquisite details that define the Magellan experience."
|
||||
title="Trust Our Craft"
|
||||
description="A commitment to excellence in every detail."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -104,21 +88,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Seared Scallops", price: "$38", variant: "Starter", imageSrc: "http://img.b2bpic.net/free-photo/grilled-steak-with-rosemary-black-plate_84443-94427.jpg"},
|
||||
{
|
||||
id: "2", name: "Truffle Risotto", price: "$45", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-jelly-pancakes-with-raisins-fruit-jelly-white-background-jelly-biscuit-dessert-jam-sweet_140725-96512.jpg"},
|
||||
{
|
||||
id: "3", name: "Wagyu Beef", price: "$85", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/man-puts-plain-youghurt-grape-dolma-side-view_141793-3239.jpg"},
|
||||
{
|
||||
id: "4", name: "Sea Bass", price: "$52", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/steak-served-with-grilled-vegetables-sour-cream_7502-7084.jpg"},
|
||||
{
|
||||
id: "5", name: "Dark Chocolate Ganache", price: "$18", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/organic-healthy-food-dining-table_169016-2033.jpg"},
|
||||
{
|
||||
id: "6", name: "Seasonal Fruit Tart", price: "$16", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-female-chef-mixing-ingredients_23-2148491381.jpg"},
|
||||
{ id: "1", name: "Seared Scallops", price: "$38", variant: "Signature Starter", imageSrc: "https://images.unsplash.com/photo-1599084993091-1cb5c0721cc6?q=80&w=600" },
|
||||
{ id: "2", name: "Truffle Risotto", price: "$45", variant: "Chef Choice", imageSrc: "https://images.unsplash.com/photo-1476124369491-e7addf5db371?q=80&w=600" },
|
||||
{ id: "3", name: "Wagyu Beef", price: "$85", variant: "Main Course", imageSrc: "https://images.unsplash.com/photo-1544025162-d76694265447?q=80&w=600" },
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Artfully crafted plates for discerning palates."
|
||||
title="Elegant Menu"
|
||||
description="Artfully curated plates that define modern sophistication."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -127,19 +102,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Memorable evening", quote: "The food and atmosphere are impeccable.", name: "Sarah J.", role: "Food Critic", imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg"},
|
||||
{
|
||||
id: "2", title: "Absolutely stunning", quote: "A hidden gem in the city.", name: "Mark D.", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg"},
|
||||
{
|
||||
id: "3", title: "Top-tier dining", quote: "The wine pairings were exquisite.", name: "Emily R.", role: "Traveler", imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg"},
|
||||
{
|
||||
id: "4", title: "Cozy elegance", quote: "Perfect for our anniversary.", name: "David K.", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/confident-asian-businesswoman-showing-thumbs-up-standing-near-entrance-her-cafe-restaurant_1258-199354.jpg"},
|
||||
{
|
||||
id: "5", title: "Impeccable service", quote: "Every detail was thought out.", name: "Lisa M.", role: "Blogger", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg"},
|
||||
{ id: "1", title: "Exceptional", quote: "The best dining experience in the city.", name: "Sarah J.", role: "Food Critic", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?q=80&w=400" },
|
||||
{ id: "2", title: "Refined", quote: "Every plate is a work of art.", name: "Mark D.", role: "Regular", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?q=80&w=400" },
|
||||
]}
|
||||
title="Guest Stories"
|
||||
description="What our patrons say about Le Magellan."
|
||||
description="Patrons share their love for our kitchen."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -147,14 +114,9 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"The Gourmet Journal", "City Dining Guide", "Culinary Excellence Awards", "Michelin Guide Review", "Global Foodie Network"]}
|
||||
titleSegments={[
|
||||
{ type: "text", content: "Acclaim from " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/chef-holding-plate_23-2148154131.jpg", alt: "Chef portrait" }
|
||||
]}
|
||||
title="Acclaim"
|
||||
description="Recognized for excellence."
|
||||
names={["Michelin Guide", "Forbes Travel", "Gourmet Journal", "City Dining"]}
|
||||
title="Recognized Excellence"
|
||||
description="Trusted by the culinary world."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -163,23 +125,11 @@ export default function LandingPage() {
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Do I need a reservation?", content: "Yes, we highly recommend booking in advance."},
|
||||
{
|
||||
id: "2", title: "Is there a dress code?", content: "Smart casual is the preferred attire."},
|
||||
{
|
||||
id: "3", title: "Do you offer private dining?", content: "Yes, we have private space available for groups."},
|
||||
{
|
||||
id: "4", title: "Are there vegetarian options?", content: "Yes, our seasonal menu includes various vegetarian plates."},
|
||||
{
|
||||
id: "5", title: "Is parking available?", content: "Valet parking is available for all guests."},
|
||||
{ id: "1", title: "How to reserve?", content: "Visit our website or call us directly." },
|
||||
{ id: "2", title: "Location?", content: "Located in the heart of the historic downtown district." },
|
||||
]}
|
||||
titleSegments={[
|
||||
{ type: "text", content: "Frequently Asked " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/smiling-waiter-serving-wine_23-2148154134.jpg", alt: "Smiling waiter" }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about dining with us."
|
||||
title="Frequently Asked"
|
||||
description="Common questions from our guests."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -187,44 +137,23 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Reserve Your Table"
|
||||
description="We look forward to welcoming you."
|
||||
title="Get in Touch"
|
||||
description="Book a table via WhatsApp or visit us downtown."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "guests", type: "number", placeholder: "Number of Guests", required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "notes", placeholder: "Special requests?"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-professional-chef-standing-kitchen_23-2148154130.jpg"
|
||||
imageSrc="https://images.unsplash.com/photo-1556910103-1c02745aae4d?q=80&w=1200"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-chef-smiling-kitchen_23-2148154132.jpg"
|
||||
imageSrc="https://images.unsplash.com/photo-1549488344-c361426002f2?q=80&w=1200"
|
||||
logoText="Le Magellan"
|
||||
columns={[
|
||||
{
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Menu", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }] },
|
||||
{ title: "Support", items: [{ label: "Reservations", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-inter), sans-serif;
|
||||
font-family: var(--font-libre-baskerville), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-mulish), sans-serif;
|
||||
font-family: var(--font-libre-baskerville), sans-serif;
|
||||
}
|
||||
|
||||
@@ -11,14 +11,14 @@
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--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