Merge version_1 into main #1
223
src/app/page.tsx
223
src/app/page.tsx
@@ -30,26 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Experience", id: "experience" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Izakaya Kúkai"
|
||||
/>
|
||||
@@ -60,38 +45,17 @@ export default function LandingPage() {
|
||||
title="Authentic Japanese Dining in Hout Bay"
|
||||
description="Fresh sushi, rich ramen, and traditional izakaya flavours."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Book a Table", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-woman-learning-make-sushi_23-2151202948.jpg"
|
||||
showDimOverlay={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-people-with-delicious-food_23-2149008716.jpg",
|
||||
alt: "Close up people with delicious food",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-delicious-indonesian-bakso_23-2148933343.jpg",
|
||||
alt: "High angle delicious indonesian bakso",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-eating-together_23-2149008757.jpg",
|
||||
alt: "Medium shot people eating together",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sake-japanese-beverage-still-life_23-2150170178.jpg",
|
||||
alt: "Sake japanese beverage still life",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg",
|
||||
alt: "Portrait of handsome asian man at a friends reunion",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-people-with-delicious-food_23-2149008716.jpg", alt: "Close up people with delicious food" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-delicious-indonesian-bakso_23-2148933343.jpg", alt: "High angle delicious indonesian bakso" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-people-eating-together_23-2149008757.jpg", alt: "Medium shot people eating together" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/sake-japanese-beverage-still-life_23-2150170178.jpg", alt: "Sake japanese beverage still life" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg", alt: "Portrait of handsome asian man at a friends reunion" },
|
||||
]}
|
||||
avatarText="Join our community of food lovers"
|
||||
/>
|
||||
@@ -101,12 +65,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Authentic Flavours, Hidden Gem."
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Our Story", href: "#about" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -117,42 +76,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "sushi",
|
||||
name: "Premium Sushi Platter",
|
||||
price: "R 280",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-ramen-concept_23-2148678750.jpg",
|
||||
},
|
||||
{
|
||||
id: "ramen",
|
||||
name: "Tonkotsu Ramen",
|
||||
price: "R 195",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-noodles-bowl_23-2148803810.jpg",
|
||||
},
|
||||
{
|
||||
id: "donburi",
|
||||
name: "Katsu Donburi",
|
||||
price: "R 165",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-ramen-bowl_23-2148678747.jpg",
|
||||
},
|
||||
{
|
||||
id: "soba",
|
||||
name: "Tempura Soba",
|
||||
price: "R 175",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steaming-bowl-ramen_23-2151950838.jpg",
|
||||
},
|
||||
{
|
||||
id: "tempura",
|
||||
name: "Assorted Tempura",
|
||||
price: "R 140",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-ramen-with-seaweed-salad-concept_23-2148678738.jpg",
|
||||
},
|
||||
{
|
||||
id: "sashimi",
|
||||
name: "Sashimi Deluxe",
|
||||
price: "R 220",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/uncooked-noodles-dark-bowl-textured-background_84443-85685.jpg",
|
||||
},
|
||||
{ id: "sushi", name: "Premium Sushi Platter", price: "R 280", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-ramen-concept_23-2148678750.jpg" },
|
||||
{ id: "ramen", name: "Tonkotsu Ramen", price: "R 195", imageSrc: "http://img.b2bpic.net/free-photo/assortment-noodles-bowl_23-2148803810.jpg" },
|
||||
{ id: "donburi", name: "Katsu Donburi", price: "R 165", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-ramen-bowl_23-2148678747.jpg" },
|
||||
{ id: "soba", name: "Tempura Soba", price: "R 175", imageSrc: "http://img.b2bpic.net/free-photo/steaming-bowl-ramen_23-2151950838.jpg" },
|
||||
{ id: "tempura", name: "Assorted Tempura", price: "R 140", imageSrc: "http://img.b2bpic.net/free-photo/delicious-ramen-with-seaweed-salad-concept_23-2148678738.jpg" },
|
||||
{ id: "sashimi", name: "Sashimi Deluxe", price: "R 220", imageSrc: "http://img.b2bpic.net/free-photo/uncooked-noodles-dark-bowl-textured-background_84443-85685.jpg" },
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Exquisite selection of traditional Japanese dishes crafted with care."
|
||||
@@ -161,25 +90,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Traditional Izakaya",
|
||||
description: "Shared plates and social atmosphere.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/organized-table-with-cushions-around_1122-1388.jpg",
|
||||
},
|
||||
{
|
||||
title: "Intimate Seating",
|
||||
description: "A quiet escape in the heart of Hout Bay.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lights-night-city_23-2148139580.jpg",
|
||||
},
|
||||
{
|
||||
title: "BYOB Welcome",
|
||||
description: "Bring your favorite wine or sake.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-decor-lamp-inspired-by-fruit_23-2151361981.jpg",
|
||||
},
|
||||
{ title: "Traditional Izakaya", description: "Shared plates and social atmosphere.", imageSrc: "http://img.b2bpic.net/free-photo/organized-table-with-cushions-around_1122-1388.jpg" },
|
||||
{ title: "Intimate Seating", description: "A quiet escape in the heart of Hout Bay.", imageSrc: "http://img.b2bpic.net/free-photo/lights-night-city_23-2148139580.jpg" },
|
||||
{ title: "BYOB Welcome", description: "Bring your favorite wine or sake.", imageSrc: "http://img.b2bpic.net/free-photo/interior-decor-lamp-inspired-by-fruit_23-2151361981.jpg" },
|
||||
]}
|
||||
title="The Izakaya Experience"
|
||||
description="Discover the art of Japanese tapas-style dining in our cozy, intimate space."
|
||||
@@ -200,46 +118,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Foodie",
|
||||
company: "Cape Town",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-berry-necklace_23-2150539810.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael B.",
|
||||
role: "Local",
|
||||
company: "Hout Bay",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-man-wearing-jumpsuit-hat-holding-pumpkin_141793-47294.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
role: "Traveler",
|
||||
company: "Authentic",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-orange-covering-her-eye_23-2148194033.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Chef",
|
||||
company: "Sushi Lover",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-boy-with-lemon_23-2148184615.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "James L.",
|
||||
role: "Visitor",
|
||||
company: "Gem",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149005452.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Foodie", company: "Cape Town", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-berry-necklace_23-2150539810.jpg" },
|
||||
{ id: "2", name: "Michael B.", role: "Local", company: "Hout Bay", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-man-wearing-jumpsuit-hat-holding-pumpkin_141793-47294.jpg" },
|
||||
{ id: "3", name: "Elena R.", role: "Traveler", company: "Authentic", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-orange-covering-her-eye_23-2148194033.jpg" },
|
||||
{ id: "4", name: "David K.", role: "Chef", company: "Sushi Lover", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-boy-with-lemon_23-2148184615.jpg" },
|
||||
{ id: "5", name: "James L.", role: "Visitor", company: "Gem", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149005452.jpg" },
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Hear from our patrons about their dining experience."
|
||||
@@ -250,21 +133,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I book a table?",
|
||||
content: "You can use our WhatsApp button or chat widget to book instantly.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What are your hours?",
|
||||
content: "Mon-Sat: 11:30–15:00 & 17:00–21:30. Sunday: Closed.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you have parking?",
|
||||
content: "Street parking is available on Empire Avenue.",
|
||||
},
|
||||
{ id: "q1", title: "How do I book a table?", content: "You can use our WhatsApp button or chat widget to book instantly." },
|
||||
{ id: "q2", title: "What are your hours?", content: "Mon-Sat: 11:30–15:00 & 17:00–21:30. Sunday: Closed." },
|
||||
{ id: "q3", title: "Do you have parking?", content: "Street parking is available on Empire Avenue." },
|
||||
]}
|
||||
sideTitle="AI Host Receptionist"
|
||||
sideDescription="Ask our 24/7 AI host about menu, reservations, or directions."
|
||||
@@ -275,9 +146,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Visit Us"
|
||||
title="Book Your Reservation"
|
||||
description="150 Empire Avenue, Hout Bay, Cape Town. Call: +27 21 000 0000"
|
||||
@@ -291,29 +160,15 @@ export default function LandingPage() {
|
||||
logoText="Izakaya Kúkai"
|
||||
columns={[
|
||||
{
|
||||
title: "Restaurant",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
title: "Restaurant", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Menu", href: "#menu" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -322,4 +177,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user