Merge version_2 into main #5
@@ -24,36 +24,16 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "Reservations",
|
||||
id: "/reservations",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Reservations", id: "/reservations" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Le Petit Oiseau"
|
||||
button={{
|
||||
text: "Reserve Now",
|
||||
href: "/reservations",
|
||||
}}
|
||||
button={{ text: "Reserve Now", href: "/reservations" }}
|
||||
className="font-bold"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -69,17 +49,11 @@ export default function LandingPage() {
|
||||
<div id="footer-section" data-section="footer-section">
|
||||
<FooterLogoReveal
|
||||
logoText="Le Petit Oiseau"
|
||||
leftLink={{
|
||||
text: "© 2024 Le Petit Oiseau",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Ring Rd E, Accra, Ghana",
|
||||
href: "https://maps.google.com",
|
||||
}}
|
||||
leftLink={{ text: "© 2024 Le Petit Oiseau", href: "#" }}
|
||||
rightLink={{ text: "Ring Rd E, Accra, Ghana", href: "https://maps.google.com" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -24,45 +24,23 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "Reservations",
|
||||
id: "/reservations",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Reservations", id: "/reservations" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Le Petit Oiseau"
|
||||
button={{
|
||||
text: "Reserve Now",
|
||||
href: "/reservations",
|
||||
}}
|
||||
button={{ text: "Reserve Now", href: "/reservations" }}
|
||||
className="font-bold"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-info" data-section="contact-info">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Book Your Table"
|
||||
description="Have questions or want to host a private event? Reach out to our concierge service."
|
||||
@@ -76,17 +54,11 @@ export default function LandingPage() {
|
||||
<div id="footer-section" data-section="footer-section">
|
||||
<FooterLogoReveal
|
||||
logoText="Le Petit Oiseau"
|
||||
leftLink={{
|
||||
text: "© 2024 Le Petit Oiseau",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Ring Rd E, Accra, Ghana",
|
||||
href: "https://maps.google.com",
|
||||
}}
|
||||
leftLink={{ text: "© 2024 Le Petit Oiseau", href: "#" }}
|
||||
rightLink={{ text: "Ring Rd E, Accra, Ghana", href: "https://maps.google.com" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -24,36 +24,16 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "Reservations",
|
||||
id: "/reservations",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Reservations", id: "/reservations" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Le Petit Oiseau"
|
||||
button={{
|
||||
text: "Reserve Now",
|
||||
href: "/reservations",
|
||||
}}
|
||||
button={{ text: "Reserve Now", href: "/reservations" }}
|
||||
className="font-bold"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -62,21 +42,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Modern Interior",
|
||||
description: "Elegant spaces crafted for intimacy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081849.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
title: "Exquisite Plates",
|
||||
description: "Culinary art in every bite.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-plate-with-mushroom-dark-table_23-2148340435.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
title: "Celebrate Moments",
|
||||
description: "Perfect setting for your special nights.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891029.jpg?_wi=2",
|
||||
},
|
||||
{ title: "Modern Interior", description: "Elegant spaces crafted for intimacy.", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081849.jpg?_wi=3" },
|
||||
{ title: "Exquisite Plates", description: "Culinary art in every bite.", imageSrc: "http://img.b2bpic.net/free-photo/dark-plate-with-mushroom-dark-table_23-2148340435.jpg?_wi=4" },
|
||||
{ title: "Celebrate Moments", description: "Perfect setting for your special nights.", imageSrc: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891029.jpg?_wi=2" }
|
||||
]}
|
||||
title="A Visual Journey"
|
||||
description="Take a look at the atmosphere and exquisite dishes awaiting you at Le Petit Oiseau."
|
||||
@@ -86,32 +54,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Our Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "/reservations",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Email Us",
|
||||
href: "mailto:info@lepetitoiseau.gh",
|
||||
},
|
||||
{
|
||||
label: "Call: +233 20 000 0000",
|
||||
href: "tel:+233200000000",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Explore", items: [{ label: "Our Menu", href: "/menu" }, { label: "Reservations", href: "/reservations" }] },
|
||||
{ title: "Contact", items: [{ label: "Email Us", href: "mailto:info@lepetitoiseau.gh" }, { label: "Call: +233 20 000 0000", href: "tel:+233200000000" }] }
|
||||
]}
|
||||
logoText="Le Petit Oiseau"
|
||||
copyrightText="© 2025 Le Petit Oiseau | Fine Dining in Accra"
|
||||
@@ -120,4 +64,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||
import { Public_Sans } from "next/font/google";
|
||||
import { Montserrat } from "next/font/google";
|
||||
|
||||
|
||||
|
||||
@@ -26,13 +27,9 @@ export const metadata: Metadata = {
|
||||
},
|
||||
};
|
||||
|
||||
const publicSans = Public_Sans({
|
||||
variable: "--font-public-sans",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
const inter = Inter({
|
||||
variable: "--font-inter",
|
||||
subsets: ["latin"],
|
||||
|
||||
const montserrat = Montserrat({
|
||||
variable: "--font-montserrat", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export default function RootLayout({
|
||||
@@ -43,7 +40,7 @@ export default function RootLayout({
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body className={`${publicSans.variable} ${inter.variable} antialiased`}>
|
||||
<body className={`${montserrat.variable} antialiased`}>
|
||||
<Tag />
|
||||
{children}
|
||||
<script
|
||||
|
||||
@@ -24,36 +24,16 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "Reservations",
|
||||
id: "/reservations",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Reservations", id: "/reservations" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Le Petit Oiseau"
|
||||
button={{
|
||||
text: "Reserve Now",
|
||||
href: "/reservations",
|
||||
}}
|
||||
button={{ text: "Reserve Now", href: "/reservations" }}
|
||||
className="font-bold"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -61,27 +41,9 @@ export default function LandingPage() {
|
||||
<ProductCatalog
|
||||
layout="page"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Steak Au Poivre",
|
||||
price: "¢280",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-plate-with-mushroom-dark-table_23-2148340435.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Vanilla Infused Lamb",
|
||||
price: "¢320",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-lamb-topped-with-vanilla-ice-cream-placed-lipstick-perfume_140725-2520.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Signature Confiture Skewer",
|
||||
price: "¢250",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stick-confitures-inside-brown-plate-yellow-background-snack-photo-color-food-meal_140725-30093.jpg?_wi=3",
|
||||
},
|
||||
{ id: "1", name: "Steak Au Poivre", price: "¢280", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/dark-plate-with-mushroom-dark-table_23-2148340435.jpg?_wi=3" },
|
||||
{ id: "2", name: "Vanilla Infused Lamb", price: "¢320", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/fried-lamb-topped-with-vanilla-ice-cream-placed-lipstick-perfume_140725-2520.jpg?_wi=3" },
|
||||
{ id: "3", name: "Signature Confiture Skewer", price: "¢250", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stick-confitures-inside-brown-plate-yellow-background-snack-photo-color-food-meal_140725-30093.jpg?_wi=3" }
|
||||
]}
|
||||
searchPlaceholder="Search our seasonal menu..."
|
||||
/>
|
||||
@@ -90,32 +52,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Our Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "/reservations",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Email Us",
|
||||
href: "mailto:info@lepetitoiseau.gh",
|
||||
},
|
||||
{
|
||||
label: "Call: +233 20 000 0000",
|
||||
href: "tel:+233200000000",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Explore", items: [{ label: "Our Menu", href: "/menu" }, { label: "Reservations", href: "/reservations" }] },
|
||||
{ title: "Contact", items: [{ label: "Email Us", href: "mailto:info@lepetitoiseau.gh" }, { label: "Call: +233 20 000 0000", href: "tel:+233200000000" }] }
|
||||
]}
|
||||
logoText="Le Petit Oiseau"
|
||||
copyrightText="© 2025 Le Petit Oiseau | Fine Dining in Accra"
|
||||
@@ -124,4 +62,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -35,6 +35,7 @@ export default function LandingPage() {
|
||||
]}
|
||||
brandName="Le Petit Oiseau"
|
||||
button={{ text: "Reserve Now", href: "/reservations" }}
|
||||
className="font-bold"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -76,7 +77,7 @@ export default function LandingPage() {
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "Local Business Owner", testimonial: "An unmatched atmosphere in Accra. The Steak Au Poivre is perfection!", imageSrc: "http://img.b2bpic.net/free-photo/man-giving-gift-box-valentines-day-restaurant_1303-20290.jpg" },
|
||||
{ id: "2", name: "Michael K.", role: "Expat Professional", testimonial: "The fine dining service here is world-class. Truly elegant.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-luxurious-restaurant_23-2150517450.jpg" },
|
||||
{ id: "3", name: "Amina A.", role: "Food Blogger", testimonial: "Best dessert experience in the city. The pudding is a must-try.", imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517447.jpg" },
|
||||
{ id: "3", name: "Amina A.", role: "Food Blogger", testimonial: "Best dessert experience in the city. The pudding is a must-try.", imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-21510517447.jpg" },
|
||||
{ id: "4", name: "David L.", role: "Regular Guest", testimonial: "Perfect date night spot. The ambiance is exclusive yet warm.", imageSrc: "http://img.b2bpic.net/free-photo/plate-with-fish-herbs_140725-1907.jpg" },
|
||||
{ id: "5", name: "Kwame B.", role: "Business Executive", testimonial: "Impeccable service and sophisticated atmosphere. My go-to for meetings.", imageSrc: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891029.jpg" }
|
||||
]}
|
||||
@@ -95,4 +96,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -24,36 +24,16 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "Reservations",
|
||||
id: "/reservations",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Reservations", id: "/reservations" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Le Petit Oiseau"
|
||||
button={{
|
||||
text: "Reserve Now",
|
||||
href: "/reservations",
|
||||
}}
|
||||
button={{ text: "Reserve Now", href: "/reservations" }}
|
||||
className="font-bold"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -63,30 +43,11 @@ export default function LandingPage() {
|
||||
title="Book Your Table"
|
||||
description="Secure your dining experience at Accra's premier fine dining destination."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "date",
|
||||
type: "date",
|
||||
placeholder: "Date",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "date", type: "date", placeholder: "Date", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "notes",
|
||||
placeholder: "Special requests or dietary restrictions",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "notes", placeholder: "Special requests or dietary restrictions", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081849.jpg?_wi=2"
|
||||
buttonText="Confirm Reservation"
|
||||
/>
|
||||
@@ -95,32 +56,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Our Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "/reservations",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Email Us",
|
||||
href: "mailto:info@lepetitoiseau.gh",
|
||||
},
|
||||
{
|
||||
label: "Call: +233 20 000 0000",
|
||||
href: "tel:+233200000000",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Explore", items: [{ label: "Our Menu", href: "/menu" }, { label: "Reservations", href: "/reservations" }] },
|
||||
{ title: "Contact", items: [{ label: "Email Us", href: "mailto:info@lepetitoiseau.gh" }, { label: "Call: +233 20 000 0000", href: "tel:+233200000000" }] }
|
||||
]}
|
||||
logoText="Le Petit Oiseau"
|
||||
copyrightText="© 2025 Le Petit Oiseau | Fine Dining in Accra"
|
||||
@@ -129,4 +66,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-inter), sans-serif;
|
||||
font-family: var(--font-montserrat), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-public-sans), sans-serif;
|
||||
font-family: var(--font-montserrat), sans-serif;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user