194 lines
10 KiB
TypeScript
194 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
|
|
import TextAbout from "@/components/sections/about/TextAbout";
|
|
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
import { Flame, Leaf } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="largeSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Rai Rai Ramen"
|
|
navItems={[
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Reserve a Table", href: "https://www.opentable.com"
|
|
}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
title="Authentic Japanese Ramen Mastery"
|
|
description="Experience the art of traditional Japanese ramen crafted with premium ingredients and generations of culinary expertise. Each bowl tells a story of passion, precision, and perfection."
|
|
tag="Premium Ramen Restaurant"
|
|
tagIcon={Flame}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-shot-chopsticks-with-noodles-near-soup-with-blurred-background_181624-5487.jpg"
|
|
imageAlt="Signature Rai Rai Ramen Bowl"
|
|
mediaAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
name: "James Mitchell", handle: "Food Critic, Local Food Magazine", testimonial: "The most authentic ramen experience in Mount Laurel. Every bowl is a masterpiece.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-phone-home_23-2148990136.jpg", imageAlt: "James Mitchell"
|
|
},
|
|
{
|
|
name: "Sarah Chen", handle: "Restaurant Owner", testimonial: "Outstanding broth quality and attention to detail. This is real ramen.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageAlt: "Sarah Chen"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "View Menu", href: "#menu" },
|
|
{ text: "Reserve Now", href: "https://www.opentable.com" }
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="Our Story"
|
|
tagIcon={Leaf}
|
|
title="Bringing Mount Laurel Authentic Japanese Culinary Tradition Since 2019. Every bowl represents our commitment to excellence, from hand-selected noodles to slow-cooked broths perfected over decades."
|
|
buttons={[{ text: "Learn More", href: "#contact" }]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<FeatureCardNineteen
|
|
title="Our Ramen Philosophy"
|
|
description="We believe in the sacred art of ramen making. Each element of our menu represents generations of refinement and respect for Japanese culinary traditions."
|
|
tag="Menu Categories"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
tag: "Tonkotsu", title: "Rich Pork Broth", subtitle: "Creamy & Savory Excellence", description: "Our signature tonkotsu broth is simmered for 18 hours, creating a rich, creamy foundation with layers of umami complexity. Perfectly balanced with our house-made tare and premium pork belly chashu.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-asian-food_23-2149091584.jpg", imageAlt: "Tonkotsu Ramen"
|
|
},
|
|
{
|
|
id: 2,
|
|
tag: "Shoyu", title: "Soy Sauce Essence", subtitle: "Classic & Refined", description: "Our traditional shoyu ramen features a clear, complex broth built on chicken and seafood stock. Topped with perfectly soft-boiled eggs, fresh scallions, and tender chashu.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-asian-food_23-2149091616.jpg", imageAlt: "Shoyu Ramen"
|
|
},
|
|
{
|
|
id: 3,
|
|
tag: "Miso", title: "Bold & Warming", subtitle: "Comfort in Every Spoonful", description: "A warming miso-based broth with hints of sesame and garlic. Our miso ramen delivers robust flavors balanced with fresh vegetables and premium toppings.", imageSrc: "http://img.b2bpic.net/free-photo/miso-ramen-asian-noodles-with-cabbage-kimchi-seaweed-egg-mushrooms-cheese-tofu-bowl-white-wooden-table_2829-4857.jpg", imageAlt: "Miso Ramen"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
title="Signature Dishes"
|
|
description="Handpicked favorites from our premium ramen collection, each crafted with meticulous care and authentic Japanese techniques."
|
|
tag="Bestsellers"
|
|
products={[
|
|
{
|
|
id: "1", name: "Classic Tonkotsu", price: "$16.95", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-asian-food_23-2149091584.jpg", imageAlt: "Classic Tonkotsu Ramen"
|
|
},
|
|
{
|
|
id: "2", name: "Spicy Miso Supreme", price: "$17.95", imageSrc: "http://img.b2bpic.net/free-photo/miso-ramen-asian-noodles-with-cabbage-kimchi-seaweed-egg-mushrooms-cheese-tofu-bowl-white-wooden-table_2829-4857.jpg", imageAlt: "Spicy Miso Ramen"
|
|
},
|
|
{
|
|
id: "3", name: "Shoyu Masterpiece", price: "$16.95", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-asian-food_23-2149091616.jpg", imageAlt: "Shoyu Ramen"
|
|
},
|
|
{
|
|
id: "4", name: "Gyoza Selection", price: "$9.95", imageSrc: "http://img.b2bpic.net/free-photo/side-view-traditional-asian-dumplings-with-meat-vegetables-served-with-soy-sauce-plate-rustic_141793-11564.jpg", imageAlt: "Gyoza Dumplings"
|
|
}
|
|
]}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardFifteen
|
|
testimonial="Rai Rai Ramen has completely elevated the ramen experience in Mount Laurel. The attention to detail, quality of ingredients, and authentic preparation methods are unmatched. This is a must-visit destination for any serious ramen enthusiast."
|
|
rating={5}
|
|
author="David Williams, Local Food Enthusiast"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/woman-talking-phone-home_23-2148990136.jpg", alt: "Customer 1" },
|
|
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Customer 2" },
|
|
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer 3" },
|
|
{ src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", alt: "Customer 4" },
|
|
{ src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Customer 5" },
|
|
{ src: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", alt: "Customer 6" }
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Visit us for an unforgettable ramen experience. Reserve your table today and discover why Rai Rai Ramen is Mount Laurel's premier Japanese restaurant."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Reserve a Table", href: "https://www.opentable.com" },
|
|
{ text: "View Location", href: "#" }
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Restaurant", items: [
|
|
{ label: "Menu", href: "#menu" },
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Reviews", href: "#reviews" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Reserve a Table", href: "https://www.opentable.com" },
|
|
{ label: "Phone", href: "tel:+16095551234" },
|
|
{ label: "Email", href: "mailto:info@rairairmamen.com" }
|
|
]
|
|
},
|
|
{
|
|
title: "Hours", items: [
|
|
{ label: "Mon-Fri: 11am - 10pm", href: "#" },
|
|
{ label: "Sat-Sun: 12pm - 11pm", href: "#" },
|
|
{ label: "Closed Tuesdays", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Rai Rai Ramen Mount Laurel | All rights reserved"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |