Files
bc9972c5-d0e9-45e1-9deb-2a9…/src/app/page.tsx
2026-03-03 22:08:01 +00:00

182 lines
9.0 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBase from '@/components/sections/footer/FooterBase';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="medium"
background="circleGradient"
cardStyle="glass-depth"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
headingFontWeight="light"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Etusivu", id: "hero" },
{ name: "Tietoa meistä", id: "about" },
{ name: "Ruokalista", id: "menu" },
{ name: "Arvostelut", id: "testimonials" },
{ name: "Yhteystiedot", id: "contact" }
]}
brandName="Sun Ravintola"
bottomLeftText="Mänttä-Vilppula"
bottomRightText="045 880 0266"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
logoText="Sun Ravintola"
description="Monipuolinen kiinalainen buffet tuoreilla raaka-aineilla. Sushi, lämpimät ruoat ja makeat herkkurit — kaikki samalla hinnalla."
buttons={[
{ text: "Soita ja varaa pöytä", href: "tel:+358458800266" },
{ text: "Katso ruokalista", href: "#menu" }
]}
buttonAnimation="slide-up"
background={{ variant: "sparkles-gradient" }}
imageSrc="http://img.b2bpic.net/free-photo/lot-variety-fruits-drinks-served-celebration-table_8353-9832.jpg"
imageAlt="Sun ravintolan monipuolinen buffet"
mediaAnimation="blur-reveal"
frameStyle="card"
ariaLabel="Hero section - Tervetuloa Sun ravintolaan"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
tag="Tietoa meistä"
title="Iloinen, siisti ja tunnelmallinen ravintola"
description="Sun ravintolassa yhdistyy perinteinen kiinalainen ruoka ja tuore sushi. Tarjoamme runsaan buffet-valikoimaa kohtuulliseen hintaan. Ystävällinen henkilökuntamme ja kodikasympäristömme tekevät jokaisesta käynnistä miellyttävän."
metrics={[
{ value: "4,6/5", title: "Asiakastyytyväisyys" },
{ value: "225+", title: "Arvostelua" }
]}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/tables-chairs-arranged-empty-coffee-shop_107420-96463.jpg"
imageAlt="Sun ravintolan sisustus"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="menu" data-section="menu">
<FeatureCardTwentySeven
features={[
{
id: "buffet", title: "Runsas Buffet", description: "Perinteisiä kiinalaisia ruokia, kuten nuudeleita, riisiä, paistettu kana ja paljon muuta. Tuoreet raaka-aineet ja ammattitaitoinen valmistus.", imageSrc: "http://img.b2bpic.net/free-photo/people-hotel-delicious-meat-table_1203-4814.jpg", imageAlt: "Kiinalaisen buffet-ruoan valikoima"
},
{
id: "sushi", title: "Tuore Sushi", description: "Päivittäin valmistettu sushi erilaisia makujen yhdistelmiä. Rullista niihin, jotka ensikertalaiset nauttivat, löydät kaiken.", imageSrc: "http://img.b2bpic.net/free-photo/colorful-delicious-mouthwatering-sushi-set-laying-plate-including-different-ingredients-fish-caviar-rice-cucumber-salmon-soy-sauce-wasabi-sesame-seeds-interesting-presentation_132075-13062.jpg", imageAlt: "Sushi-valikoima"
},
{
id: "warm-dishes", title: "Lämpimät Ruoat", description: "Suklaisia kastikkeita, teriyaki-lihaa ja mausteisia ruokia. Jokainen ruoka valmistetaan hyväksi ja makeaksi.", imageSrc: "http://img.b2bpic.net/free-photo/chicken-noodles-table-with-sushi-rolls_140725-3881.jpg", imageAlt: "Kuumien kiinalaisten ruokalajien valikoima"
},
{
id: "desserts", title: "Makeat Herkkurit", description: "Perinteisiä kiinalaisia makeita kuten mantelipallot ja kiinaomenat. Täydellinen päätös miellyttävälle ruokailulle.", imageSrc: "http://img.b2bpic.net/free-photo/chicken-noodles-table-with-sushi-rolls_140725-3881.jpg", imageAlt: "Makeat jälkiruoat"
}
]}
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
title="Ruokalista"
description="Monipuolinen valikoima jokaiselle makusulle"
tag="Buffet & Sushi"
textboxLayout="default"
useInvertedBackground="noInvert"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
testimonial="Iloinen yllätys! Monipuolinen ja maukas kattaus. Hinta-laatusuhde on loistava. Ystävällinen henkilökunta ja siisti ympäristö. Lämpimästi suositeltavaksi!"
rating={5}
author="Mari K., Google-arvostelut"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg", alt: "Asiakas 1" },
{ src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg", alt: "Asiakas 2" },
{ src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg", alt: "Asiakas 3" },
{ src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg", alt: "Asiakas 4" },
{ src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg", alt: "Asiakas 5" },
{ src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg", alt: "Asiakas 6" }
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
useInvertedBackground={true}
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Luotettu ja arvostellut"
description="Löydä meidät kaikista suurista arvostelupalveluista"
tag="Palveluarviot"
names={[
"Google Arvostelut", "TripAdvisor", "Yelp", "Facebook", "Instagram", "OpenStreetMap", "Google Maps"
]}
textboxLayout="default"
useInvertedBackground={false}
speed={40}
showCard={true}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
text="Varaa pöytäsi tänään soita tai avaa reittiohjeet"
animationType="reveal-blur"
buttons={[
{ text: "Soita: 045 880 0266", href: "tel:+358458800266" },
{ text: "Avaa reittiohjeet", href: "https://maps.google.com/?q=Sun+ravintola+Valtatie+54+Mänttä-Vilppula" }
]}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="Sun Ravintola"
copyrightText="© 2025 Sun Ravintola. Kaikki oikeudet pidätetään."
columns={[
{
title: "Yhteystiedot", items: [
{ label: "Puhelin", href: "tel:+358458800266" },
{ label: "Osoite: Valtatie 54, 35820 Mänttä-Vilppula", href: "https://maps.google.com/?q=Sun+ravintola+Valtatie+54+Mänttä-Vilppula" },
{ label: "Sähköposti", href: "#" }
]
},
{
title: "Aukioloajat", items: [
{ label: "MaPe: 10:3022:00", href: "#" },
{ label: "LaSu: 11:0022:00", href: "#" },
{ label: "Lounas: 10:3015:00", href: "#" }
]
},
{
title: "Seuraa meitä", items: [
{ label: "Facebook", href: "#" },
{ label: "Instagram", href: "#" },
{ label: "Google Arvostelut", href: "#" }
]
}
]}
/>
</div>
</ThemeProvider>
);
}