Merge version_1 into main #2
181
src/app/page.tsx
181
src/app/page.tsx
@@ -31,94 +31,61 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Overview",
|
||||
id: "overview",
|
||||
},
|
||||
name: "Overview", id: "overview"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Reservations",
|
||||
id: "reservations",
|
||||
},
|
||||
name: "Reservations", id: "reservations"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Farm 'n Sea Grill"
|
||||
button={{
|
||||
text: "Book Table",
|
||||
href: "https://farmnseagrill.com",
|
||||
}}
|
||||
text: "Book Table", href: "https://farmnseagrill.com"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="overview" data-section="overview">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="A Taste of the Farm and Sea"
|
||||
description="Experience our unique fusion of fresh, locally-sourced produce and premium seafood in the heart of Vanderbijlpark. Elegant atmosphere, handcrafted cocktails, and private dining options await you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "https://farmnseagrill.com",
|
||||
},
|
||||
text: "Book Now", href: "https://farmnseagrill.com"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tables-chairs-arranged-empty-coffee-shop_107420-96463.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tables-chairs-arranged-empty-coffee-shop_107420-96463.jpg"
|
||||
imageAlt="Farm 'n Sea Grill dining interior"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-is-sitting-table-restaurant-drink-wine-enjoy-bouquet-red-roses-flower-waiting-date_496169-289.jpg",
|
||||
alt: "Diner 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/girl-is-sitting-table-restaurant-drink-wine-enjoy-bouquet-red-roses-flower-waiting-date_496169-289.jpg", alt: "Diner 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-enyoing-dinner-party_23-2150717841.jpg",
|
||||
alt: "Diner 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-enyoing-dinner-party_23-2150717841.jpg", alt: "Diner 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-stylish-young-woman-sitting-restaurant_23-2147936257.jpg",
|
||||
alt: "Diner 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-stylish-young-woman-sitting-restaurant_23-2147936257.jpg", alt: "Diner 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-people-spending-time-together_23-2149152906.jpg",
|
||||
alt: "Diner 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-people-spending-time-together_23-2149152906.jpg", alt: "Diner 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517421.jpg",
|
||||
alt: "Diner 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517421.jpg", alt: "Diner 5"},
|
||||
]}
|
||||
avatarText="Loved by over 500+ happy local guests."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Freshly Caught",
|
||||
icon: Fish,
|
||||
type: "text-icon", text: "Freshly Caught", icon: Fish,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Organic Produce",
|
||||
icon: Leaf,
|
||||
type: "text-icon", text: "Organic Produce", icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Premium Cuts",
|
||||
icon: Award,
|
||||
type: "text-icon", text: "Premium Cuts", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Craft Cocktails",
|
||||
icon: Coffee,
|
||||
type: "text-icon", text: "Craft Cocktails", icon: Coffee,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Private Dining",
|
||||
icon: Users,
|
||||
type: "text-icon", text: "Private Dining", icon: Users,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -130,9 +97,7 @@ export default function LandingPage() {
|
||||
title="Welcome to Our Table"
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit Us", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -144,28 +109,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Private Dining",
|
||||
description: "Perfect for intimate gatherings and special celebrations.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Users,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tables-chairs-arranged-empty-coffee-shop_107420-96463.jpg?_wi=2",
|
||||
imageAlt: "elegant restaurant dining interior warm lighting",
|
||||
title: "Private Dining", description: "Perfect for intimate gatherings and special celebrations.", bentoComponent: "reveal-icon", icon: Users,
|
||||
},
|
||||
{
|
||||
title: "Craft Cocktails",
|
||||
description: "Handcrafted drinks designed to pair perfectly with your meal.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Coffee,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-salmon-with-herbs-close-up_23-2148516890.jpg?_wi=1",
|
||||
imageAlt: "gourmet seafood platter presentation",
|
||||
title: "Craft Cocktails", description: "Handcrafted drinks designed to pair perfectly with your meal.", bentoComponent: "reveal-icon", icon: Coffee,
|
||||
},
|
||||
{
|
||||
title: "Vegan Options",
|
||||
description: "Thoughtfully prepared plant-based dishes for every palate.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Leaf,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-food-concept-arrangement_23-2148510909.jpg?_wi=1",
|
||||
imageAlt: "grilled steak with fresh vegetables",
|
||||
title: "Vegan Options", description: "Thoughtfully prepared plant-based dishes for every palate.", bentoComponent: "reveal-icon", icon: Leaf,
|
||||
},
|
||||
]}
|
||||
title="Curated Experiences"
|
||||
@@ -181,41 +131,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Seafood Platter",
|
||||
price: "R280",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-salmon-with-herbs-close-up_23-2148516890.jpg?_wi=2",
|
||||
},
|
||||
id: "m1", name: "Seafood Platter", price: "R280", imageSrc: "http://img.b2bpic.net/free-photo/tasty-salmon-with-herbs-close-up_23-2148516890.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Prime Steak Grill",
|
||||
price: "R260",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-food-concept-arrangement_23-2148510909.jpg?_wi=2",
|
||||
},
|
||||
id: "m2", name: "Prime Steak Grill", price: "R260", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-food-concept-arrangement_23-2148510909.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Organic Garden Vegan",
|
||||
price: "R210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seafood-salad-with-green-red-leaf-lettuce_140725-2575.jpg?_wi=1",
|
||||
},
|
||||
id: "m3", name: "Organic Garden Vegan", price: "R210", imageSrc: "http://img.b2bpic.net/free-photo/seafood-salad-with-green-red-leaf-lettuce_140725-2575.jpg"},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Catch of the Day",
|
||||
price: "R240",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-salmon-with-herbs-close-up_23-2148516890.jpg?_wi=3",
|
||||
},
|
||||
id: "m4", name: "Catch of the Day", price: "R240", imageSrc: "http://img.b2bpic.net/free-photo/tasty-salmon-with-herbs-close-up_23-2148516890.jpg"},
|
||||
{
|
||||
id: "m5",
|
||||
name: "Grilled Chicken Platter",
|
||||
price: "R220",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-food-concept-arrangement_23-2148510909.jpg?_wi=3",
|
||||
},
|
||||
id: "m5", name: "Grilled Chicken Platter", price: "R220", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-food-concept-arrangement_23-2148510909.jpg"},
|
||||
{
|
||||
id: "m6",
|
||||
name: "Roasted Vegetable Fusion",
|
||||
price: "R200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seafood-salad-with-green-red-leaf-lettuce_140725-2575.jpg?_wi=2",
|
||||
},
|
||||
id: "m6", name: "Roasted Vegetable Fusion", price: "R200", imageSrc: "http://img.b2bpic.net/free-photo/seafood-salad-with-green-red-leaf-lettuce_140725-2575.jpg"},
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="Exquisite meals ranging from R200–R300 per person."
|
||||
@@ -228,45 +154,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Amazing experience!",
|
||||
quote: "The best seafood I've had in a long time. Highly recommend!",
|
||||
name: "Sarah J.",
|
||||
role: "Foodie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-is-sitting-table-restaurant-drink-wine-enjoy-bouquet-red-roses-flower-waiting-date_496169-289.jpg",
|
||||
},
|
||||
id: "1", title: "Amazing experience!", quote: "The best seafood I've had in a long time. Highly recommend!", name: "Sarah J.", role: "Foodie", imageSrc: "http://img.b2bpic.net/free-photo/girl-is-sitting-table-restaurant-drink-wine-enjoy-bouquet-red-roses-flower-waiting-date_496169-289.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Wonderful Evening",
|
||||
quote: "Great atmosphere and lovely cocktails. Perfect for date night.",
|
||||
name: "Mark D.",
|
||||
role: "Regular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-enyoing-dinner-party_23-2150717841.jpg",
|
||||
},
|
||||
id: "2", title: "Wonderful Evening", quote: "Great atmosphere and lovely cocktails. Perfect for date night.", name: "Mark D.", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-enyoing-dinner-party_23-2150717841.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Delicious!",
|
||||
quote: "Wonderful vegan options. So many flavorful choices.",
|
||||
name: "Emily R.",
|
||||
role: "Vegan Foodie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-stylish-young-woman-sitting-restaurant_23-2147936257.jpg",
|
||||
},
|
||||
id: "3", title: "Delicious!", quote: "Wonderful vegan options. So many flavorful choices.", name: "Emily R.", role: "Vegan Foodie", imageSrc: "http://img.b2bpic.net/free-photo/smiling-stylish-young-woman-sitting-restaurant_23-2147936257.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Outstanding",
|
||||
quote: "Attentive service and incredible food quality. Five stars.",
|
||||
name: "David K.",
|
||||
role: "Business Dinner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-spending-time-together_23-2149152906.jpg",
|
||||
},
|
||||
id: "4", title: "Outstanding", quote: "Attentive service and incredible food quality. Five stars.", name: "David K.", role: "Business Dinner", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-spending-time-together_23-2149152906.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Truly Special",
|
||||
quote: "The private dining room made our anniversary perfect.",
|
||||
name: "Linda M.",
|
||||
role: "Local",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517421.jpg",
|
||||
},
|
||||
id: "5", title: "Truly Special", quote: "The private dining room made our anniversary perfect.", name: "Linda M.", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517421.jpg"},
|
||||
]}
|
||||
title="Guest Reviews"
|
||||
description="What our guests say about their experience."
|
||||
@@ -277,8 +173,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Visit Farm 'n Sea Grill"
|
||||
description="37 Fitzsimons St, Vanderbijlpark S.E. 6. Call us at 016 110 0645. Open until 9pm."
|
||||
@@ -289,13 +184,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Farm 'n Sea Grill"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "© 2024 Farm 'n Sea Grill",
|
||||
href: "#",
|
||||
}}
|
||||
text: "© 2024 Farm 'n Sea Grill", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user