Update src/app/page.tsx
This commit is contained in:
340
src/app/page.tsx
340
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="The 90's"
|
||||
/>
|
||||
@@ -60,105 +45,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Welcome to The 90's"
|
||||
description="Step back in time to the golden age of grunge, neon, and the best comfort food. Experience the flavors that defined a generation."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Jenna M.",
|
||||
handle: "@jenna90s",
|
||||
testimonial: "The atmosphere is pure nostalgia! Best burger in town.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-cake-arrangement_23-2149298554.jpg?_wi=1",
|
||||
imageAlt: "90s themed restaurant interior",
|
||||
},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@markyd",
|
||||
testimonial: "Feels just like my childhood basement. Love the vibes.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/labor-day-celebration-with-portrait-laborer-work_23-2151755763.jpg?_wi=1",
|
||||
imageAlt: "90s themed restaurant interior",
|
||||
},
|
||||
{
|
||||
name: "Sarah P.",
|
||||
handle: "@sarahp",
|
||||
testimonial: "The shakes are iconic. A must-visit spot.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-room-with-paintings-walls_140725-6310.jpg?_wi=1",
|
||||
imageAlt: "90s themed restaurant interior",
|
||||
},
|
||||
{
|
||||
name: "David L.",
|
||||
handle: "@davel90",
|
||||
testimonial: "Best playlist ever. Taking me right back.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-sandwich-inside-colorful-plate-inside-cheese-ham-blue_140725-20903.jpg?_wi=1",
|
||||
imageAlt: "90s themed restaurant interior",
|
||||
},
|
||||
{
|
||||
name: "Elena K.",
|
||||
handle: "@elenak90s",
|
||||
testimonial: "Absolutely obsessed with the interior design.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-brunette-girl-yellow-sweater-eating-pizza-restaurant_627829-7937.jpg?_wi=1",
|
||||
imageAlt: "90s themed restaurant interior",
|
||||
},
|
||||
{ name: "Jenna M.", handle: "@jenna90s", testimonial: "The atmosphere is pure nostalgia! Best burger in town.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-cake-arrangement_23-2149298554.jpg" },
|
||||
{ name: "Mark D.", handle: "@markyd", testimonial: "Feels just like my childhood basement. Love the vibes.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/labor-day-celebration-with-portrait-laborer-work_23-2151755763.jpg" },
|
||||
{ name: "Sarah P.", handle: "@sarahp", testimonial: "The shakes are iconic. A must-visit spot.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/restaurant-room-with-paintings-walls_140725-6310.jpg" },
|
||||
{ name: "David L.", handle: "@davel90", testimonial: "Best playlist ever. Taking me right back.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-sandwich-inside-colorful-plate-inside-cheese-ham-blue_140725-20903.jpg" },
|
||||
{ name: "Elena K.", handle: "@elenak90s", testimonial: "Absolutely obsessed with the interior design.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/funny-brunette-girl-yellow-sweater-eating-pizza-restaurant_627829-7937.jpg" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-tasty-cake-arrangement_23-2149298554.jpg?_wi=2"
|
||||
buttons={[{ text: "View Menu", href: "#menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-tasty-cake-arrangement_23-2149298554.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/world-pride-day-still-life-food-assortment_23-2148960489.jpg",
|
||||
alt: "User avatar 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/world-pride-day-still-life-food-assortment_23-2148960488.jpg",
|
||||
alt: "User avatar 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-tasty-corn-dogs-with-pickles-plate_23-2149455072.jpg",
|
||||
alt: "User avatar 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/retro-product-with-vintage-packaging_52683-107886.jpg",
|
||||
alt: "User avatar 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-tasty-cake-arrangement_23-2149298554.jpg",
|
||||
alt: "User avatar 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "100% RETRO",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "CLASSIC COMFORT",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "NEON VIBES",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "ARCADE LEGENDS",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "GOLDEN AGE",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -169,20 +68,11 @@ export default function LandingPage() {
|
||||
title="A Taste of Yesterday"
|
||||
description="We celebrate the spirit of the 90s by curating an authentic experience. From our neon-lit interiors to our curated playlist, every detail is designed to bring back memories."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Authentic Vibes",
|
||||
description: "Classic 90s pop-culture memorabilia throughout.",
|
||||
},
|
||||
{
|
||||
title: "Comfort Classics",
|
||||
description: "Signature burgers, fries, and shakes made fresh.",
|
||||
},
|
||||
{
|
||||
title: "Family Fun",
|
||||
description: "Arcade games and a lively, welcoming atmosphere.",
|
||||
},
|
||||
{ title: "Authentic Vibes", description: "Classic 90s pop-culture memorabilia throughout." },
|
||||
{ title: "Comfort Classics", description: "Signature burgers, fries, and shakes made fresh." },
|
||||
{ title: "Family Fun", description: "Arcade games and a lively, welcoming atmosphere." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/labor-day-celebration-with-portrait-laborer-work_23-2151755763.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/labor-day-celebration-with-portrait-laborer-work_23-2151755763.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -193,30 +83,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Arcade Zone",
|
||||
description: "Play the original arcade classics you loved.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Star,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-room-with-paintings-walls_140725-6310.jpg?_wi=2",
|
||||
imageAlt: "retro arcade game machine",
|
||||
},
|
||||
{
|
||||
title: "Live DJ Sets",
|
||||
description: "Every Friday night with the best hits.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Headphones,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-cake-arrangement_23-2149298554.jpg?_wi=3",
|
||||
imageAlt: "retro arcade game machine",
|
||||
},
|
||||
{
|
||||
title: "Retro Decor",
|
||||
description: "Authentic 90s furniture and posters.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Tv,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/labor-day-celebration-with-portrait-laborer-work_23-2151755763.jpg?_wi=3",
|
||||
imageAlt: "retro arcade game machine",
|
||||
},
|
||||
{ title: "Arcade Zone", description: "Play the original arcade classics you loved.", bentoComponent: "reveal-icon", icon: Star },
|
||||
{ title: "Live DJ Sets", description: "Every Friday night with the best hits.", bentoComponent: "reveal-icon", icon: Headphones },
|
||||
{ title: "Retro Decor", description: "Authentic 90s furniture and posters.", bentoComponent: "reveal-icon", icon: Tv },
|
||||
]}
|
||||
title="More Than Food"
|
||||
description="We offer a fully immersive experience that keeps the spirit of the 90s alive."
|
||||
@@ -230,42 +99,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "The 90's Burger",
|
||||
price: "$12.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-sandwich-inside-colorful-plate-inside-cheese-ham-blue_140725-20903.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Classic Fries",
|
||||
price: "$5.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-chicken-sandwich-with-pickled-cucumber-tomato-cheese-served-with-fries-sauce_141793-2252.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Vanilla Shake",
|
||||
price: "$7.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-food-table-still-life_23-2150751964.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Buffalo Wings",
|
||||
price: "$10.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-fondant-with-ice-cream-tea-top-view_141793-4385.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Club Sandwich",
|
||||
price: "$11.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-enjoying-dish-poutine_23-2149486017.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Soda Float",
|
||||
price: "$6.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-creamy-cakes-with-candies-dark-grey-background-dessert-cake-biscuit-candy-cookie-color_140725-110239.jpg",
|
||||
},
|
||||
{ id: "1", name: "The 90's Burger", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-sandwich-inside-colorful-plate-inside-cheese-ham-blue_140725-20903.jpg" },
|
||||
{ id: "2", name: "Classic Fries", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/long-chicken-sandwich-with-pickled-cucumber-tomato-cheese-served-with-fries-sauce_141793-2252.jpg" },
|
||||
{ id: "3", name: "Vanilla Shake", price: "$7.99", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-food-table-still-life_23-2150751964.jpg" },
|
||||
{ id: "4", name: "Buffalo Wings", price: "$10.99", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-fondant-with-ice-cream-tea-top-view_141793-4385.jpg" },
|
||||
{ id: "5", name: "Club Sandwich", price: "$11.99", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-enjoying-dish-poutine_23-2149486017.jpg" },
|
||||
{ id: "6", name: "Soda Float", price: "$6.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-creamy-cakes-with-candies-dark-grey-background-dessert-cake-biscuit-candy-cookie-color_140725-110239.jpg" },
|
||||
]}
|
||||
title="Menu Classics"
|
||||
description="Our signature dishes cooked just right."
|
||||
@@ -274,49 +113,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah_m",
|
||||
testimonial: "I love the retro vibes. It's the best spot to hang out.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-brunette-girl-yellow-sweater-eating-pizza-restaurant_627829-7937.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "Brought back so many great memories. Amazing place.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-talking-with-his-friend-bar_171337-19359.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jane Wilson",
|
||||
handle: "@janew",
|
||||
testimonial: "Delicious food and super friendly service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081870.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark Evans",
|
||||
handle: "@marke",
|
||||
testimonial: "The Arcade Zone is a total blast from the past.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-cheering-with-wine-glasses-restaurant_23-2150520071.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lucy Davis",
|
||||
handle: "@lucyd",
|
||||
testimonial: "Nostalgia done perfectly. Truly great experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-burger-fast-food-cheat-meal-woman-burger-restaurant_169016-67527.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Miller", handle: "@sarah_m", testimonial: "I love the retro vibes. It's the best spot to hang out.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/funny-brunette-girl-yellow-sweater-eating-pizza-restaurant_627829-7937.jpg" },
|
||||
{ id: "t2", name: "John Doe", handle: "@johndoe", testimonial: "Brought back so many great memories. Amazing place.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-talking-with-his-friend-bar_171337-19359.jpg" },
|
||||
{ id: "t3", name: "Jane Wilson", handle: "@janew", testimonial: "Delicious food and super friendly service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081870.jpg" },
|
||||
{ id: "t4", name: "Mark Evans", handle: "@marke", testimonial: "The Arcade Zone is a total blast from the past.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-friends-cheering-with-wine-glasses-restaurant_23-2150520071.jpg" },
|
||||
{ id: "t5", name: "Lucy Davis", handle: "@lucyd", testimonial: "Nostalgia done perfectly. Truly great experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-burger-fast-food-cheat-meal-woman-burger-restaurant_169016-67527.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Customer Stories"
|
||||
@@ -330,27 +135,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15,000+",
|
||||
title: "Burgers Served",
|
||||
description: "Since our opening day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-bread-toasts-with-sour-cream-dogwoods-inside-orange-plate-yellow_140725-30100.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "250+",
|
||||
title: "Arcade Games",
|
||||
description: "Played by guests yearly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-burger-meal_23-2151433965.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Nostalgia",
|
||||
description: "Guaranteed in every visit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-with-delicious-vegan-meal_23-2149039326.jpg",
|
||||
},
|
||||
{ id: "m1", value: "15,000+", title: "Burgers Served", description: "Since our opening day.", imageSrc: "http://img.b2bpic.net/free-photo/tasty-bread-toasts-with-sour-cream-dogwoods-inside-orange-plate-yellow_140725-30100.jpg" },
|
||||
{ id: "m2", value: "250+", title: "Arcade Games", description: "Played by guests yearly.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-burger-meal_23-2151433965.jpg" },
|
||||
{ id: "m3", value: "100%", title: "Nostalgia", description: "Guaranteed in every visit.", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-delicious-vegan-meal_23-2149039326.jpg" },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Keeping the spirit alive since we opened."
|
||||
@@ -361,21 +148,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need a reservation?",
|
||||
content: "We are walk-in friendly, but reservations are recommended for weekends.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is it dog friendly?",
|
||||
content: "We welcome pets in our outdoor dining area.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are there vegetarian options?",
|
||||
content: "Yes, we have a selection of vegetarian burgers and sides.",
|
||||
},
|
||||
{ id: "f1", title: "Do I need a reservation?", content: "We are walk-in friendly, but reservations are recommended for weekends." },
|
||||
{ id: "f2", title: "Is it dog friendly?", content: "We welcome pets in our outdoor dining area." },
|
||||
{ id: "f3", title: "Are there vegetarian options?", content: "Yes, we have a selection of vegetarian burgers and sides." },
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -385,16 +160,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Have a question or want to host a private party? Reach out to us!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@the90s.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@the90s.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -402,32 +170,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="The 90's"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Quick Links", items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#menu" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user