bender/dfd90229-c4e3-4380-8d90-8b5dc00873d9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-28 03:49:43 +00:00
parent 7f57c434dc
commit 905f2f82fd
1 changed files with 36 additions and 125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

161
src/app/page.tsx
View File

@@ -2,15 +2,15 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import AboutMetric from '@/components/sections/about/AboutMetric';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Flame, Shield, Star, Trophy, Users, Zap } from "lucide-react";
export default function LandingPage() {
@@ -42,13 +42,11 @@ export default function LandingPage() {
</div>
<div id="hero" data-section="hero">
<HeroBillboard
<HeroCentered
background={{ variant: "plain" }}
title="Dine Like a God. Play Like a God."
description="A one-of-a-kind arcade and dining experience in Burbank where legendary food meets nonstop entertainment."
buttons={[{ text: "View Menu", href: "#menu" }, { text: "Plan Your Visit", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571787.jpg"
mediaAnimation="blur-reveal"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/wooden-library-campus-with-huge-database-collection-study-books_482257-127027.jpg", alt: "Happy customer 1" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232853.jpg", alt: "Happy customer 2" },
@@ -56,59 +54,30 @@ export default function LandingPage() {
{ src: "http://img.b2bpic.net/free-photo/anime-casino-illustration_23-2151726852.jpg", alt: "Happy customer 4" },
{ src: "http://img.b2bpic.net/free-photo/stylish-attractive-smiling-woman-retro-vintage-50-s-cafe-music-jukebox-drinking-milk-shake-cocktail-hipster-outfit-having-fun-laughing-cheerful-mood_285396-10488.jpg", alt: "Happy customer 5" },
]}
marqueeItems={[
{ type: "text", text: "Epic Gaming Arena" },
{ type: "text", text: "Legendary Titan Burgers" },
{ type: "text", text: "Greek-Inspired Luxury" },
{ type: "text", text: "Perfect for Private Parties" },
{ type: "text", text: "Open Late Night" },
]}
/>
</div>
<div id="experience" data-section="experience">
<MetricSplitMediaAbout
<AboutMetric
useInvertedBackground={false}
title="A Legendary Experience Awaits"
description="From high-energy arcade games to premium themed dining, experience a world where luxury meets fun. Perfect for parties, groups, and family outings."
metrics={[
{ value: "50+", title: "Arcade Games" },
{ value: "12", title: "Signature Dishes" },
{ value: "100%", title: "Epic Memories" },
{ icon: Zap, label: "Games", value: "50+" },
{ icon: Star, label: "Dishes", value: "12" },
{ icon: Trophy, label: "Memories", value: "100%" },
]}
imageSrc="http://img.b2bpic.net/free-photo/upset-player-smashing-keyboard-his-head-after-being-defeated-by-enemy-videogame-tournament_482257-116261.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardTwentyFive
animationType="depth-3d"
textboxLayout="split"
<FeatureCardTwentySix
textboxLayout="inline-image"
useInvertedBackground={false}
features={[
{
title: "The Challenge", description: "12-patty Angus beef burger. 45 minutes to finish. Are you ready?", icon: Zap,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-painted-black-baked-tomatoes-chilli-peppers_23-2148425535.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-influencer-with-dessert_23-2149172466.jpg" },
]
},
{
title: "The Reward", description: "200 free arcade credits, custom coupon booklet, and eternal glory.", icon: Trophy,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-black-spaghetti-squid_23-2148461690.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-cooks-healthy-meal-squeezes-limon-two-raw-pieces-salmon-decorated-with-mint-leaf-white-wine-sause-with-spices-herbs-presented-marble-deck-prepared-grill_346278-820.jpg" },
]
},
{
title: "The Rules", description: "Charged only if you fail. 5 participants per session only.", icon: Shield,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/cutting-quiche_23-2147985302.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/sesame-pour-beef-burger_141793-17589.jpg" },
]
},
{ title: "The Challenge", description: "12-patty Angus beef burger. 45 minutes to finish.", buttonIcon: Zap },
{ title: "The Reward", description: "200 free arcade credits and eternal glory.", buttonIcon: Trophy },
{ title: "The Rules", description: "Charged only if you fail. 5 participants only.", buttonIcon: Shield },
{ title: "Private Parties", description: "Book our event space for your next big bash.", buttonIcon: Users },
]}
title="The Titan Burger Challenge"
description="Think you can handle it? Finish our 12-patty Titan Burger in 45 minutes to claim your god-like rewards."
@@ -116,77 +85,37 @@ export default function LandingPage() {
</div>
<div id="menu" data-section="menu">
<ProductCardTwo
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{ id: "1", brand: "Diner", name: "Zeus Burger", price: "$18", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-roulets-with-vegetables-plate_140725-18.jpg" },
{ id: "2", brand: "Diner", name: "Poseidon’s Seafood Plate", price: "$25", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/lamb-chicken-burger-without-top-bun-with-mushroom-herbs-tomato-sauce_140725-8320.jpg" },
{ id: "3", brand: "Diner", name: "Hades Hot Wings", price: "$15", rating: 4, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-burger-composition_23-2148868221.jpg" },
{ id: "4", brand: "Diner", name: "Apollo’s Chicken Tenders", price: "$14", rating: 5, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/ginger-cake-piece-decorated-with-vanilla-ice-cream-strawberry-black-currant-raspberry-blackberry-pistachio_141793-2243.jpg" },
{ id: "5", brand: "Diner", name: "Athena’s Loaded Fries", price: "$12", rating: 4, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-fillet-with-sauce-top_140725-6436.jpg" },
{ id: "6", brand: "Diner", name: "Titan Burger", price: "$45", rating: 5, reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/grilled-salmon-fillet-served-with-vegetables-salad_140725-5839.jpg" },
{ id: "1", name: "Zeus Burger", price: "$18", variant: "Diner", imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-roulets-with-vegetables-plate_140725-18.jpg" },
{ id: "2", name: "Poseidon Plate", price: "$25", variant: "Diner", imageSrc: "http://img.b2bpic.net/free-photo/lamb-chicken-burger-without-top-bun-with-mushroom-herbs-tomato-sauce_140725-8320.jpg" },
{ id: "3", name: "Hades Wings", price: "$15", variant: "Diner", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-burger-composition_23-2148868221.jpg" },
{ id: "4", name: "Titan Burger", price: "$45", variant: "Diner", imageSrc: "http://img.b2bpic.net/free-photo/grilled-salmon-fillet-served-with-vegetables-salad_140725-5839.jpg" },
]}
title="Olympian Delights"
description="Explore our menu themed around the Greek gods themselves."
/>
</div>
<div id="why-us" data-section="why-us">
<FeatureCardTwentyFive
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Unique Environment", description: "Arcade + restaurant blend.", icon: Star,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/view-3d-arcade-game-box_23-2151005787.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/bright-colorful-neon-background_23-2150689417.jpg" },
]
},
{
title: "Family Friendly", description: "Fun for all age groups.", icon: Users,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/dj-mixing-equipment-underground-club_482257-78401.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-arcade-machine-nutshell-tones_23-2151208187.jpg" },
]
},
{
title: "Party Hub", description: "Large portions and events.", icon: Flame,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172406.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/sound-engineer-adjusting-volume-levels-amplifier-record-guitar-tunes_482257-115443.jpg" },
]
},
]}
title="Why Choose Olympus?"
description="We offer more than food — we offer an unforgettable experience."
description="Explore our menu themed around the Greek gods."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah Miller", handle: "@sarahm", testimonial: "The best burger I've ever had, and the arcade games are super fun!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-handsome-male-time-with-their-little-daughter-outdoor-cafe-family-people-concept_613910-3882.jpg" },
{ id: "2", name: "James Chen", handle: "@jchen", testimonial: "Perfect place for my son's birthday party. The Titan Burger is huge!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-queer-couples-celebrating-birthday_23-2149668006.jpg" },
{ id: "3", name: "Emily Rodriguez", handle: "@erod", testimonial: "The decor is simply divine. Feels like a modern Olympus.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-playing-foosball_23-2148253098.jpg" },
{ id: "4", name: "David King", handle: "@kingdavid", testimonial: "Incredible atmosphere, definitely recommend checking this place out.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/back-view-couple-amusement-store_23-2148287953.jpg" },
{ id: "5", name: "Lisa Wang", handle: "@lwang", testimonial: "The food challenge was so much fun to watch. Great staff!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-hipster-dressed-leather-jacket-eating-vegan-burger_613910-16395.jpg" },
{ id: "1", name: "Sarah Miller", date: "2024-05-10", title: "Amazing Experience", quote: "The best burger I've ever had, and the arcade games are super fun!", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-handsome-male-time-with-their-little-daughter-outdoor-cafe-family-people-concept_613910-3882.jpg" },
{ id: "2", name: "James Chen", date: "2024-06-15", title: "Great Party Place", quote: "Perfect place for my son's birthday party. The Titan Burger is huge!", tag: "Parent", avatarSrc: "http://img.b2bpic.net/free-photo/lifestyle-queer-couples-celebrating-birthday_23-2149668006.jpg" },
]}
showRating={true}
title="Praised by Mortals"
description="See why everyone is talking about Olympian Arcade & Diner."
/>
</div>
<div id="events" data-section="events">
<BlogCardOne
<BlogCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
@@ -195,48 +124,30 @@ export default function LandingPage() {
blogs={[
{ id: "1", category: "Events", title: "Burbank Fair Sponsorship", excerpt: "Join us at the upcoming fair.", imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-colorful-geometric-laser-lights_181624-26247.jpg", authorName: "Calvin Bielen", authorAvatar: "http://img.b2bpic.net/free-photo/side-view-smiling-curly-woman-talking-by-phone_171337-16735.jpg", date: "Oct 12, 2024" },
{ id: "2", category: "Challenge", title: "Titan Burger Date", excerpt: "New sessions just opened.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-vegetarian-burger-plate-with-copy-space_23-2148784529.jpg", authorName: "Calvin Bielen", authorAvatar: "http://img.b2bpic.net/free-photo/smiling-male-friends-enjoying-restaurant_23-2147861914.jpg", date: "Oct 15, 2024" },
{ id: "3", category: "Promo", title: "Arcade Pop-Up Booths", excerpt: "Find us all over LA this fall.", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-interior-mall_23-2151591368.jpg", authorName: "Calvin Bielen", authorAvatar: "http://img.b2bpic.net/free-photo/happy-woman-playing-air-hockey_23-2148253046.jpg", date: "Oct 20, 2024" },
]}
/>
</div>
<div id="cta" data-section="cta">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Ready to Experience Olympus?"
<ContactCTA
useInvertedBackground={true}
tag="Stay Updated"
title="Join the Celebration"
description="Sign up for our newsletter to get limited-time offers and party event updates."
imageSrc="http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821260.jpg"
mediaPosition="right"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Visit Us"
title="Find Olympian Arcade"
description="Burbank, California | (818) 617-6677"
imageSrc="http://img.b2bpic.net/free-photo/view-3d-gaming-device_23-2151005758.jpg"
mediaPosition="left"
mediaAnimation="slide-up"
buttons={[{ text: "Sign Up" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
<FooterBaseCard
logoText="Olympian Arcade & Diner"
columns={[
{ title: "Company", items: [{ label: "About Us", href: "#experience" }, { label: "Careers", href: "#" }] },
{ title: "Menu", items: [{ label: "View Menu", href: "#menu" }, { label: "Titan Challenge", href: "#feature" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}