Update src/app/page.tsx
This commit is contained in:
344
src/app/page.tsx
344
src/app/page.tsx
@@ -1,273 +1,87 @@
|
||||
"use client";
|
||||
'use client';
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
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';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Award, Clock, Facebook, Instagram, Utensils } from "lucide-react";
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Utensils, Award, Clock, Instagram, Facebook } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function Page() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmall"
|
||||
background="none"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Reserve",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Urban"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<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",
|
||||
},
|
||||
]}
|
||||
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",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
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."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
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."
|
||||
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",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hours" data-section="hours">
|
||||
<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."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
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."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Ravintola Urban"
|
||||
copyrightText="© 2025 Ravintola Urban"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple brandName="Ravintola Urban" navItems={[{name: "Home", id: "/"}]} />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<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"}]}
|
||||
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"}]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<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}
|
||||
/>
|
||||
</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"}]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<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"
|
||||
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."
|
||||
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"]}]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
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" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Ravintola Urban"
|
||||
copyrightText="© 2025 Ravintola Urban"
|
||||
socialLinks={[{icon: Instagram, href: "#", ariaLabel: "Instagram"}, {icon: Facebook, href: "#", ariaLabel: "Facebook"}]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user