Update src/app/page.tsx
This commit is contained in:
174
src/app/page.tsx
174
src/app/page.tsx
@@ -32,48 +32,33 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "Reserve",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Reserve", id: "#contact"},
|
||||
]}
|
||||
brandName="THE GARAGE"
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Order Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="THE GARAGE"
|
||||
description="Built in a Garage. Perfected on the Plate. Bold flavors. Cold beer. Zero compromises."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Order Now", href: "#contact"},
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book a Table", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tasty-smoke-cooked-food_23-2151259706.jpg"
|
||||
imageSrc="https://img.freepik.com/free-photo/burger-with-fries-table_140725-7837.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -86,7 +71,7 @@ export default function LandingPage() {
|
||||
description="We took a mechanic’s garage and turned it into the city’s most authentic food destination. Every corner is built on the foundation of grit, flavor, and an atmosphere meant for long nights and big appetites."
|
||||
subdescription="A place for those who appreciate good food, great beer, and zero nonsense."
|
||||
icon={Wrench}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dining-table-background-zoom-calls_23-2149684444.jpg"
|
||||
imageSrc="https://img.freepik.com/free-photo/interior-view-industrial-style-restaurant_1134-972.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -99,41 +84,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Smash Burger",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-fresh-tasty-homemade-beef-burger-french-fries-wooden-tray_181624-56515.jpg",
|
||||
},
|
||||
id: "p1", name: "Smash Burger", price: "$18", imageSrc: "https://img.freepik.com/free-photo/gourmet-burger-with-bacon-cheese_140725-7764.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Artisan Pizza",
|
||||
price: "$22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-eggs-pan-with-chopped-herbs_140725-6158.jpg",
|
||||
},
|
||||
id: "p2", name: "Artisan Pizza", price: "$22", imageSrc: "https://img.freepik.com/free-photo/delicious-italian-pizza-served-wooden-table_23-2148766155.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Bold Wings",
|
||||
price: "$16",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lemon-pepper-near-sauce-chicken_23-2147765434.jpg",
|
||||
},
|
||||
id: "p3", name: "Bold Wings", price: "$16", imageSrc: "https://img.freepik.com/free-photo/chicken-wings-with-sauce_140725-8334.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Garlic Truffle Fries",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-nuggets-with-french-fries-human-hand-fly_176474-2697.jpg",
|
||||
},
|
||||
id: "p4", name: "Garlic Truffle Fries", price: "$12", imageSrc: "https://img.freepik.com/free-photo/french-fries-wooden-board_140725-7731.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Steak & Cheese",
|
||||
price: "$19",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-sandwich-with-shrimps_181624-60061.jpg",
|
||||
},
|
||||
id: "p5", name: "Steak & Cheese", price: "$19", imageSrc: "https://img.freepik.com/free-photo/cheesesteak-sandwich-served-with-fries_140725-7482.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Local Craft Beer",
|
||||
price: "$8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beer-with-shrimps-barbecue-sauce-table_140725-4108.jpg",
|
||||
},
|
||||
id: "p6", name: "Local Craft Beer", price: "$8", imageSrc: "https://img.freepik.com/free-photo/craft-beer-glasses-wooden-table_140725-7728.jpg"},
|
||||
]}
|
||||
title="Signature Items"
|
||||
description="Bold flavors designed to satisfy. Our kitchen works hard to ensure every bite is perfection."
|
||||
@@ -148,25 +109,15 @@ export default function LandingPage() {
|
||||
author="Verified Diner"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg",
|
||||
alt: "Diner",
|
||||
},
|
||||
src: "https://img.freepik.com/free-photo/happy-people-dining-together_23-2148766455.jpg", alt: "Diner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/informal-talk-with-best-friends-restaurant-warm-summer-day_8353-9702.jpg",
|
||||
alt: "Diner",
|
||||
},
|
||||
src: "https://img.freepik.com/free-photo/young-friends-talking-bar_23-2148810235.jpg", alt: "Diner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-bar_23-2147680953.jpg",
|
||||
alt: "Diner",
|
||||
},
|
||||
src: "https://img.freepik.com/free-photo/smiling-woman-having-dinner_23-2148766321.jpg", alt: "Diner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-friends-restaurant_23-2148395397.jpg",
|
||||
alt: "Diner",
|
||||
},
|
||||
src: "https://img.freepik.com/free-photo/group-friends-eating-tacos_23-2148766299.jpg", alt: "Diner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-happy-couple-taking-selfie-with-mobile-phone-while-enjoying-date-restaurant_58466-16341.jpg",
|
||||
alt: "Diner",
|
||||
},
|
||||
src: "https://img.freepik.com/free-photo/happy-couple-clinking-glasses_23-2148766432.jpg", alt: "Diner"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -180,29 +131,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Rotating Taps",
|
||||
descriptions: [
|
||||
"Fresh brews every week.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-beer-mugs-assortment_23-2149757159.jpg",
|
||||
},
|
||||
id: "f1", title: "Rotating Taps", descriptions: [
|
||||
"Fresh brews every week."],
|
||||
imageSrc: "https://img.freepik.com/free-photo/beer-mug-table_140725-7744.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Local Focus",
|
||||
descriptions: [
|
||||
"Supporting our neighborhood breweries.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-pack-with-beer_23-2148600983.jpg",
|
||||
},
|
||||
id: "f2", title: "Local Focus", descriptions: [
|
||||
"Supporting our neighborhood breweries."],
|
||||
imageSrc: "https://img.freepik.com/free-photo/beer-selection-bar_140725-7801.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Perfect Pairings",
|
||||
descriptions: [
|
||||
"Expert recommendations for every meal.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-bearded-tattooed-hipster-male-manufacturer-tasting-beer-microbrewery_613910-3442.jpg",
|
||||
},
|
||||
id: "f3", title: "Perfect Pairings", descriptions: [
|
||||
"Expert recommendations for every meal."],
|
||||
imageSrc: "https://img.freepik.com/free-photo/server-pouring-beer_140725-7798.jpg"},
|
||||
]}
|
||||
title="Cold Beer, Rotating Selection"
|
||||
description="Massive beer selection. We curate the best local and craft brews to pair perfectly with your meal."
|
||||
@@ -214,20 +153,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you accept reservations?",
|
||||
content: "Yes, we recommend booking a table via the link below.",
|
||||
},
|
||||
id: "q1", title: "Do you accept reservations?", content: "Yes, we recommend booking a table via the link below."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer takeout?",
|
||||
content: "Absolutely. You can order online through our website.",
|
||||
},
|
||||
id: "q2", title: "Do you offer takeout?", content: "Absolutely. You can order online through our website."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What's the atmosphere like?",
|
||||
content: "Casual, rustic, and industrial. Come as you are.",
|
||||
},
|
||||
id: "q3", title: "What's the atmosphere like?", content: "Casual, rustic, and industrial. Come as you are."},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -238,20 +168,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Ready to eat?"
|
||||
title="Pull Up. Grab a Table."
|
||||
description="Don't miss out on the best bite in the garage. Secure your spot now."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Online",
|
||||
href: "#",
|
||||
},
|
||||
text: "Order Online", href: "#"},
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Reserve Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -260,36 +185,25 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
title: "Hours", items: [
|
||||
{
|
||||
label: "Mon-Fri: 5PM - 11PM",
|
||||
},
|
||||
label: "Mon-Fri: 5PM - 11PM"},
|
||||
{
|
||||
label: "Sat-Sun: 12PM - 12AM",
|
||||
},
|
||||
label: "Sat-Sun: 12PM - 12AM"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Visit",
|
||||
items: [
|
||||
title: "Visit", items: [
|
||||
{
|
||||
label: "123 Mechanic St",
|
||||
href: "#",
|
||||
},
|
||||
label: "123 Mechanic St", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user