234 lines
11 KiB
TypeScript
234 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="largeSmall"
|
|
background="circleGradient"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "home"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Experience", id: "experience"},
|
|
{
|
|
name: "Menu", id: "menu"},
|
|
{
|
|
name: "Gallery", id: "gallery"},
|
|
{
|
|
name: "Reservations", id: "reservations"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Uma Hibachi & Sushi"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroOverlayTestimonial
|
|
title="Where Every Meal Is a Performance"
|
|
description="Experience the thrill of live hibachi grilling and the finest fresh sushi in Schuylkill County."
|
|
testimonials={[
|
|
{
|
|
name: "John D.", handle: "Birthday Guest", testimonial: "The hibachi chef was hilarious and the food was perfect. Best birthday celebration!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-grilled-steak-with-rosemary-tomatoes-human-hands-barbecue_176474-3115.jpg?_wi=1", imageAlt: "hibachi chef cooking performance restaurant"},
|
|
{
|
|
name: "Sarah M.", handle: "Regular", testimonial: "Ask for chef CJ! His performance is top-notch and the sushi is consistently fresh.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312224.jpg", imageAlt: "hibachi chef cooking performance restaurant"},
|
|
{
|
|
name: "Robert B.", handle: "Anniversary", testimonial: "Great atmosphere for a date night. Attentive service and huge portions.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hamachi-sushi_74190-5920.jpg?_wi=1", imageAlt: "hibachi chef cooking performance restaurant"},
|
|
{
|
|
name: "Linda K.", handle: "Foodie", testimonial: "Fresh sashimi, incredible rolls, and the hibachi grill show is just mesmerizing.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sansoji-temple-famous-tokyo-japan_1150-11097.jpg?_wi=1", imageAlt: "hibachi chef cooking performance restaurant"},
|
|
{
|
|
name: "Mark S.", handle: "Family Night", testimonial: "The kids loved the fire show and the desserts were a delightful surprise.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/long-steel-dish-with-grape-sliced-apple-watermelon_8353-572.jpg?_wi=1", imageAlt: "hibachi chef cooking performance restaurant"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Call for a reservation ", href: "https://umahibachisushi.com"},
|
|
{
|
|
text: "View Menu", href: "https://umahibachisushi.com"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/side-view-grilled-steak-with-rosemary-tomatoes-human-hands-barbecue_176474-3115.jpg?_wi=2"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934674.jpg", alt: "Satisfied customer 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934676.jpg", alt: "Satisfied customer 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149728011.jpg", alt: "Satisfied customer 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/cook-holding-burning-pan-hand_23-2148040253.jpg", alt: "Satisfied customer 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/man-preparing-sushi-order-takeaway_23-2149050369.jpg", alt: "Satisfied customer 5"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
title="A Legacy of Freshness and Entertainment"
|
|
buttons={[
|
|
{
|
|
text: "", href: "#experience"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="experience" data-section="experience">
|
|
<FeatureCardTwentyEight
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "f1", title: "Live Chef Performance", subtitle: "Interactive entertainment right at your table.", category: "Dining", value: "Unique"},
|
|
{
|
|
id: "f2", title: "Special Occasions", subtitle: "Celebrate birthdays and date nights with us.", category: "Event", value: "Celebratory"},
|
|
{
|
|
id: "f3", title: "Fresh Sushi Bar", subtitle: "Hand-crafted rolls and premium sashimi.", category: "Cuisine", value: "Fresh"},
|
|
]}
|
|
title="The Ultimate Celebration Venue"
|
|
description="Join us for birthdays, anniversaries, or group outings. Enjoy our signature birthday singing tradition and complimentary desserts."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardThree
|
|
animationType="opacity"
|
|
textboxLayout="default"
|
|
gridVariant="two-columns-alternating-heights"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "p1", name: "Hibachi Steak (N.Y. Strip)", price: "$20.95", imageSrc: "http://img.b2bpic.net/free-photo/side-view-grilled-steak-with-rosemary-tomatoes-human-hands-barbecue_176474-3115.jpg?_wi=2" },
|
|
{ id: "p2", name: "Salmon Teriyaki", price: "$19.95", imageSrc: "http://img.b2bpic.net/free-photo/salmon-raw-sashimi_1339-3842.jpg" },
|
|
{ id: "p3", name: "Spicy Tuna Roll", price: "$9.50", imageSrc: "http://img.b2bpic.net/free-photo/unagi-sushi-rolls-served-white-stone-board-with-kiwi-cocktail_141793-410.jpg" },
|
|
{ id: "p4", name: "California Roll", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/hamachi-sushi_74190-5920.jpg?_wi=1" },
|
|
{ id: "p5", name: "Shrimp Tempura Roll", price: "$11.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-women-learning-make-sushi_23-2151202949.jpg" },
|
|
{ id: "p6", name: "Miso Soup", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/boards-with-rolls-black_23-2147773630.jpg" },
|
|
{ id: "p7", name: "Seaweed Salad", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/condiments-near-boards-with-sushi_23-2147773574.jpg" },
|
|
{ id: "p8", name: "Green Tea Mochi", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/long-steel-dish-with-grape-sliced-apple-watermelon_8353-572.jpg?_wi=1" }
|
|
]}
|
|
title="Full Menu Selections"
|
|
description="Authentic hibachi and fresh, artisanal sushi prepared daily."
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={false}
|
|
testimonial="Amazing service, fantastic food quality, and a fun chef performance. Our go-to spot for any special occasion in St. Clair!"
|
|
rating={5}
|
|
author="Happy Guest"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934661.jpg", alt: "Guest"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934665.jpg", alt: "Guest"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/unagi-sushi-rolls-served-white-stone-board-with-kiwi-cocktail_141793-410.jpg", alt: "Guest"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/chef-holds-two-frying-pans-with-burning-fire_140725-4961.jpg", alt: "Guest"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/cook-is-fry-vegetables-with-spices-sauce-wok-flame-cooking-process-asian-restaurant_613910-19805.jpg", alt: "Guest"},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "Do you accept reservations?", content: "Yes, we highly recommend making a reservation, especially for large groups and weekends."},
|
|
{
|
|
id: "q2", title: "Are you open on weekends?", content: "Yes! We are open 7 days a week, with extended hours on Friday and Saturday until 10:30 PM."},
|
|
{
|
|
id: "q3", title: "Is takeout available?", content: "Absolutely. You can order takeout by phone."},
|
|
]}
|
|
title="Plan Your Visit"
|
|
description="Everything you need to know about dining at Uma Hibachi."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Visit Us at Coal Creek"
|
|
description="400 Terry Rich Blvd, St Clair, PA 17970 | (570) 429-0686"
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Name", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email", required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Reservation details or questions...", rows: 4,
|
|
required: true,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/sansoji-temple-famous-tokyo-japan_1150-11097.jpg?_wi=2"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Uma Hibachi & Sushi"
|
|
columns={[
|
|
{
|
|
title: "Navigation", items: [
|
|
{
|
|
label: "Home", href: "#home"},
|
|
{
|
|
label: "Menu", href: "https://umahibachisushi.com"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{
|
|
label: "(570) 429-0686", href: "tel:5704290686"},
|
|
{
|
|
label: "St. Clair, PA", href: "#contact"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Uma Hibachi & Sushi."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |