Merge version_1 into main #1
206
src/app/page.tsx
206
src/app/page.tsx
@@ -29,25 +29,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Story",
|
||||
id: "#story",
|
||||
},
|
||||
name: "Story", id: "#story"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "#gallery",
|
||||
},
|
||||
name: "Gallery", id: "#gallery"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Avengers Cafe"
|
||||
/>
|
||||
@@ -56,65 +46,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Unleash Your Inner Hero"
|
||||
description="Experience the ultimate fusion of gourmet culinary mastery and legendary cinematic atmosphere. The Avengers Cafe awaits."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book a Table", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211472.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-adult-with-transgender-scar_23-2149488850.jpg",
|
||||
alt: "Young adult with transgender scar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-adult-with-transgender-scar_23-2149488850.jpg", alt: "Young adult with transgender scar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-girl-using-her-cellphone-reach-friend_1157-17795.jpg",
|
||||
alt: "brunette girl using her cellphone to reach a friend",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-girl-using-her-cellphone-reach-friend_1157-17795.jpg", alt: "brunette girl using her cellphone to reach a friend"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-bulb-room_181624-57611.jpg",
|
||||
alt: "Vertical shot of bulb in a room",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-bulb-room_181624-57611.jpg", alt: "Vertical shot of bulb in a room"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-couple-date_23-2148422373.jpg",
|
||||
alt: "Side view couple on a date",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-couple-date_23-2148422373.jpg", alt: "Side view couple on a date"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/freshly-baked-bun-plate_140725-8137.jpg",
|
||||
alt: "Freshly baked bun on the plate",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/freshly-baked-bun-plate_140725-8137.jpg", alt: "Freshly baked bun on the plate"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Epic Flavors",
|
||||
},
|
||||
type: "text", text: "Epic Flavors"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cinematic Dining",
|
||||
},
|
||||
type: "text", text: "Cinematic Dining"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Legendary Service",
|
||||
},
|
||||
type: "text", text: "Legendary Service"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gourmet Mastery",
|
||||
},
|
||||
type: "text", text: "Gourmet Mastery"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Heroic Atmosphere",
|
||||
},
|
||||
type: "text", text: "Heroic Atmosphere"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,17 +91,11 @@ export default function LandingPage() {
|
||||
description="Founded by fans for fans, The Avengers Cafe serves high-end comfort food with a touch of epic flair. From our secret spice blends to our gold-dusted espressos, every detail is engineered for champions."
|
||||
metrics={[
|
||||
{
|
||||
value: "758+",
|
||||
title: "Legendary Reviews",
|
||||
},
|
||||
value: "758+", title: "Legendary Reviews"},
|
||||
{
|
||||
value: "4.6★",
|
||||
title: "Hero Rating",
|
||||
},
|
||||
value: "4.6★", title: "Hero Rating"},
|
||||
{
|
||||
value: "₹200",
|
||||
title: "Starting Price",
|
||||
},
|
||||
value: "₹200", title: "Starting Price"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -146,64 +105,29 @@ export default function LandingPage() {
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Main",
|
||||
name: "Hulk Smash Burger",
|
||||
price: "₹450",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baroque-style-with-fast-food-arrangement_23-2149629986.jpg",
|
||||
},
|
||||
id: "1", brand: "Main", name: "Hulk Smash Burger", price: "₹450", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/baroque-style-with-fast-food-arrangement_23-2149629986.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Drink",
|
||||
name: "Asgardian Elixir",
|
||||
price: "₹350",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-grapefruits-knife-arrangement_23-2148934833.jpg",
|
||||
},
|
||||
id: "2", brand: "Drink", name: "Asgardian Elixir", price: "₹350", rating: 5,
|
||||
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-grapefruits-knife-arrangement_23-2148934833.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Drink",
|
||||
name: "Iron Man Latte",
|
||||
price: "₹250",
|
||||
rating: 4,
|
||||
reviewCount: "205",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-pine-cones-copy-space_23-2148337620.jpg",
|
||||
},
|
||||
id: "3", brand: "Drink", name: "Iron Man Latte", price: "₹250", rating: 4,
|
||||
reviewCount: "205", imageSrc: "http://img.b2bpic.net/free-photo/coffee-pine-cones-copy-space_23-2148337620.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Snack",
|
||||
name: "Wakanda Dark Chocolate",
|
||||
price: "₹300",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slice-cocoa-tiramisu-with-vanilla-ice-cream_114579-2163.jpg",
|
||||
},
|
||||
id: "4", brand: "Snack", name: "Wakanda Dark Chocolate", price: "₹300", rating: 5,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/slice-cocoa-tiramisu-with-vanilla-ice-cream_114579-2163.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Main",
|
||||
name: "Stark Industries Pizza",
|
||||
price: "₹550",
|
||||
rating: 5,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-indoors_23-2150900925.jpg",
|
||||
},
|
||||
id: "5", brand: "Main", name: "Stark Industries Pizza", price: "₹550", rating: 5,
|
||||
reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-indoors_23-2150900925.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Snack",
|
||||
name: "Spider-Bite Sushi",
|
||||
price: "₹400",
|
||||
rating: 4,
|
||||
reviewCount: "67",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheesecake-with-pistachio-sauce-mint-chocolate-cream-red-plate_114579-3081.jpg",
|
||||
},
|
||||
id: "6", brand: "Snack", name: "Spider-Bite Sushi", price: "₹400", rating: 4,
|
||||
reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/cheesecake-with-pistachio-sauce-mint-chocolate-cream-red-plate_114579-3081.jpg"},
|
||||
]}
|
||||
title="The Hero's Menu"
|
||||
description="Handcrafted dishes inspired by the greatest stories ever told."
|
||||
@@ -221,30 +145,15 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-coffee-cup-table_23-2149703686.jpg"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need a reservation?",
|
||||
content: "Yes, we highly recommend booking in advance to ensure your spot at the headquarters.",
|
||||
},
|
||||
id: "1", title: "Do I need a reservation?", content: "Yes, we highly recommend booking in advance to ensure your spot at the headquarters."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are there vegan options?",
|
||||
content: "We offer a variety of plant-based dishes inspired by our heroes.",
|
||||
},
|
||||
id: "2", title: "Are there vegan options?", content: "We offer a variety of plant-based dishes inspired by our heroes."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is the cafe kid-friendly?",
|
||||
content: "Absolutely! We welcome all ages to experience our themed cafe.",
|
||||
},
|
||||
id: "3", title: "Is the cafe kid-friendly?", content: "Absolutely! We welcome all ages to experience our themed cafe."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Can I rent the venue?",
|
||||
content: "Yes, private event bookings are available for special gatherings.",
|
||||
},
|
||||
id: "4", title: "Can I rent the venue?", content: "Yes, private event bookings are available for special gatherings."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Do you offer merchandise?",
|
||||
content: "Exclusive apparel and collectibles are available at our gift counter.",
|
||||
},
|
||||
id: "5", title: "Do you offer merchandise?", content: "Exclusive apparel and collectibles are available at our gift counter."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -253,16 +162,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Visit Us"
|
||||
title="Headquarters Coordinates"
|
||||
description="Find us at 123 Marvel Avenue, New York City. Open daily until the final battle is won."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Reserve Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -271,37 +177,23 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Story",
|
||||
href: "#story",
|
||||
},
|
||||
label: "Story", href: "#story"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Reservations", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user