Merge version_2 into main #1
270
src/app/page.tsx
270
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="The Naked Woolf"
|
||||
/>
|
||||
@@ -56,61 +48,38 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="A Taste of Refined Simplicity"
|
||||
description="Experience an upmarket yet relaxed dining journey in the heart of Rosebank. Join us for exceptional culinary craftsmanship."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book a Table", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/classic-luxury-style-restaurant-with-tables-chairs_140725-9389.jpg"
|
||||
imageAlt="The Naked Woolf Dining Interior"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/restaurant-private-room-with-table-14-persons-wooden-ceiling-brick-walls-fireplace_140725-8452.jpg",
|
||||
alt: "Dining guest 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/restaurant-private-room-with-table-14-persons-wooden-ceiling-brick-walls-fireplace_140725-8452.jpg", alt: "Dining guest 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/life-style_1122-1851.jpg",
|
||||
alt: "Dining guest 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/life-style_1122-1851.jpg", alt: "Dining guest 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-wooden-dining-room-with-modern-lighting-generated-by-ai_188544-29879.jpg",
|
||||
alt: "Dining guest 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-wooden-dining-room-with-modern-lighting-generated-by-ai_188544-29879.jpg", alt: "Dining guest 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/royal-dining-room-with-wooden-furniture-chandeliers_114579-2222.jpg",
|
||||
alt: "Dining guest 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/royal-dining-room-with-wooden-furniture-chandeliers_114579-2222.jpg", alt: "Dining guest 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg",
|
||||
alt: "Dining guest 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg", alt: "Dining guest 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced",
|
||||
},
|
||||
type: "text", text: "Locally Sourced"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Chef Driven",
|
||||
},
|
||||
type: "text", text: "Chef Driven"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Refined Ambiance",
|
||||
},
|
||||
type: "text", text: "Refined Ambiance"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seasonal Flavors",
|
||||
},
|
||||
type: "text", text: "Seasonal Flavors"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Award Winning",
|
||||
},
|
||||
type: "text", text: "Award Winning"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -132,34 +101,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "feat-1",
|
||||
title: "Curated Wine Selection",
|
||||
descriptions: [
|
||||
"Expertly chosen vintages from top vineyards.",
|
||||
"Perfect pairings for every dish.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-dress-cafe-with-glass-wine_624325-768.jpg",
|
||||
},
|
||||
id: "feat-1", title: "Curated Wine Selection", descriptions: [
|
||||
"Expertly chosen vintages from top vineyards.", "Perfect pairings for every dish."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-dress-cafe-with-glass-wine_624325-768.jpg"},
|
||||
{
|
||||
id: "feat-2",
|
||||
title: "Attentive Service",
|
||||
descriptions: [
|
||||
"Discrete yet highly responsive hospitality.",
|
||||
"Your comfort is our top priority.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiters-holding-plate-grilled-salmon-mashed-potato-topped-with-red-caviar-asparagus_140725-519.jpg",
|
||||
},
|
||||
id: "feat-2", title: "Attentive Service", descriptions: [
|
||||
"Discrete yet highly responsive hospitality.", "Your comfort is our top priority."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiters-holding-plate-grilled-salmon-mashed-potato-topped-with-red-caviar-asparagus_140725-519.jpg"},
|
||||
{
|
||||
id: "feat-3",
|
||||
title: "Relaxed Atmosphere",
|
||||
descriptions: [
|
||||
"Sophisticated design meets comfort.",
|
||||
"The perfect venue for any occasion.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-14-persons-restaurant-hall-with-brick-walls-wide-windows-wood-ceiling_140725-8457.jpg",
|
||||
},
|
||||
id: "feat-3", title: "Relaxed Atmosphere", descriptions: [
|
||||
"Sophisticated design meets comfort.", "The perfect venue for any occasion."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-14-persons-restaurant-hall-with-brick-walls-wide-windows-wood-ceiling_140725-8457.jpg"},
|
||||
]}
|
||||
title="Why Dine With Us"
|
||||
title="Elevate Your Evening"
|
||||
description="We blend service excellence with a relaxed atmosphere to create unforgettable moments."
|
||||
/>
|
||||
</div>
|
||||
@@ -172,59 +126,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Chef Signature",
|
||||
name: "Slow-Roasted Sirloin",
|
||||
price: "R345",
|
||||
rating: 5,
|
||||
reviewCount: "128",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fish-head-with-sliced-vegetables_1304-4033.jpg",
|
||||
},
|
||||
id: "p1", brand: "Chef Signature", name: "Slow-Roasted Sirloin", price: "R345", rating: 5,
|
||||
reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/fish-head-with-sliced-vegetables_1304-4033.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Seasonal",
|
||||
name: "Citrus Herb Seafood Salad",
|
||||
price: "R285",
|
||||
rating: 5,
|
||||
reviewCount: "92",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shrimp-fish-sauce_74190-776.jpg",
|
||||
},
|
||||
id: "p2", brand: "Seasonal", name: "Citrus Herb Seafood Salad", price: "R285", rating: 5,
|
||||
reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/shrimp-fish-sauce_74190-776.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Pasta",
|
||||
name: "Handmade Truffle Pappardelle",
|
||||
price: "R260",
|
||||
rating: 5,
|
||||
reviewCount: "154",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pasta-fork_23-2147749504.jpg",
|
||||
},
|
||||
id: "p3", brand: "Pasta", name: "Handmade Truffle Pappardelle", price: "R260", rating: 5,
|
||||
reviewCount: "154", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pasta-fork_23-2147749504.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Dessert",
|
||||
name: "Dark Chocolate Ganache",
|
||||
price: "R145",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-creamy-cake-with-chocolate-cookies-dark-surface-biscuit-cake-sweet-pie-sugar-cookie_140725-118183.jpg",
|
||||
},
|
||||
id: "p4", brand: "Dessert", name: "Dark Chocolate Ganache", price: "R145", rating: 5,
|
||||
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-creamy-cake-with-chocolate-cookies-dark-surface-biscuit-cake-sweet-pie-sugar-cookie_140725-118183.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Fresh",
|
||||
name: "Seared Atlantic Salmon",
|
||||
price: "R315",
|
||||
rating: 4,
|
||||
reviewCount: "105",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-with-vegetables-wooden-board-top-view_140725-4709.jpg",
|
||||
},
|
||||
id: "p5", brand: "Fresh", name: "Seared Atlantic Salmon", price: "R315", rating: 4,
|
||||
reviewCount: "105", imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-with-vegetables-wooden-board-top-view_140725-4709.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Appetizer",
|
||||
name: "Artisan Cheese Plate",
|
||||
price: "R210",
|
||||
rating: 5,
|
||||
reviewCount: "76",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheeseboard_1157-771.jpg",
|
||||
},
|
||||
id: "p6", brand: "Appetizer", name: "Artisan Cheese Plate", price: "R210", rating: 5,
|
||||
reviewCount: "76", imageSrc: "http://img.b2bpic.net/free-photo/cheeseboard_1157-771.jpg"},
|
||||
]}
|
||||
title="Chef's Signature Dishes"
|
||||
description="Sample our most loved culinary creations, crafted with local flair."
|
||||
@@ -238,45 +156,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahmiller",
|
||||
testimonial: "An incredible experience. The food and atmosphere were perfectly balanced.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-shot-cozy-woman-with-mug-listening-music_23-2148717750.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", handle: "@sarahmiller", testimonial: "An incredible experience. The food and atmosphere were perfectly balanced.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-shot-cozy-woman-with-mug-listening-music_23-2148717750.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Thomson",
|
||||
handle: "@thomson_eats",
|
||||
testimonial: "The staff were so attentive and the wine pairing was flawless.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517442.jpg",
|
||||
},
|
||||
id: "2", name: "Mark Thomson", handle: "@thomson_eats", testimonial: "The staff were so attentive and the wine pairing was flawless.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517442.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rossi",
|
||||
handle: "@elena_rossi",
|
||||
testimonial: "Perfectly relaxed, upmarket spot. My favorite place in Rosebank.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-female-eating-restaurant_23-2148395389.jpg",
|
||||
},
|
||||
id: "3", name: "Elena Rossi", handle: "@elena_rossi", testimonial: "Perfectly relaxed, upmarket spot. My favorite place in Rosebank.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-female-eating-restaurant_23-2148395389.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Nkosi",
|
||||
handle: "@dnkosi",
|
||||
testimonial: "The best sirloin I've had in a long time. Truly a great night.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517412.jpg",
|
||||
},
|
||||
id: "4", name: "David Nkosi", handle: "@dnkosi", testimonial: "The best sirloin I've had in a long time. Truly a great night.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517412.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
handle: "@jesslee",
|
||||
testimonial: "Beautifully crafted dishes and lovely decor. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photo-food-restaurant_23-2150520085.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", handle: "@jesslee", testimonial: "Beautifully crafted dishes and lovely decor. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photo-food-restaurant_23-2150520085.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Guest Experiences"
|
||||
@@ -291,23 +184,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Years of Excellence",
|
||||
value: "10+",
|
||||
},
|
||||
id: "m1", icon: Award,
|
||||
title: "Years of Excellence", value: "10+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Star,
|
||||
title: "5-Star Reviews",
|
||||
value: "1,500+",
|
||||
},
|
||||
id: "m2", icon: Star,
|
||||
title: "5-Star Reviews", value: "1,500+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Signature Dishes",
|
||||
value: "45+",
|
||||
},
|
||||
id: "m3", icon: Award,
|
||||
title: "Signature Dishes", value: "45+"},
|
||||
]}
|
||||
title="Excellence in Numbers"
|
||||
description="Our commitment to quality, reflected in every detail."
|
||||
@@ -320,20 +204,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need a reservation?",
|
||||
content: "We highly recommend reservations, especially on weekends, to secure your preferred table.",
|
||||
},
|
||||
id: "f1", title: "Do I need a reservation?", content: "We highly recommend reservations, especially on weekends, to secure your preferred table."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are there vegetarian options?",
|
||||
content: "Yes, our menu includes a variety of thoughtfully prepared vegetarian and vegan-friendly dishes.",
|
||||
},
|
||||
id: "f2", title: "Are there vegetarian options?", content: "Yes, our menu includes a variety of thoughtfully prepared vegetarian and vegan-friendly dishes."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I host private events?",
|
||||
content: "Absolutely. Please contact us to discuss private venue options for your special occasion.",
|
||||
},
|
||||
id: "f3", title: "Can I host private events?", content: "Absolutely. Please contact us to discuss private venue options for your special occasion."},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -348,8 +223,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Reserve Your Spot"
|
||||
title="Book Your Experience"
|
||||
description="Join us at The Naked Woolf for a memorable meal. Sign up to stay updated on seasonal menus and events."
|
||||
@@ -361,33 +235,21 @@ export default function LandingPage() {
|
||||
logoText="The Naked Woolf"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Menu", href: "#products"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -396,4 +258,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user