Merge version_1 into main #1
321
src/app/page.tsx
321
src/app/page.tsx
@@ -19,144 +19,72 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Events",
|
||||
id: "events",
|
||||
},
|
||||
name: "Events", id: "events"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Plate'd Social"
|
||||
button={{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Reserve a Table", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Modern Comfort, Social Roots."
|
||||
description="An upscale-casual American dining experience in Bourbonnais. Join us for craft food, great drinks, and a lively atmosphere perfect for any occasion."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slice-toasted-bread-with-boiled-egg-roasted-bread-pieces-plate_23-2148026909.jpg",
|
||||
imageAlt: "Plate'd Social interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-sweet-pancakes-with-choco-icing-dark-surface_140725-91380.jpg",
|
||||
imageAlt: "Top view yummy sweet pancakes",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sauced-meat-with-mushed-potatoes-sliced-bun-brown-wooden-table_140725-104358.jpg",
|
||||
imageAlt: "Sauced meat and potatoes",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/omelette-with-cheese-tomatoes-copy-space_23-2148698685.jpg",
|
||||
imageAlt: "Omelette with cheese",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-meaty-soup-with-potatoes-greens-dark-blue-desk_140725-76804.jpg",
|
||||
imageAlt: "Meaty soup",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/slice-toasted-bread-with-boiled-egg-roasted-bread-pieces-plate_23-2148026909.jpg", imageAlt: "Plate'd Social interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-sweet-pancakes-with-choco-icing-dark-surface_140725-91380.jpg", imageAlt: "Top view yummy sweet pancakes" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-sauced-meat-with-mushed-potatoes-sliced-bun-brown-wooden-table_140725-104358.jpg", imageAlt: "Sauced meat and potatoes" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/omelette-with-cheese-tomatoes-copy-space_23-2148698685.jpg", imageAlt: "Omelette with cheese" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-meaty-soup-with-potatoes-greens-dark-blue-desk_140725-76804.jpg", imageAlt: "Meaty soup" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-room-illuminated-by-candlelight-glow-generated-by-ai_188544-24152.jpg",
|
||||
imageAlt: "Plate'd Social dining",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312224.jpg",
|
||||
imageAlt: "Dining table assortment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-with-cutlery_23-2150312256.jpg",
|
||||
imageAlt: "Dining table with cutlery",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-with-cutlery_23-2148172713.jpg",
|
||||
imageAlt: "Restaurant table",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/such-good-tableware-table-gold-shades_8353-9923.jpg",
|
||||
imageAlt: "Tableware in gold shades",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-room-illuminated-by-candlelight-glow-generated-by-ai_188544-24152.jpg", imageAlt: "Plate'd Social dining" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312224.jpg", imageAlt: "Dining table assortment" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-with-cutlery_23-2150312256.jpg", imageAlt: "Dining table with cutlery" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-with-cutlery_23-2148172713.jpg", imageAlt: "Restaurant table" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/such-good-tableware-table-gold-shades_8353-9923.jpg", imageAlt: "Tableware in gold shades" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Make a Reservation",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{ text: "Make a Reservation", href: "#contact" },
|
||||
{ text: "View Menu", href: "#menu" }
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-local-traveler-with-camera_23-2149016703.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-point-finger-you_93675-135553.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-female-entrepreneur-trendy-sunglasses-denim-jacke_197531-31011.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-local-traveler-with-camera_23-2149016703.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-point-finger-you_93675-135553.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pleased-female-entrepreneur-trendy-sunglasses-denim-jacke_197531-31011.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", alt: "Customer" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Ingredients",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Full Bar Service",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Patio Seating",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Kid-Friendly",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sunday Brunch",
|
||||
},
|
||||
{ type: "text", text: "Fresh Ingredients" },
|
||||
{ type: "text", text: "Full Bar Service" },
|
||||
{ type: "text", text: "Patio Seating" },
|
||||
{ type: "text", text: "Kid-Friendly" },
|
||||
{ type: "text", text: "Sunday Brunch" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -168,21 +96,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Easy Parking",
|
||||
"Complex Location",
|
||||
"Casual Vibe",
|
||||
"Rustic Feel",
|
||||
"Bustling Noise",
|
||||
],
|
||||
"Easy Parking", "Complex Location", "Casual Vibe", "Rustic Feel", "Bustling Noise"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Fresh Ingredients",
|
||||
"Full Bar Service",
|
||||
"Patio Seating",
|
||||
"Kid-Friendly",
|
||||
"Live Music",
|
||||
],
|
||||
"Fresh Ingredients", "Full Bar Service", "Patio Seating", "Kid-Friendly", "Live Music"],
|
||||
}}
|
||||
title="Why You'll Love Plate'd"
|
||||
description="Our passion for great food and community is at the heart of everything we serve."
|
||||
@@ -196,42 +114,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Fried Green Tomatoes",
|
||||
price: "Market",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beef-burger-with-french-fries_141793-16653.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bradley Burger",
|
||||
price: "18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-mac-burger-with-beef-melted-cheddar-full-white-salad_114579-2311.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chicken Parm Sandwich",
|
||||
price: "16",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-hot-dog-with-cabbage-potatoes-mayonnaise-with-salted-cucumbers-sauce_141793-4961.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Birria Tacos",
|
||||
price: "19",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-hands-holding-delicious-taco_23-2151048006.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Flatbread Pizza",
|
||||
price: "17",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mixed-salad-with-fish-slices-served-bread_141793-701.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Caesar Salad",
|
||||
price: "14",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad_74190-5603.jpg",
|
||||
},
|
||||
{ id: "1", name: "Fried Green Tomatoes", price: "Market", imageSrc: "http://img.b2bpic.net/free-photo/beef-burger-with-french-fries_141793-16653.jpg" },
|
||||
{ id: "2", name: "Bradley Burger", price: "18", imageSrc: "http://img.b2bpic.net/free-photo/big-mac-burger-with-beef-melted-cheddar-full-white-salad_114579-2311.jpg" },
|
||||
{ id: "3", name: "Chicken Parm Sandwich", price: "16", imageSrc: "http://img.b2bpic.net/free-photo/side-view-hot-dog-with-cabbage-potatoes-mayonnaise-with-salted-cucumbers-sauce_141793-4961.jpg" },
|
||||
{ id: "4", name: "Birria Tacos", price: "19", imageSrc: "http://img.b2bpic.net/free-photo/front-view-hands-holding-delicious-taco_23-2151048006.jpg" },
|
||||
{ id: "5", name: "Flatbread Pizza", price: "17", imageSrc: "http://img.b2bpic.net/free-photo/mixed-salad-with-fish-slices-served-bread_141793-701.jpg" },
|
||||
{ id: "6", name: "Caesar Salad", price: "14", imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad_74190-5603.jpg" }
|
||||
]}
|
||||
title="Signature Flavors"
|
||||
description="Fan favorites curated for your next visit."
|
||||
@@ -242,31 +130,11 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "b1",
|
||||
title: "Sunday Brunch",
|
||||
content: "Join us every Sunday for our legendary brunch featuring fresh favorites and craft cocktails.",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
title: "Live Music",
|
||||
content: "We host local musicians throughout the month—check our social media for the latest lineup.",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
title: "Group Celebrations",
|
||||
content: "From date nights to family dinners, we're the perfect spot for every occasion.",
|
||||
},
|
||||
{
|
||||
id: "b4",
|
||||
title: "Private Events",
|
||||
content: "Book our space for your next corporate event or family reunion.",
|
||||
},
|
||||
{
|
||||
id: "b5",
|
||||
title: "Patio Happy Hour",
|
||||
content: "Join us on the patio for drink specials every weekday from 4-6 PM.",
|
||||
},
|
||||
{ id: "b1", title: "Sunday Brunch", content: "Join us every Sunday for our legendary brunch featuring fresh favorites and craft cocktails." },
|
||||
{ id: "b2", title: "Live Music", content: "We host local musicians throughout the month—check our social media for the latest lineup." },
|
||||
{ id: "b3", title: "Group Celebrations", content: "From date nights to family dinners, we're the perfect spot for every occasion." },
|
||||
{ id: "b4", title: "Private Events", content: "Book our space for your next corporate event or family reunion." },
|
||||
{ id: "b5", title: "Patio Happy Hour", content: "Join us on the patio for drink specials every weekday from 4-6 PM." }
|
||||
]}
|
||||
sideTitle="Brunch & Events"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -278,21 +146,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Social Story"
|
||||
metrics={[
|
||||
{
|
||||
label: "Community Favorite",
|
||||
value: "4.4 Stars",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
label: "Local Ingredients",
|
||||
value: "Fresh",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
label: "Indoor/Outdoor",
|
||||
value: "Patio",
|
||||
icon: Sun,
|
||||
},
|
||||
{ label: "Community Favorite", value: "4.4 Stars", icon: Star },
|
||||
{ label: "Local Ingredients", value: "Fresh", icon: Star },
|
||||
{ label: "Indoor/Outdoor", value: "Patio", icon: Sun }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -305,26 +161,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Local Reviewer"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-local-traveler-with-camera_23-2149016703.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-point-finger-you_93675-135553.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-female-entrepreneur-trendy-sunglasses-denim-jacke_197531-31011.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-local-traveler-with-camera_23-2149016703.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-point-finger-you_93675-135553.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pleased-female-entrepreneur-trendy-sunglasses-denim-jacke_197531-31011.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", alt: "Customer" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -334,16 +175,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
text="Visit us at 315 Champions Way, Bourbonnais, IL 60914. We accept walk-ins and same-day reservations."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Reserve Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -352,35 +186,18 @@ export default function LandingPage() {
|
||||
logoText="Plate'd Social"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
title: "Navigate", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Accessibility",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Accessibility", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user