bender/bd388136-3db3-4c62-99e8-19261401d1dc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-04-15 23:34:08 +00:00
Conversation 0 Commits 2 Files Changed 2 +37 -307
2 changed files with 37 additions and 307 deletions
Download Patch File Download Diff File Expand all files Collapse all files

330
src/app/page.tsx
View File

@@ -10,6 +10,7 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Phone } from "lucide-react";
export default function LandingPage() {
return (
@@ -26,136 +27,37 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<div id="nav" data-section="nav" className="sticky top-0 z-50 bg-background/90 backdrop-blur-md">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Menu",
id: "menu",
},
{
name: "Reservations",
id: "reservation",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Location", id: "location" },
{ name: "Testimonials", id: "testimonials" },
{ name: "FAQ", id: "faq" },
{ name: "Reservations", id: "reservation" },
{ name: "Contact", id: "contact" },
]}
brandName="Mr. Chan"
/>
<div className="fixed bottom-4 right-4 z-[60] lg:hidden">
<a href="tel:90113318" className="flex items-center gap-2 bg-primary-cta text-primary-cta-text px-4 py-3 rounded-full shadow-lg font-bold">
<Phone className="w-5 h-5" />
Call Now
</a>
</div>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Authentic Cantonese Cuisine in Bergen"
description="Family-run Chinese restaurant serving traditional Hong Kong Cantonese dishes in the heart of Tårnplassen."
leftCarouselItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=emaynu",
imageAlt: "Dim Sum Platter",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6lfn3a&_wi=1",
imageAlt: "Roast Duck",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6x2c5t",
imageAlt: "Cantonese Noodles",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k26n9v",
imageAlt: "Fried Rice",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8vwjda&_wi=1",
imageAlt: "Dumplings",
},
]}
rightCarouselItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jpphnw",
imageAlt: "Fried Rice",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oirkbc",
imageAlt: "Dumplings",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=io7w5l",
imageAlt: "Soup",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pftxa5",
imageAlt: "Dim Sum Platter",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m8twsj",
imageAlt: "Roast Duck",
},
]}
buttons={[
{
text: "Book a Table",
href: "#reservation",
},
{
text: "Order Takeaway",
href: "#contact",
},
]}
avatars={[
{
src: "asset://hero-avatar-1",
alt: "Customer",
},
{
src: "asset://hero-avatar-2",
alt: "Customer",
},
{
src: "asset://hero-avatar-3",
alt: "Customer",
},
{
src: "asset://hero-avatar-4",
alt: "Customer",
},
{
src: "asset://hero-avatar-5",
alt: "Customer",
},
]}
leftCarouselItems={[{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=emaynu", imageAlt: "Dim Sum Platter" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6lfn3a&_wi=1", imageAlt: "Roast Duck" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6x2c5t", imageAlt: "Cantonese Noodles" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k26n9v", imageAlt: "Fried Rice" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8vwjda&_wi=1", imageAlt: "Dumplings" }]}
rightCarouselItems={[{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jpphnw", imageAlt: "Fried Rice" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oirkbc", imageAlt: "Dumplings" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=io7w5l", imageAlt: "Soup" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pftxa5", imageAlt: "Dim Sum Platter" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m8twsj", imageAlt: "Roast Duck" }]}
buttons={[{ text: "Book a Table", href: "#reservation" }, { text: "Order Takeaway", href: "#contact" }]}
avatarText="Loved by 1000+ local foodies"
marqueeItems={[
{
type: "text",
text: "Authentic",
},
{
type: "text",
text: "Hong Kong Style",
},
{
type: "text",
text: "Fresh Ingredients",
},
{
type: "text",
text: "Family Recipe",
},
{
type: "text",
text: "Cantonese Tradition",
},
]}
/>
</div>
@@ -164,24 +66,9 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Our Story"
description="Founded by two brothers from Hong Kong, Mr. Chan brings the true essence of Cantonese dining to Bergen. We prioritize authentic ingredients, traditional recipes, and warm, family-style hospitality."
metrics={[
{
value: "20+",
title: "Years Experience",
},
{
value: "100%",
title: "Authentic Taste",
},
{
value: "1000+",
title: "Happy Customers",
},
]}
metrics={[{ value: "20+", title: "Years Experience" }, { value: "100%", title: "Authentic Taste" }, { value: "1000+", title: "Happy Customers" }]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3rhyjn"
imageAlt="Mr. Chan Restaurant Owners"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
@@ -191,44 +78,7 @@ export default function LandingPage() {
textboxLayout="split"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Signature Dim Sum Platter",
price: "199 NOK",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lamwi4",
},
{
id: "2",
name: "Cantonese Roast Duck",
price: "249 NOK",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=flc6j7",
},
{
id: "3",
name: "Stir-fried Beef Noodles",
price: "189 NOK",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ckn3sv",
},
{
id: "4",
name: "Shrimp Fried Rice",
price: "179 NOK",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wf4t8i",
},
{
id: "5",
name: "Steamed Pork Dumplings",
price: "129 NOK",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tj7y0k",
},
{
id: "6",
name: "Hot and Sour Soup",
price: "99 NOK",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0r5gw9",
},
]}
products={[{ id: "1", name: "Signature Dim Sum Platter", price: "199 NOK", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lamwi4" }, { id: "2", name: "Cantonese Roast Duck", price: "249 NOK", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=flc6j7" }, { id: "3", name: "Stir-fried Beef Noodles", price: "189 NOK", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ckn3sv" }, { id: "4", name: "Shrimp Fried Rice", price: "179 NOK", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wf4t8i" }, { id: "5", name: "Steamed Pork Dumplings", price: "129 NOK", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tj7y0k" }, { id: "6", name: "Hot and Sour Soup", price: "99 NOK", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0r5gw9" }]}
title="Our Popular Dishes"
description="Explore our chef's selection of traditional Cantonese delicacies, meticulously prepared."
/>
@@ -238,23 +88,7 @@ export default function LandingPage() {
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "loc1",
title: "Address",
content: "Tårnplassen 3, 5012 Bergen, Norway",
},
{
id: "loc2",
title: "Opening Hours",
content: "Monday - Sunday: 12:00 - 22:00",
},
{
id: "loc3",
title: "Directions",
content: "Central location at Tårnplassen, easily accessible by public transport.",
},
]}
faqs={[{ id: "loc1", title: "Address", content: "Tårnplassen 3, 5012 Bergen, Norway" }, { id: "loc2", title: "Opening Hours", content: "Monday - Sunday: 12:00 - 22:00" }, { id: "loc3", title: "Directions", content: "Central location at Tårnplassen, easily accessible by public transport." }]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=64khlo"
imageAlt="Mr. Chan Location"
title="Location & Hours"
@@ -269,48 +103,7 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Eirik Larsen",
handle: "@bergenfoodie",
testimonial: "The best Cantonese food in Bergen! Feels just like Hong Kong.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=21eaad",
},
{
id: "t2",
name: "Anne Berit",
handle: "@foodlover",
testimonial: "Warm service and delicious roast duck. Will return soon.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zfp6bo",
},
{
id: "t3",
name: "Chen Wei",
handle: "@localvisitor",
testimonial: "Very authentic and fresh ingredients. High quality!",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=taqflg",
},
{
id: "t4",
name: "Kristian Hansen",
handle: "@dinnerfan",
testimonial: "Great atmosphere for family dinner. Highly recommend.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1ey96k",
},
{
id: "t5",
name: "Maria Silva",
handle: "@traveler",
testimonial: "Fantastic dim sum selection. Perfectly prepared!",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gt8qrh",
},
]}
testimonials={[{ id: "t1", name: "Eirik Larsen", handle: "@bergenfoodie", testimonial: "The best Cantonese food in Bergen! Feels just like Hong Kong.", rating: 5 }, { id: "t2", name: "Anne Berit", handle: "@foodlover", testimonial: "Warm service and delicious roast duck. Will return soon.", rating: 5 }, { id: "t3", name: "Chen Wei", handle: "@localvisitor", testimonial: "Very authentic and fresh ingredients. High quality!", rating: 5 }]}
showRating={true}
title="What Our Guests Say"
description="Authentic dining experiences that keep our guests coming back."
@@ -321,28 +114,11 @@ export default function LandingPage() {
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do you offer takeaway?",
content: "Yes! You can call us at 90113318 to order or reach out via WhatsApp.",
},
{
id: "f2",
title: "Can you accommodate dietary requirements?",
content: "Please let our staff know about any allergies or dietary needs, and we will do our best to accommodate you.",
},
{
id: "f3",
title: "Is table reservation required?",
content: "While walk-ins are welcome, we recommend reserving a table, especially on weekends.",
},
]}
faqs={[{ id: "f1", title: "Do you offer takeaway?", content: "Yes! You can call us at 90113318 to order or reach out via WhatsApp." }, { id: "f2", title: "Can you accommodate dietary requirements?", content: "Please let our staff know about any allergies or dietary needs, and we will do our best to accommodate you." }, { id: "f3", title: "Is table reservation required?", content: "While walk-ins are welcome, we recommend reserving a table, especially on weekends." }]}
title="Questions & Answers"
description="Common questions about our restaurant, takeaway, and services."
faqsAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7fyo9b"
imageAlt="Hot soup bowl"
mediaAnimation="slide-up"
/>
</div>
@@ -350,9 +126,7 @@ export default function LandingPage() {
<div id="reservation" data-section="reservation">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
tag="Reservations"
title="Book a Table"
description="Reserve your table today for an authentic Cantonese dining experience in Bergen."
@@ -360,7 +134,6 @@ export default function LandingPage() {
buttonText="Reserve Now"
onSubmit={(data) => console.log('Reservation Submitted:', data)}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6lfn3a&_wi=2"
imageAlt="Traditional roast duck"
mediaAnimation="slide-up"
/>
</div>
@@ -368,16 +141,13 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
tag="Contact Us"
title="Get in Touch"
description="Need to reach us? Call 90113318, send us a WhatsApp, or fill out the form below."
buttonText="Send Message"
onSubmit={(data) => console.log('Contact form:', data)}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8vwjda&_wi=2"
imageAlt="Authentic dumplings"
mediaAnimation="slide-up"
/>
</div>
@@ -385,49 +155,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Mr. Chan Restaurant",
items: [
{
label: "Tårnplassen 3, 5012 Bergen",
href: "#",
},
{
label: "Call: 90113318",
href: "tel:90113318",
},
],
},
{
title: "Quick Links",
items: [
{
label: "Home",
href: "#hero",
},
{
label: "Menu",
href: "#menu",
},
{
label: "Reservations",
href: "#reservation",
},
],
},
{
title: "Social",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Facebook",
href: "#",
},
],
},
{ title: "Mr. Chan Restaurant", items: [{ label: "Tårnplassen 3, 5012 Bergen", href: "#" }, { label: "Call: 90113318", href: "tel:90113318" }] },
{ title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }, { label: "Reservations", href: "#reservation" }] },
{ title: "Social Media", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] }
]}
bottomLeftText="© 2024 Mr. Chan Restaurant. All rights reserved."
bottomRightText="Authentic Cantonese Dining in Bergen"

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #fffafa;
--card: #fff7f7;
--foreground: #1a0000;
--primary-cta: #e63946;
--background: #000000;
--card: #1a0d0d;
--foreground: #ffe6e6;
--primary-cta: #ff3d4a;
--primary-cta-text: #ffffff;
--secondary-cta: #f1c40f;
--secondary-cta: #1f0a0a;
--secondary-cta-text: #1a0000;
--accent: #d4af37;
--background-accent: #f09199;
--accent: #b8111f;
--background-accent: #51000b;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);