Merge version_1 into main #4

Merged
bender merged 1 commits from version_1 into main 2026-04-20 10:22:38 +00:00

View File

@@ -1,6 +1,5 @@
'use client';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import AboutMetric from '@/components/sections/about/AboutMetric';
@@ -11,79 +10,115 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Utensils, Award, Clock, Instagram, Facebook } from 'lucide-react';
const navItems = [{ name: "Home", id: "/" }];
export default function Page() {
return (
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ThemeProvider>
<div id="nav" data-section="nav">
<NavbarStyleApple brandName="Ravintola Urban" navItems={[{name: "Home", id: "/"}]} />
<NavbarStyleApple navItems={navItems} brandName="Urban" />
</div>
<div id="hero" data-section="hero">
<HeroBillboard
<HeroBillboard
background={{ variant: "radial-gradient" }}
title="A new story with every plate."
description="Recognized among Finland's Top 50. We honor the craft of fine dining with a promise that no dish is ever repeated. Welcome to Urban."
buttons={[{text: "Reserve a Table", href: "#contact"}]}
buttons={[{ text: "Reserve a Table", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196964.jpg"
avatars={[{src: "http://img.b2bpic.net/free-photo/beautiful-white-poinsettia-assortement_23-2149138712.jpg", alt: "Guest 1"}, {src: "http://img.b2bpic.net/free-photo/bright-candles-burn-standing-floor_1304-5613.jpg", alt: "Guest 2"}, {src: "http://img.b2bpic.net/free-photo/christmas-table-living-room-with-objects-holiday-decor-new-year-eve-concept_132075-11240.jpg", alt: "Guest 3"}, {src: "http://img.b2bpic.net/free-photo/view-christmas-decor-table_23-2150678952.jpg", alt: "Guest 4"}, {src: "http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149727971.jpg", alt: "Guest 5"}]}
marqueeItems={[{type: "text", text: "Michelin Recommended"}, {type: "text", text: "Seasonal Ingredients"}, {type: "text", text: "Chef-Led Experiences"}, {type: "text", text: "Intimate Ambiance"}, {type: "text", text: "Uniquely Curated"}]}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/beautiful-white-poinsettia-assortement_23-2149138712.jpg", alt: "Guest 1" },
{ src: "http://img.b2bpic.net/free-photo/bright-candles-burn-standing-floor_1304-5613.jpg", alt: "Guest 2" },
{ src: "http://img.b2bpic.net/free-photo/christmas-table-living-room-with-objects-holiday-decor-new-year-eve-concept_132075-11240.jpg", alt: "Guest 3" },
{ src: "http://img.b2bpic.net/free-photo/view-christmas-decor-table_23-2150678952.jpg", alt: "Guest 4" },
{ src: "http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149727971.jpg", alt: "Guest 5" }
]}
marqueeItems={[
{ type: "text", text: "Michelin Recommended" },
{ type: "text", text: "Seasonal Ingredients" },
{ type: "text", text: "Chef-Led Experiences" },
{ type: "text", text: "Intimate Ambiance" },
{ type: "text", text: "Uniquely Curated" }
]}
/>
</div>
<div id="about" data-section="about">
<AboutMetric
<AboutMetric
title="Philosophy of Impermanence"
metrics={[{icon: Utensils, label: "Dishes Repeated", value: "0"}, {icon: Award, label: "Finland Top 50", value: "Ranked"}, {icon: Clock, label: "Chef's Focus", value: "Daily"}]}
metricsAnimation="slide-up"
useInvertedBackground={false}
metrics={[
{ icon: Utensils, label: "Dishes Repeated", value: "0" },
{ icon: Award, label: "Finland Top 50", value: "Ranked" },
{ icon: Clock, label: "Chef's Focus", value: "Daily" }
]}
/>
</div>
<div id="menu" data-section="menu">
<ProductCardThree
title="The Daily Selection"
description="Lunch and Evening experiences crafted for those who value the singular moment."
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[{id: "l1", name: "Weekday Lunch", price: "45€", imageSrc: "http://img.b2bpic.net/free-photo/view-soft-cake-decorated-with-orange-chocolate-dark-table_140725-86436.jpg"}, {id: "e1", name: "Evening Experience", price: "120€", imageSrc: "http://img.b2bpic.net/free-photo/fork-near-plate-with-twig_23-2147811260.jpg"}, {id: "p1", name: "Chef's Pairing", price: "65€", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-42640.jpg"}]}
title="The Daily Selection"
description="Lunch and Evening experiences crafted for those who value the singular moment."
products={[
{ id: "l1", name: "Weekday Lunch", price: "45€", imageSrc: "http://img.b2bpic.net/free-photo/view-soft-cake-decorated-with-orange-chocolate-dark-table_140725-86436.jpg" },
{ id: "e1", name: "Evening Experience", price: "120€", imageSrc: "http://img.b2bpic.net/free-photo/fork-near-plate-with-twig_23-2147811260.jpg" },
{ id: "p1", name: "Chef's Pairing", price: "65€", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-42640.jpg" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
<TestimonialCardFifteen
testimonial="Urban is more than a restaurant; it is a conversation between the chef and the guest that never repeats itself. Truly world-class."
rating={5}
author="Markus K."
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
useInvertedBackground={false}
avatars={[{src: "http://img.b2bpic.net/free-photo/young-woman-eating-pasta-cafe_1303-25260.jpg", alt: "Guest"}, {src: "http://img.b2bpic.net/free-photo/middle-age-friends-night-having-dinner_23-2149190916.jpg", alt: "Guest"}, {src: "http://img.b2bpic.net/free-photo/crazy-chef-worried-expression_1194-1344.jpg", alt: "Guest"}, {src: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018849.jpg", alt: "Guest"}, {src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-table_23-2149213371.jpg", alt: "Guest"}]}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/young-woman-eating-pasta-cafe_1303-25260.jpg", alt: "Guest" },
{ src: "http://img.b2bpic.net/free-photo/middle-age-friends-night-having-dinner_23-2149190916.jpg", alt: "Guest" },
{ src: "http://img.b2bpic.net/free-photo/crazy-chef-worried-expression_1194-1344.jpg", alt: "Guest" },
{ src: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018849.jpg", alt: "Guest" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-table_23-2149213371.jpg", alt: "Guest" }
]}
/>
</div>
<div id="hours" data-section="hours">
<FeatureCardTwelve
title="Opening Hours"
description="Join us for lunch during the week or a curated evening experience on the weekend."
<FeatureCardTwelve
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[{id: "h1", label: "Weekdays", title: "Lunch Service", items: ["11:30 - 14:00"]}, {id: "h2", label: "Fri - Sat", title: "Evening Experience", items: ["From 18:00"]}, {id: "h3", label: "Sun - Thu", title: "Private Events", items: ["By appointment"]}]}
title="Opening Hours"
description="Join us for lunch during the week or a curated evening experience on the weekend."
features={[
{ id: "h1", label: "Weekdays", title: "Lunch Service", items: ["11:30 - 14:00"] },
{ id: "h2", label: "Fri - Sat", title: "Evening Experience", items: ["From 18:00"] },
{ id: "h3", label: "Sun - Thu", title: "Private Events", items: ["By appointment"] },
{ id: "h4", label: "Notes", title: "Important", items: ["Booking Required"] },
{ id: "h5", label: "Visit", title: "Location", items: ["Downtown Helsinki"] }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
<ContactCenter
background={{ variant: "radial-gradient" }}
tag="Reservations"
title="Reserve Your Experience"
description="Because our dishes are never repeated, our space is limited. Please reach out to secure your table."
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
<FooterCard
logoText="Ravintola Urban"
copyrightText="© 2025 Ravintola Urban"
socialLinks={[{icon: Instagram, href: "#", ariaLabel: "Instagram"}, {icon: Facebook, href: "#", ariaLabel: "Facebook"}]}
socialLinks={[
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
{ icon: Facebook, href: "#", ariaLabel: "Facebook" }
]}
/>
</div>
</ThemeProvider>
);
}
}