345 lines
18 KiB
TypeScript
345 lines
18 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="icon-arrow"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="rounded"
|
||
contentWidth="mediumSmall"
|
||
sizing="mediumLargeSizeMediumTitles"
|
||
background="aurora"
|
||
cardStyle="inset"
|
||
primaryButtonStyle="double-inset"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="medium"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "#hero"},
|
||
{
|
||
name: "Menu", id: "#signature-food"},
|
||
{
|
||
name: "Reviews", id: "#testimonials"},
|
||
{
|
||
name: "Experience", id: "#experience"},
|
||
{
|
||
name: "About Us", id: "#local-legacy"},
|
||
{
|
||
name: "Contact", id: "#contact"},
|
||
]}
|
||
logoSrc="http://img.b2bpic.net/free-vector/four-spectacular-light-signals_23-2147661458.jpg"
|
||
logoAlt="Rock’n 50’s Cafe logo"
|
||
brandName="Rock’n 50’s Cafe"
|
||
button={{
|
||
text: "Order Online", href: "#"}}
|
||
animateOnLoad={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroCentered
|
||
background={{
|
||
variant: "downward-rays-animated"}}
|
||
title="Step Back Into the 50’s — Where Every Meal Rocks"
|
||
description="Classic comfort food, unforgettable service, and a nostalgic dining experience you’ll keep coming back for."
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-people-table_23-2149213367.jpg", alt: "Happy Customer"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-joyful-man-being-glad-hear-old-best-friend-mobile-phone_273609-8929.jpg", alt: "Satisfied Diner"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-selfie_23-2149366416.jpg", alt: "Friendly Staff Member"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-burger_23-2150347938.jpg", alt: "Excited Visitor"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/loving-family-mom-with-cute-daughter-eating-fast-food-cafe-family-nutrition-concept_169016-4604.jpg", alt: "Family Enjoying Meal"},
|
||
]}
|
||
avatarText="Loved by the community for generations!"
|
||
buttons={[
|
||
{
|
||
text: "View Menu", href: "#signature-food"},
|
||
{
|
||
text: "Visit Us Today", href: "#contact"},
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
marqueeItems={[
|
||
{
|
||
type: "image", src: "http://img.b2bpic.net/free-photo/top-view-star-soup-bowl-dark-surface_140725-107125.jpg", alt: "Knoephla Soup"},
|
||
{
|
||
type: "text", text: "Famous Knoephla Soup"},
|
||
{
|
||
type: "image", src: "http://img.b2bpic.net/free-photo/glass-cocktail-with-cream-bubbles_114579-2194.jpg", alt: "Milkshakes & Malts"},
|
||
{
|
||
type: "text", text: "Amazing Shakes & Malts"},
|
||
{
|
||
type: "image", src: "http://img.b2bpic.net/free-photo/meat-burger-lettuce-leaves-tomato-corns-guacamoleside-view_141793-2770.jpg", alt: "California Burger"},
|
||
{
|
||
type: "text", text: "Classic California Burger"},
|
||
{
|
||
type: "image", src: "http://img.b2bpic.net/free-photo/front-view-burger-tasty-with-vegetables-meat-inside-round-plate_140725-11602.jpg", alt: "Elvis Burger"},
|
||
{
|
||
type: "text", text: "Legendary Elvis Burger"},
|
||
]}
|
||
marqueeSpeed={40}
|
||
showMarqueeCard={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardThirteen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Sarah Johnson", handle: "@HappyDiner", testimonial: "The service here is truly incredible, the staff are so friendly and make every visit special! And don't even get me started on the shakes – best in town!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-funny-pin-up-woman-holding-cake-hands_176420-3320.jpg"},
|
||
{
|
||
id: "2", name: "Michael Chen", handle: "@SoupLover", testimonial: "Absolutely love the famous knoephla soup! It's worth the drive every time. Fast, friendly service and always a fun throwback atmosphere.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-paying-with-her-phone-via-contactless-payment-while-having-lunch-with-boyfriend-bar_637285-647.jpg"},
|
||
{
|
||
id: "3", name: "Emily Rodriguez", handle: "@FamilyFun", testimonial: "Perfect family experience! Our kids love the music and the free popcorn, and we appreciate the fast, friendly staff. It's our go-to spot.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-task_23-2151741284.jpg"},
|
||
{
|
||
id: "4", name: "David Kim", handle: "@BurgerFan", testimonial: "The burgers are amazing, and the malts are out of this world. Every time I come here, it feels like stepping into a movie. Highly recommend!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-woman-wearing-glasses-bandana-neck-looking-camera-showing-thumbs-up-isolated-olive-green-background_141793-137875.jpg"},
|
||
{
|
||
id: "5", name: "Jessica Lee", handle: "@RetroVibes", testimonial: "Such a fantastic 50s atmosphere and great music. The whole family loves coming here for the friendly vibe and delicious food. It’s truly a community gem.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-modern-family-retro-style_23-2150595535.jpg"},
|
||
]}
|
||
showRating={true}
|
||
title="Our Community Raves About Us"
|
||
description="Hear what makes Rock’n 50’s Cafe a local legend and a family favorite."
|
||
/>
|
||
</div>
|
||
|
||
<div id="signature-food" data-section="signature-food">
|
||
<ProductCardFour
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="two-columns-alternating-heights"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{
|
||
id: "product-1", name: "Knoephla Soup", price: "$12.00", variant: "Bowl", imageSrc: "http://img.b2bpic.net/free-photo/mushroom-soup-blue-jar-grey-cloth_23-2148320809.jpg", imageAlt: "Famous Knoephla Soup"},
|
||
{
|
||
id: "product-2", name: "Strawberry Malt", price: "$8.00", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-milkshake_23-2148601258.jpg", imageAlt: "Creamy Strawberry Malt"},
|
||
{
|
||
id: "product-3", name: "California Burger", price: "$16.00", variant: "Avocado & Swiss", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-burger-with-french-fries_23-2150887849.jpg", imageAlt: "Juicy California Burger"},
|
||
{
|
||
id: "product-4", name: "Elvis Burger", price: "$18.00", variant: "Peanut Butter & Banana", imageSrc: "http://img.b2bpic.net/free-photo/burger-with-beef-steak-salad-inside-served-with-jar-mojito_114579-2310.jpg", imageAlt: "Unique Elvis Burger"},
|
||
{
|
||
id: "product-5", name: "Popcorn Chicken", price: "$10.00", variant: "Crispy Bites", imageSrc: "http://img.b2bpic.net/free-photo/cornflakes-white-bucket-blue-background-high-quality-photo_114579-75489.jpg", imageAlt: "Golden Popcorn Chicken"},
|
||
{
|
||
id: "product-6", name: "Onion Rings", price: "$7.00", variant: "Basket", imageSrc: "http://img.b2bpic.net/free-photo/fried-rings-with-sweet-chili_140725-3764.jpg", imageAlt: "Crispy Onion Rings"},
|
||
{
|
||
id: "product-7", name: "Sweet Potato Fries", price: "$7.50", variant: "Seasoned", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-potatoes-tasty-french-fries-with-sausages-dark-desk_140725-115283.jpg", imageAlt: "Sweet Potato Fries"},
|
||
]}
|
||
title="Irresistible Bites, Timeless Tastes"
|
||
description="Prepare to be hungry. Our menu is packed with classic comfort food made with a gourmet twist, perfect for every craving."
|
||
/>
|
||
</div>
|
||
|
||
<div id="experience" data-section="experience">
|
||
<MetricSplitMediaAbout
|
||
useInvertedBackground={false}
|
||
title="More Than a Meal — It’s a Time Machine"
|
||
description="Step into Rock’n 50’s Cafe and instantly transport yourself. The classic jukebox tunes, cozy retro booths, and our genuinely friendly servers create an atmosphere where new family memories are made and cherished traditions continue."
|
||
metrics={[
|
||
{
|
||
value: "20+", title: "Years Serving Bismarck"},
|
||
{
|
||
value: "5-Star", title: "Customer Reviews"},
|
||
{
|
||
value: "100%", title: "Family Friendly"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/view-retro-looking-jukebox-machine_23-2151426458.jpg"
|
||
imageAlt="Vintage 50s diner interior with glowing jukebox and family in a booth"
|
||
mediaAnimation="slide-up"
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="why-people-love-us" data-section="why-people-love-us">
|
||
<FeatureCardTwentyThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{
|
||
id: "feature-1", title: "Fast Service", tags: [
|
||
"Quick & Efficient"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/clock-icon-front-side_187299-39415.jpg", imageAlt: "Stopwatch icon representing fast service"},
|
||
{
|
||
id: "feature-2", title: "Friendly Staff", tags: [
|
||
"Always Smiling"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-caucasian-female-call-center-operator-headphones-sitting-desk-with-office-tools_141793-122341.jpg", imageAlt: "Smiling staff member icon"},
|
||
{
|
||
id: "feature-3", title: "Huge Portions", tags: [
|
||
"Generous Servings"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-white-plate-with-pills-forming-smile-fork-knife_181624-46968.jpg", imageAlt: "Large plate with generous food portion icon"},
|
||
{
|
||
id: "feature-4", title: "Family Friendly", tags: [
|
||
"All Ages Welcome"],
|
||
imageSrc: "http://img.b2bpic.net/free-vector/meal-time-set_98292-2472.jpg", imageAlt: "Family with child icon representing family-friendly environment"},
|
||
{
|
||
id: "feature-5", title: "Great Prices", tags: [
|
||
"Amazing Value"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-dollar-sign_53876-63675.jpg", imageAlt: "Price tag with dollar sign icon"},
|
||
{
|
||
id: "feature-6", title: "Local Favorite", tags: [
|
||
"Community Loved"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-chef-happy-expression_1194-1321.jpg", imageAlt: "Star icon representing local favorite"},
|
||
]}
|
||
title="The Rock’n 50’s Difference"
|
||
description="Our loyal customers keep coming back for more than just the amazing food. It's the whole experience that truly sets us apart."
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu-preview" data-section="menu-preview">
|
||
<PricingCardNine
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
plans={[
|
||
{
|
||
id: "menu-burgers", title: "Burgers", price: "From $14", period: "per item", features: [
|
||
"Classic Cheeseburger", "California Burger", "Elvis Burger", "Rodeo Burger"],
|
||
button: {
|
||
text: "View Burgers"},
|
||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-fast-food-burger-french-fries-coffee_107791-17338.jpg", imageAlt: "Classic cheeseburger"},
|
||
{
|
||
id: "menu-sandwiches", title: "Sandwiches", price: "From $13", period: "per item", features: [
|
||
"Club Sandwich", "BLT", "Grilled Cheese", "Philly Cheesesteak"],
|
||
button: {
|
||
text: "View Sandwiches"},
|
||
imageSrc: "http://img.b2bpic.net/free-photo/tomatoes-sandwiches-copy-space_23-2148433316.jpg", imageAlt: "Delicious club sandwich"},
|
||
{
|
||
id: "menu-soups", title: "Soups", price: "From $8", period: "per item", features: [
|
||
"Famous Knoephla Soup", "Soup of the Day", "Chili"],
|
||
button: {
|
||
text: "View Soups"},
|
||
imageSrc: "http://img.b2bpic.net/free-vector/eating-hot-food-avoid-coronavirus-pandemic-icon-vector_53876-169068.jpg", imageAlt: "Hearty bowl of soup"},
|
||
{
|
||
id: "menu-sides", title: "Sides", price: "From $5", period: "per item", features: [
|
||
"Crispy Fries", "Onion Rings", "Sweet Potato Fries", "Coleslaw"],
|
||
button: {
|
||
text: "View Sides"},
|
||
imageSrc: "http://img.b2bpic.net/free-vector/tasty-food-dish-collection_23-2148046316.jpg", imageAlt: "Basket of crispy fries"},
|
||
{
|
||
id: "menu-shakes-drinks", title: "Shakes & Drinks", price: "From $6", period: "per item", features: [
|
||
"Milkshakes", "Malts", "Sodas", "Coffee"],
|
||
button: {
|
||
text: "View Drinks"},
|
||
imageSrc: "http://img.b2bpic.net/free-vector/vintage-christmas-menu-template_23-2148344023.jpg", imageAlt: "Classic milkshake with whipped cream"},
|
||
]}
|
||
title="Explore Our Menu Highlights"
|
||
description="From juicy burgers to creamy shakes, discover the deliciousness that awaits you at Rock’n 50’s Cafe. There's something for everyone!"
|
||
buttons={[
|
||
{
|
||
text: "View Full Menu", href: "#"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="local-legacy" data-section="local-legacy">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
names={[]}
|
||
title="A Bismarck Tradition, Loved for Generations"
|
||
description="Since the 80s, Rock’n 50’s Cafe has been more than just a restaurant; it’s a cornerstone of the Bismarck community. We’re proud to be a local favorite, serving nostalgic memories and delicious food to generations of loyal customers. Join our legacy."
|
||
speed={30}
|
||
showCard={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplit
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "plain"}}
|
||
tag="Visit Us"
|
||
title="Come Taste the 50’s Today"
|
||
description="Ready to step back in time and savor some classic American diner food? Find us, order online, or simply walk in for an unforgettable experience."
|
||
imageSrc="http://img.b2bpic.net/free-photo/brunette-girl-using-her-cellphone-reach-friend_1157-17795.jpg"
|
||
imageAlt="Dramatic 50s diner interior with neon glow"
|
||
mediaAnimation="slide-up"
|
||
mediaPosition="left"
|
||
inputPlaceholder="Not used for this section"
|
||
buttonText="Not used for this section"
|
||
termsText="Not used for this section"
|
||
onSubmit={(email) => console.log(email)}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoSrc="http://img.b2bpic.net/free-vector/four-spectacular-light-signals_23-2147661458.jpg"
|
||
logoAlt="Rock’n 50’s Cafe logo"
|
||
logoText="Rock’n 50’s Cafe"
|
||
columns={[
|
||
{
|
||
title: "Location", items: [
|
||
{
|
||
label: "123 Main Street", href: "#"},
|
||
{
|
||
label: "Bismarck, ND 58501", href: "#"},
|
||
{
|
||
label: "(701) 555-1950", href: "#"},
|
||
{
|
||
label: "Mon-Sat: 11 AM - 9 PM", href: "#"},
|
||
{
|
||
label: "Sun: 12 PM - 8 PM", href: "#"},
|
||
],
|
||
},
|
||
{
|
||
title: "Menu", items: [
|
||
{
|
||
label: "Burgers & Sandwiches", href: "#signature-food"},
|
||
{
|
||
label: "Shakes & Drinks", href: "#signature-food"},
|
||
{
|
||
label: "Soups & Sides", href: "#signature-food"},
|
||
{
|
||
label: "Full Menu", href: "#"},
|
||
],
|
||
},
|
||
{
|
||
title: "Connect", items: [
|
||
{
|
||
label: "Facebook", href: "https://facebook.com/rockn50scafe"},
|
||
{
|
||
label: "Instagram", href: "https://instagram.com/rockn50scafe"},
|
||
{
|
||
label: "Yelp Reviews", href: "https://yelp.com/rockn50scafe"},
|
||
{
|
||
label: "Google Maps", href: "https://www.google.com/maps/search/Rock'n+50's+Cafe"},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2024 Rock’n 50’s Cafe. All rights reserved."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|