Merge version_1 into main #1
305
src/app/page.tsx
305
src/app/page.tsx
@@ -31,101 +31,44 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="DINE HOUSE"
|
||||
button={{ text: "Reservations", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Exquisite Dining Experiences at DINE HOUSE"
|
||||
description="Where culinary artistry meets professional service. Join us for an unforgettable evening of flavors."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Satisfied Guests",
|
||||
},
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Average Rating",
|
||||
},
|
||||
{ value: "15+", label: "Years Experience" },
|
||||
{ value: "5k+", label: "Satisfied Guests" },
|
||||
{ value: "4.9", label: "Average Rating" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book a Table", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/restaurant-hall-with-round-table-some-chairs-fireplace-plants_140725-8034.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-red-cafe-interior-with-tiled-walls_181624-59785.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/event-hall-furniture-brown-white-colors_114579-2230.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-hands-holding-cutlery_23-2149293981.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/vertical-shot-red-cafe-interior-with-tiled-walls_181624-59785.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/event-hall-furniture-brown-white-colors_114579-2230.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-hands-holding-cutlery_23-2149293981.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ food enthusiasts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Michelin Star Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Farm-to-Table Fresh",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Sourcing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Craftsmanship",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premier Fine Dining",
|
||||
},
|
||||
{ type: "text", text: "Michelin Star Quality" },
|
||||
{ type: "text", text: "Farm-to-Table Fresh" },
|
||||
{ type: "text", text: "Sustainable Sourcing" },
|
||||
{ type: "text", text: "Artisan Craftsmanship" },
|
||||
{ type: "text", text: "Premier Fine Dining" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -136,14 +79,8 @@ export default function LandingPage() {
|
||||
title="A Passion for Perfection"
|
||||
description="Dine House started with a simple vision: to serve the freshest local ingredients with timeless technique. Our kitchen is where tradition meets modern innovation."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Local Sourced",
|
||||
},
|
||||
{
|
||||
value: "24",
|
||||
title: "Award Winning Chefs",
|
||||
},
|
||||
{ value: "100%", title: "Local Sourced" },
|
||||
{ value: "24", title: "Award Winning Chefs" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/set-fresh-raw-vegetables-products-table-modern-kitchen-room-healthy-eating-organic-food_1157-41855.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -158,42 +95,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Prime Steakhouse Cut",
|
||||
price: "$45.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meatballs-tomato-sauce-bottle-wine_140725-4804.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Handmade Truffle Pasta",
|
||||
price: "$32.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pilaf-with-meet-dried-fruits-chestnut-jug-round-plate_176474-3426.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Pan-Seared Salmon",
|
||||
price: "$38.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salmon-dish-decorated-with-orange-slice-strawberries-chia-seeds_181624-44859.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Dark Chocolate Ganache",
|
||||
price: "$16.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-fork-delicious-fresh-chocolate-dessert-restaurant_23-2148001620.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Garden Heirloom Salad",
|
||||
price: "$18.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beef-with-pistachio-topping-served-with-fruits-berries_7502-7390.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Artisan Bread Basket",
|
||||
price: "$8.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slices-bread-toast-breakfast-top-view_116380-14.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Prime Steakhouse Cut", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/meatballs-tomato-sauce-bottle-wine_140725-4804.jpg" },
|
||||
{ id: "p2", name: "Handmade Truffle Pasta", price: "$32.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pilaf-with-meet-dried-fruits-chestnut-jug-round-plate_176474-3426.jpg" },
|
||||
{ id: "p3", name: "Pan-Seared Salmon", price: "$38.00", imageSrc: "http://img.b2bpic.net/free-photo/salmon-dish-decorated-with-orange-slice-strawberries-chia-seeds_181624-44859.jpg" },
|
||||
{ id: "p4", name: "Dark Chocolate Ganache", price: "$16.00", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-fork-delicious-fresh-chocolate-dessert-restaurant_23-2148001620.jpg" },
|
||||
{ id: "p5", name: "Garden Heirloom Salad", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/beef-with-pistachio-topping-served-with-fruits-berries_7502-7390.jpg" },
|
||||
{ id: "p6", name: "Artisan Bread Basket", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/slices-bread-toast-breakfast-top-view_116380-14.jpg" },
|
||||
]}
|
||||
title="Curated Seasonal Menu"
|
||||
description="Explore our signature dishes crafted by world-class chefs."
|
||||
@@ -207,27 +114,9 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Private Wine Cellar",
|
||||
description: "Hand-picked wines from around the world.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dinner-with-wine_1182-787.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/people-enjoying-glass-wine-vineyard-with-nature-sunset-views_23-2151514942.jpg",
|
||||
buttonText: "View List",
|
||||
},
|
||||
{
|
||||
title: "Exclusive Event Hosting",
|
||||
description: "Perfect for your private celebrations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-mushrooms-tomato_140725-3752.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/virtual-love-cute-blonde-girl-red-dress-distance-date-with-wine-candles-serious_140725-163894.jpg",
|
||||
buttonText: "Book Event",
|
||||
},
|
||||
{
|
||||
title: "Sustainable Practices",
|
||||
description: "Committed to eco-friendly dining.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/founder-eco-market-unlocks-packaging_482257-76694.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/view-ready-eat-delicious-meal-go_23-2151187704.jpg",
|
||||
buttonText: "Read More",
|
||||
},
|
||||
{ title: "Private Wine Cellar", description: "Hand-picked wines from around the world.", imageSrc: "http://img.b2bpic.net/free-photo/dinner-with-wine_1182-787.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/people-enjoying-glass-wine-vineyard-with-nature-sunset-views_23-2151514942.jpg", buttonText: "View List" },
|
||||
{ title: "Exclusive Event Hosting", description: "Perfect for your private celebrations.", imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-mushrooms-tomato_140725-3752.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/virtual-love-cute-blonde-girl-red-dress-distance-date-with-wine-candles-serious_140725-163894.jpg", buttonText: "Book Event" },
|
||||
{ title: "Sustainable Practices", description: "Committed to eco-friendly dining.", imageSrc: "http://img.b2bpic.net/free-photo/founder-eco-market-unlocks-packaging_482257-76694.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/view-ready-eat-delicious-meal-go_23-2151187704.jpg", buttonText: "Read More" },
|
||||
]}
|
||||
title="Beyond Just Dining"
|
||||
description="Elevating every aspect of your visit to ensure complete comfort and enjoyment."
|
||||
@@ -240,36 +129,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "12",
|
||||
title: "Regional Locations",
|
||||
items: [
|
||||
"Serving major cities",
|
||||
"Consistent quality control",
|
||||
"Family-owned since day one",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200+",
|
||||
title: "Unique Recipes",
|
||||
items: [
|
||||
"Seasonal flavor profiles",
|
||||
"Handcrafted ingredients",
|
||||
"Master-level techniques",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500k",
|
||||
title: "Happy Guests",
|
||||
items: [
|
||||
"Exceptional service rating",
|
||||
"Return guest program",
|
||||
"Community favorites",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "12", title: "Regional Locations", items: ["Serving major cities", "Consistent quality control", "Family-owned since day one"] },
|
||||
{ id: "m2", value: "200+", title: "Unique Recipes", items: ["Seasonal flavor profiles", "Handcrafted ingredients", "Master-level techniques"] },
|
||||
{ id: "m3", value: "500k", title: "Happy Guests", items: ["Exceptional service rating", "Return guest program", "Community favorites"] },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Our history of serving quality and consistency."
|
||||
@@ -283,26 +145,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Jonathan R., Food Critic"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg",
|
||||
alt: "Sarah J",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/contemplated-young-woman-with-dessert-table-caf_23-2147871284.jpg",
|
||||
alt: "Mark K",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517420.jpg",
|
||||
alt: "Elena G",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-woman-eating-restaurant-with-friends_23-2149316752.jpg",
|
||||
alt: "David S",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/table-with-alcohol-glasses-home_23-2148741483.jpg",
|
||||
alt: "Anna L",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg", alt: "Sarah J" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/contemplated-young-woman-with-dessert-table-caf_23-2147871284.jpg", alt: "Mark K" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517420.jpg", alt: "Elena G" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/senior-woman-eating-restaurant-with-friends_23-2149316752.jpg", alt: "David S" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/table-with-alcohol-glasses-home_23-2148741483.jpg", alt: "Anna L" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -314,21 +161,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you accept reservations?",
|
||||
content: "Yes, we highly recommend booking in advance through our contact section.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is there a dress code?",
|
||||
content: "We maintain a business-casual dress code to match the elegant atmosphere.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you accommodate allergies?",
|
||||
content: "Our kitchen is fully equipped to handle dietary restrictions with advance notice.",
|
||||
},
|
||||
{ id: "f1", title: "Do you accept reservations?", content: "Yes, we highly recommend booking in advance through our contact section." },
|
||||
{ id: "f2", title: "Is there a dress code?", content: "We maintain a business-casual dress code to match the elegant atmosphere." },
|
||||
{ id: "f3", title: "Do you accommodate allergies?", content: "Our kitchen is fully equipped to handle dietary restrictions with advance notice." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about your upcoming dining experience."
|
||||
@@ -342,31 +177,11 @@ export default function LandingPage() {
|
||||
title="Join Us for Dinner"
|
||||
description="Reserve your table at Dine House today. Let us know any special requirements for your party."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "date",
|
||||
type: "date",
|
||||
placeholder: "Preferred Date",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "date", type: "date", placeholder: "Preferred Date", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Special requests or party size...",
|
||||
rows: 4,
|
||||
required: false,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Special requests or party size...", rows: 4, required: false }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312224.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -376,32 +191,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="DINE HOUSE"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Policy",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Explore", items: [{ label: "Menu", href: "#products" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Policy", items: [{ label: "Privacy", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Dine House Restaurant."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user