Merge version_1 into main #2
270
src/app/page.tsx
270
src/app/page.tsx
@@ -30,26 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Alice's Restaurant"
|
||||
/>
|
||||
@@ -57,67 +42,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Not Fancy Just Unforgettable"
|
||||
description="Handmade breakfasts and legendary tenderloins, served hot right in front of you. Smalltown warmth meets bigtime flavor—no chains, no shortcuts, no pretense."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/teenage-girl-eating-breakfast-healthy-eating-morning-breakfast-home_169016-67498.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50-s-cafe-dancing-wearing-jacket-blue-skirt-red-shirt-sunglasses-having-fun-cheerful-mood_285396-10388.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150062807.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-sitting-restaurant_23-2149390963.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/teenage-girl-eating-breakfast-healthy-eating-morning-breakfast-home_169016-67498.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50-s-cafe-dancing-wearing-jacket-blue-skirt-red-shirt-sunglasses-having-fun-cheerful-mood_285396-10388.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150062807.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-sitting-restaurant_23-2149390963.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Join our growing family of local regulars."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Seat / View Menu",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Reserve Your Seat / View Menu", href: "#features" }]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Locally Sourced Ingredients",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Family Recipes Since 1952",
|
||||
icon: Utensils,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Always Freshly Brewed Coffee",
|
||||
icon: Coffee,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Community Favorite Spot",
|
||||
icon: Heart,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Handmade Comfort Daily",
|
||||
icon: Award,
|
||||
},
|
||||
{ type: "text-icon", text: "Locally Sourced Ingredients", icon: Leaf },
|
||||
{ type: "text-icon", text: "Family Recipes Since 1952", icon: Utensils },
|
||||
{ type: "text-icon", text: "Always Freshly Brewed Coffee", icon: Coffee },
|
||||
{ type: "text-icon", text: "Community Favorite Spot", icon: Heart },
|
||||
{ type: "text-icon", text: "Handmade Comfort Daily", icon: Award },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,20 +72,11 @@ export default function LandingPage() {
|
||||
title="A Legacy of Comfort"
|
||||
description="At Alice's, we believe the best stories are written in the kitchen. For generations, we've served up authentic, handmade dishes that feel like a warm hug. No shortcuts, just fresh ingredients and the kind of service that remembers your name."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Farm to Table Quality",
|
||||
description: "We source ingredients locally whenever possible for true flavor.",
|
||||
},
|
||||
{
|
||||
title: "Legendary Recipes",
|
||||
description: "Passed-down family recipes that define small-town Americana.",
|
||||
},
|
||||
{
|
||||
title: "Warm Atmosphere",
|
||||
description: "A community gathering place where everyone is a regular.",
|
||||
},
|
||||
{ title: "Farm to Table Quality", description: "We source ingredients locally whenever possible for true flavor." },
|
||||
{ title: "Legendary Recipes", description: "Passed-down family recipes that define small-town Americana." },
|
||||
{ title: "Warm Atmosphere", description: "A community gathering place where everyone is a regular." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-tasty-pomegranate-salad-green-salad-with-fresh-vegetables-light-background_140725-137276.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-tasty-pomegranate-salad-green-salad-with-fresh-vegetables-light-background_140725-137276.jpg"
|
||||
imageAlt="Alice's Restaurant Kitchen"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -155,55 +89,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Handmade Breakfasts",
|
||||
description: "From scratch pancakes and golden syrup.",
|
||||
icon: Star,
|
||||
title: "Handmade Breakfasts", description: "From scratch pancakes and golden syrup.", icon: Star,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-dumplings-with-peas-red-pepper_114579-43397.jpg?_wi=1",
|
||||
imageAlt: "Handmade Breakfast",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-dumplings-with-peas-red-pepper_114579-43397.jpg?_wi=2",
|
||||
imageAlt: "Handmade Breakfast Detail",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50-s-cafe-sitting-table_285396-10411.jpg",
|
||||
imageAlt: "cozy diner interior warm lighting",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-dumplings-with-peas-red-pepper_114579-43397.jpg", imageAlt: "Handmade Breakfast" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-dumplings-with-peas-red-pepper_114579-43397.jpg", imageAlt: "Handmade Breakfast Detail" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legendary Tenderloins",
|
||||
description: "The sandwich everyone comes back for.",
|
||||
icon: Award,
|
||||
title: "Legendary Tenderloins", description: "The sandwich everyone comes back for.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rice-cooked-with-herbs-carrots-meat-cutlet_140725-7052.jpg?_wi=1",
|
||||
imageAlt: "Legendary Tenderloin",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rice-cooked-with-herbs-carrots-meat-cutlet_140725-7052.jpg?_wi=2",
|
||||
imageAlt: "Legendary Tenderloin Detail",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-pomegranate-salad-green-salad-with-fresh-vegetables-light-background_140725-137276.jpg?_wi=2",
|
||||
imageAlt: "chef cooking in diner kitchen",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/rice-cooked-with-herbs-carrots-meat-cutlet_140725-7052.jpg", imageAlt: "Legendary Tenderloin" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/rice-cooked-with-herbs-carrots-meat-cutlet_140725-7052.jpg", imageAlt: "Legendary Tenderloin Detail" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Daily Fresh Coffee",
|
||||
description: "Served hot, just how you like it.",
|
||||
icon: Zap,
|
||||
title: "Daily Fresh Coffee", description: "Served hot, just how you like it.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-3d-coffee-drink_23-2151840643.jpg?_wi=1",
|
||||
imageAlt: "Fresh Coffee",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-3d-coffee-drink_23-2151840643.jpg?_wi=2",
|
||||
imageAlt: "Fresh Coffee Detail",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-dumplings-with-peas-red-pepper_114579-43397.jpg?_wi=3",
|
||||
imageAlt: "fresh handmade pancake stack breakfast",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-3d-coffee-drink_23-2151840643.jpg", imageAlt: "Fresh Coffee" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-3d-coffee-drink_23-2151840643.jpg", imageAlt: "Fresh Coffee Detail" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Legendary Comforts"
|
||||
@@ -218,26 +122,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Jenkins"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/teenage-girl-eating-breakfast-healthy-eating-morning-breakfast-home_169016-67498.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg",
|
||||
alt: "Mike",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50-s-cafe-dancing-wearing-jacket-blue-skirt-red-shirt-sunglasses-having-fun-cheerful-mood_285396-10388.jpg",
|
||||
alt: "Family",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150062807.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-sitting-restaurant_23-2149390963.jpg",
|
||||
alt: "Linda",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/teenage-girl-eating-breakfast-healthy-eating-morning-breakfast-home_169016-67498.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg", alt: "Mike" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50-s-cafe-dancing-wearing-jacket-blue-skirt-red-shirt-sunglasses-having-fun-cheerful-mood_285396-10388.jpg", alt: "Family" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150062807.jpg", alt: "David" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-sitting-restaurant_23-2149390963.jpg", alt: "Linda" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -249,21 +138,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you take reservations?",
|
||||
content: "We are a first-come-first-serve diner, but we'll get you seated as quickly as possible!",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are you pet friendly?",
|
||||
content: "Our patio is happy to welcome your furry friends.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What's the best time to visit?",
|
||||
content: "Weekend mornings are lively, but weekdays offer a more relaxed pace.",
|
||||
},
|
||||
{ id: "1", title: "Do you take reservations?", content: "We are a first-come-first-serve diner, but we'll get you seated as quickly as possible!" },
|
||||
{ id: "2", title: "Are you pet friendly?", content: "Our patio is happy to welcome your furry friends." },
|
||||
{ id: "3", title: "What's the best time to visit?", content: "Weekend mornings are lively, but weekdays offer a more relaxed pace." },
|
||||
]}
|
||||
title="Commonly Asked"
|
||||
description="Got questions? We've got answers."
|
||||
@@ -274,18 +151,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Ready for a real meal?"
|
||||
description="Stop by Alice's today for a taste of authentic small-town tradition."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Directions", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -293,54 +163,24 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Breakfast",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Lunch",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Specials",
|
||||
href: "#",
|
||||
},
|
||||
title: "Menu", items: [
|
||||
{ label: "Breakfast", href: "#" },
|
||||
{ label: "Lunch", href: "#" },
|
||||
{ label: "Specials", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Our Story", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Follow Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Gift Cards",
|
||||
href: "#",
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "Get Directions", href: "#" },
|
||||
{ label: "Follow Us", href: "#" },
|
||||
{ label: "Gift Cards", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user