bender/5d401ab9-b7f7-4b87-b5b4-f3a286ef13a9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-02 23:18:54 +00:00
parent 9adb9c63da
commit 3baf322b62
1 changed files with 62 additions and 207 deletions
Download Patch File Download Diff File Expand all files Collapse all files

269
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Award, Briefcase, Facebook, Gift, Heart, Home, Instagram, Smile, Trophy, Users, Wallet } from "lucide-react";
import { Award, Briefcase, Facebook, Gift, Heart, Home, Instagram, PartyPopper, Smile, Trophy, Users, UtensilsCrossed, Wallet } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,37 +33,21 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Our Story",
id: "#about",
},
name: "Our Story", id: "#about"},
{
name: "Menu",
id: "#menu",
},
name: "Menu", id: "#menu"},
{
name: "Experiences",
id: "#experiences",
},
name: "Experiences", id: "#experiences"},
{
name: "Reviews",
id: "#testimonials",
},
name: "Reviews", id: "#testimonials"},
{
name: "Press",
id: "#press",
},
name: "Press", id: "#press"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Reservations",
id: "#contact",
},
name: "Reservations", id: "#contact"},
]}
brandName="Köchlistube"
bottomLeftText="Zurich, Switzerland"
@@ -77,39 +61,23 @@ export default function LandingPage() {
description="A beloved local institution where tradition, craftsmanship and hospitality meet."
buttons={[
{
text: "Reserve Your Table",
href: "#contact",
},
text: "Reserve Your Table", href: "#contact"},
{
text: "Explore Our Menu",
href: "#menu",
},
text: "Explore Our Menu", href: "#menu"},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-crepes-stuffed-with-minced-meat-herb-garnished-with-sauce_140725-5793.jpg?_wi=1",
imageAlt: "Luxurious Swiss restaurant interior",
},
imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-crepes-stuffed-with-minced-meat-herb-garnished-with-sauce_140725-5793.jpg", imageAlt: "Luxurious Swiss restaurant interior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/bakery-items-wooden-table_53876-15276.jpg?_wi=1",
imageAlt: "Swiss chef plating traditional dish",
},
imageSrc: "http://img.b2bpic.net/free-photo/bakery-items-wooden-table_53876-15276.jpg", imageAlt: "Swiss chef plating traditional dish"},
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-sitting-cafe-while-eating-drinking-alcohol_171337-19780.jpg?_wi=1",
imageAlt: "Happy family dining in a Swiss restaurant",
},
imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-sitting-cafe-while-eating-drinking-alcohol_171337-19780.jpg", imageAlt: "Happy family dining in a Swiss restaurant"},
{
imageSrc: "http://img.b2bpic.net/free-photo/delicious-melted-cheese-snacks_23-2149274807.jpg",
imageAlt: "Close up of traditional Swiss cheese fondue",
},
imageSrc: "http://img.b2bpic.net/free-photo/delicious-melted-cheese-snacks_23-2149274807.jpg", imageAlt: "Close up of traditional Swiss cheese fondue"},
{
imageSrc: "http://img.b2bpic.net/free-photo/stunning-landscape-with-castle_23-2151915690.jpg",
imageAlt: "Historic Zurich building, Köchlistube facade",
},
imageSrc: "http://img.b2bpic.net/free-photo/stunning-landscape-with-castle_23-2151915690.jpg", imageAlt: "Historic Zurich building, Köchlistube facade"},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-plates-with-golden-spoons-dark-background-color-food-cutlery-restaurant-dinner-cafe_179666-19702.jpg",
imageAlt: "Elegant table setting with fine dining details",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-plates-with-golden-spoons-dark-background-color-food-cutlery-restaurant-dinner-cafe_179666-19702.jpg", imageAlt: "Elegant table setting with fine dining details"},
]}
autoplayDelay={5000}
showDimOverlay={true}
@@ -123,19 +91,13 @@ export default function LandingPage() {
metrics={[
{
icon: Home,
label: "Years of Tradition",
value: "100+",
},
label: "Years of Tradition", value: "100+"},
{
icon: Heart,
label: "Generations Served",
value: "3+",
},
label: "Generations Served", value: "3+"},
{
icon: Trophy,
label: "Culinary Awards",
value: "Acclaimed",
},
label: "Culinary Awards", value: "Acclaimed"},
]}
metricsAnimation="slide-up"
/>
@@ -149,47 +111,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "dish-1",
name: "Classic Cordon Bleu",
price: "CHF 42",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-roasted-young-potatoes-with-dill-chicken-top-view_114579-8233.jpg",
imageAlt: "Golden fried Cordon Bleu with a side of vegetables",
},
id: "dish-1", name: "Classic Cordon Bleu", price: "CHF 42", imageSrc: "http://img.b2bpic.net/free-photo/delicious-roasted-young-potatoes-with-dill-chicken-top-view_114579-8233.jpg", imageAlt: "Golden fried Cordon Bleu with a side of vegetables"},
{
id: "dish-2",
name: "Traditional Wiener Schnitzel",
price: "CHF 38",
imageSrc: "http://img.b2bpic.net/free-photo/grilled-sausages-shish-kebabs-table_23-2147852355.jpg",
imageAlt: "Crispy Wiener Schnitzel with a lemon wedge",
},
id: "dish-2", name: "Traditional Wiener Schnitzel", price: "CHF 38", imageSrc: "http://img.b2bpic.net/free-photo/grilled-sausages-shish-kebabs-table_23-2147852355.jpg", imageAlt: "Crispy Wiener Schnitzel with a lemon wedge"},
{
id: "dish-3",
name: "Köchlistube Schnitzelfondue",
price: "CHF 45",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-pouring-cake-mixture-into-baking-tin_140725-10289.jpg",
imageAlt: "Mini schnitzels for dipping in a special fondue sauce",
},
id: "dish-3", name: "Köchlistube Schnitzelfondue", price: "CHF 45", imageSrc: "http://img.b2bpic.net/free-photo/side-view-pouring-cake-mixture-into-baking-tin_140725-10289.jpg", imageAlt: "Mini schnitzels for dipping in a special fondue sauce"},
{
id: "dish-4",
name: "Authentic Swiss Cheese Fondue",
price: "CHF 34",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-delicious-fluffy-pancakes-with-cherry-powdered-sugar_181624-19094.jpg",
imageAlt: "Traditional cheese fondue pot with bread",
},
id: "dish-4", name: "Authentic Swiss Cheese Fondue", price: "CHF 34", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-delicious-fluffy-pancakes-with-cherry-powdered-sugar_181624-19094.jpg", imageAlt: "Traditional cheese fondue pot with bread"},
{
id: "dish-5",
name: "Zurich-style Veal Specialty",
price: "CHF 48",
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-arugula-grilled-eggplants_141793-744.jpg",
imageAlt: "Tender veal in a creamy mushroom sauce with rösti",
},
id: "dish-5", name: "Zurich-style Veal Specialty", price: "CHF 48", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-arugula-grilled-eggplants_141793-744.jpg", imageAlt: "Tender veal in a creamy mushroom sauce with rösti"},
{
id: "dish-6",
name: "Seasonal Local Harvest Plate",
price: "CHF 39",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-colored-bell-peppers-with-eggplants-basket-with-parsley-bowl-wooden-background_141793-51195.jpg",
imageAlt: "Seasonal vegetarian dish with fresh local ingredients",
},
id: "dish-6", name: "Seasonal Local Harvest Plate", price: "CHF 39", imageSrc: "http://img.b2bpic.net/free-photo/top-view-colored-bell-peppers-with-eggplants-basket-with-parsley-bowl-wooden-background_141793-51195.jpg", imageAlt: "Seasonal vegetarian dish with fresh local ingredients"},
]}
title="Our Culinary Journey"
description="Savor the authentic tastes of Switzerland with our meticulously crafted dishes, seasonal delights, and chef-recommended specialties."
@@ -203,79 +135,52 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Authentic Swiss Hospitality",
description: "Generations of tradition ensuring a welcoming atmosphere, generous portions, and genuine Swiss warmth for every guest.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-enyoing-dinner-party_23-2150717853.jpg",
imageAlt: "Warm welcoming restaurant staff",
},
title: "Authentic Swiss Hospitality", description: "Generations of tradition ensuring a welcoming atmosphere, generous portions, and genuine Swiss warmth for every guest.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-enyoing-dinner-party_23-2150717853.jpg", imageAlt: "Warm welcoming restaurant staff"},
items: [
{
icon: Smile,
text: "Warm Hospitality",
},
text: "Warm Hospitality"},
{
icon: Heart,
text: "Local Favorite",
},
text: "Local Favorite"},
{
icon: UtensilsCrossed,
text: "Traditional Atmosphere",
},
text: "Traditional Atmosphere"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-crepes-stuffed-with-minced-meat-herb-garnished-with-sauce_140725-5793.jpg?_wi=2",
imageAlt: "warm welcoming restaurant staff",
reverse: false
},
{
title: "Curated Private Gatherings",
description: "Host memorable events from birthday celebrations to corporate dinners in our beautifully appointed private spaces. Tailored experiences for every occasion.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-interior-with-served-decorated-tables-guests-restaurant_181624-53274.jpg",
imageAlt: "Elegant private dining room for events",
},
title: "Curated Private Gatherings", description: "Host memorable events from birthday celebrations to corporate dinners in our beautifully appointed private spaces. Tailored experiences for every occasion.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-interior-with-served-decorated-tables-guests-restaurant_181624-53274.jpg", imageAlt: "Elegant private dining room for events"},
items: [
{
icon: PartyPopper,
text: "Birthday Celebrations",
},
text: "Birthday Celebrations"},
{
icon: Briefcase,
text: "Corporate Dinners",
},
text: "Corporate Dinners"},
{
icon: Users,
text: "Group Reservations",
},
text: "Group Reservations"},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/bakery-items-wooden-table_53876-15276.jpg?_wi=2",
imageAlt: "warm welcoming restaurant staff",
reverse: true
},
{
title: "A Tasteful Gift of Tradition",
description: "Give the gift of an authentic Swiss dining experience. Our elegant gift cards are perfect for any occasion, offering flexibility and premium design.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/christmas-vintage-rustic-cutlery_1220-5006.jpg",
imageAlt: "Luxury gift card for dining experience",
},
title: "A Tasteful Gift of Tradition", description: "Give the gift of an authentic Swiss dining experience. Our elegant gift cards are perfect for any occasion, offering flexibility and premium design.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/christmas-vintage-rustic-cutlery_1220-5006.jpg", imageAlt: "Luxury gift card for dining experience"},
items: [
{
icon: Gift,
text: "Easy Purchase & Send",
},
text: "Easy Purchase & Send"},
{
icon: Wallet,
text: "Flexible Redemption",
},
text: "Flexible Redemption"},
{
icon: Award,
text: "Premium Visual Design",
},
text: "Premium Visual Design"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-sitting-cafe-while-eating-drinking-alcohol_171337-19780.jpg?_wi=2",
imageAlt: "warm welcoming restaurant staff",
reverse: false
},
]}
title="The Köchlistube Experience"
@@ -288,30 +193,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-is-cold-wrapped-blanket-emotion-concept_169016-66617.jpg",
},
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-is-cold-wrapped-blanket-emotion-concept_169016-66617.jpg"},
{
id: "2",
name: "Michael Chen",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-girl-sitting-cafe-outdoor-table-woman-using-mobile-phone-coffee-shop_197531-22988.jpg",
},
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-girl-sitting-cafe-outdoor-table-woman-using-mobile-phone-coffee-shop_197531-22988.jpg"},
{
id: "3",
name: "Emily Rodriguez",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-sunglasses-drinks-coffee-cafe-street_613910-10416.jpg",
},
id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-sunglasses-drinks-coffee-cafe-street_613910-10416.jpg"},
{
id: "4",
name: "David Kim",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg",
},
id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg"},
{
id: "5",
name: "Anna Meier",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-redhead-female-tourist-talks-mobile-phone-walks-around-city-happy-student-red-hat_1258-151948.jpg",
},
id: "5", name: "Anna Meier", imageSrc: "http://img.b2bpic.net/free-photo/smiling-redhead-female-tourist-talks-mobile-phone-walks-around-city-happy-student-red-hat_1258-151948.jpg"},
]}
cardTitle="What Our Guests Say"
cardTag="Cherished Memories"
@@ -324,14 +214,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"http://img.b2bpic.net/free-vector/travel-logo-template_23-2149705455.jpg",
"http://img.b2bpic.net/free-vector/flat-design-mason-logo_23-2149234393.jpg",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mbiew2",
"http://img.b2bpic.net/free-photo/chef-s-special_329181-691.jpg",
"http://img.b2bpic.net/free-photo/view-fake-news-words_23-2148873238.jpg",
"http://img.b2bpic.net/free-photo/amazing-traveling-experience-image-beautiful-stylish-woman-posing-back-looking-breathtaking-mountains-view_291049-2574.jpg",
"http://img.b2bpic.net/free-photo/people-scanning-qr-codes-restaurant_23-2149357915.jpg",
]}
"http://img.b2bpic.net/free-vector/travel-logo-template_23-2149705455.jpg", "http://img.b2bpic.net/free-vector/flat-design-mason-logo_23-2149234393.jpg", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mbiew2", "http://img.b2bpic.net/free-photo/chef-s-special_329181-691.jpg", "http://img.b2bpic.net/free-photo/view-fake-news-words_23-2148873238.jpg", "http://img.b2bpic.net/free-photo/amazing-traveling-experience-image-beautiful-stylish-woman-posing-back-looking-breathtaking-mountains-view_291049-2574.jpg", "http://img.b2bpic.net/free-photo/people-scanning-qr-codes-restaurant_23-2149357915.jpg"]}
title="Acclaimed & Featured"
description="Proudly recognized by leading culinary guides and media for our unwavering commitment to authentic Swiss tradition and excellence."
/>
@@ -342,30 +225,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "How do I make a reservation?",
content: "Reservations can be made easily through our online system or by calling us directly. We recommend booking in advance, especially for weekend evenings.",
},
id: "faq-1", title: "How do I make a reservation?", content: "Reservations can be made easily through our online system or by calling us directly. We recommend booking in advance, especially for weekend evenings."},
{
id: "faq-2",
title: "Can you accommodate large groups or private events?",
content: "Yes, we welcome groups and offer dedicated private dining options for special occasions. Please contact our events team to discuss your specific needs.",
},
id: "faq-2", title: "Can you accommodate large groups or private events?", content: "Yes, we welcome groups and offer dedicated private dining options for special occasions. Please contact our events team to discuss your specific needs."},
{
id: "faq-3",
title: "Are children welcome at Köchlistube?",
content: "Absolutely! Köchlistube is a family-friendly establishment. We offer high chairs and a special menu for our younger guests.",
},
id: "faq-3", title: "Are children welcome at Köchlistube?", content: "Absolutely! Köchlistube is a family-friendly establishment. We offer high chairs and a special menu for our younger guests."},
{
id: "faq-4",
title: "Is the restaurant wheelchair accessible?",
content: "Our premises are fully accessible for wheelchair users, including our dining areas and restrooms. Please notify us in advance if you require any specific assistance.",
},
id: "faq-4", title: "Is the restaurant wheelchair accessible?", content: "Our premises are fully accessible for wheelchair users, including our dining areas and restrooms. Please notify us in advance if you require any specific assistance."},
{
id: "faq-5",
title: "Do you allow pets?",
content: "Well-behaved dogs are welcome in our outdoor seating area. For indoor dining, only service animals are permitted.",
},
id: "faq-5", title: "Do you allow pets?", content: "Well-behaved dogs are welcome in our outdoor seating area. For indoor dining, only service animals are permitted."},
]}
sideTitle="Your Questions, Answered"
sideDescription="Find everything you need to know about dining at Köchlistube, from reservations to special requests and policies."
@@ -378,22 +246,15 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
text="Plan Your Visit & Reserve Your Table"
buttons={[
{
text: "Book a Table",
href: "#",
},
text: "Book a Table", href: "#"},
{
text: "View on Map",
href: "#",
},
text: "View on Map", href: "#"},
{
text: "Sign up for Newsletter",
href: "#",
},
text: "Sign up for Newsletter", href: "#"},
]}
/>
</div>
@@ -405,19 +266,13 @@ export default function LandingPage() {
socialLinks={[
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
href: "#", ariaLabel: "Instagram"},
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
href: "#", ariaLabel: "Facebook"},
{
icon: Award,
href: "#",
ariaLabel: "TripAdvisor",
},
href: "#", ariaLabel: "TripAdvisor"},
]}
/>
</div>