bender/64fb8616-8bb0-46e9-b20b-1febc7b98e25
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-10 09:31:52 +00:00
parent 0dd1a418b3
commit d20e2b61fa
1 changed files with 148 additions and 435 deletions
Download Patch File Download Diff File Expand all files Collapse all files

583
src/app/page.tsx
View File

@@ -28,450 +28,163 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Menu",
id: "pricing",
},
{
name: "Story",
id: "about",
},
{
name: "Order",
id: "contact",
},
]}
brandName="Katz's Deli"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "Menu", id: "pricing" },
{ name: "Story", id: "about" },
{ name: "Order", id: "contact" },
]}
brandName="Katz's Deli"
button={{ text: "Order Now", href: "#pricing" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
title="The Most Legendary Sandwich in New York Since 1888"
description="Experience the culinary heritage of New York City. From our hand-carved pastrami to our secret curing process, taste why we've been the deli of choice for generations."
testimonials={[
{
name: "New York Times",
handle: "@nytimes",
testimonial: "The quintessential NYC experience.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-bacon-sandwiches_23-2148454735.jpg?_wi=1",
imageAlt: "NYC pastrami sandwich close up",
},
{
name: "Eater NYC",
handle: "@eater",
testimonial: "Unmatched in tradition and flavor.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-food-frame-with-copy-space_23-2148234243.jpg?_wi=1",
imageAlt: "NYC pastrami sandwich close up",
},
{
name: "Bon Appétit",
handle: "@bonappetit",
testimonial: "A pilgrimage for any serious food lover.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/meat-slices-bread-with-cucumber-tomato_140725-1166.jpg?_wi=1",
imageAlt: "NYC pastrami sandwich close up",
},
{
name: "Food Network",
handle: "@foodnetwork",
testimonial: "The gold standard for Jewish delis.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/tomato-soup-topped-with-cheese_140725-1242.jpg?_wi=1",
imageAlt: "NYC pastrami sandwich close up",
},
{
name: "GQ Magazine",
handle: "@gq",
testimonial: "Still the best pastrami in the city.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-prepared-jewish-hanukkah-celebration_23-2151112314.jpg?_wi=1",
imageAlt: "NYC pastrami sandwich close up",
},
]}
buttons={[
{
text: "Order Online",
href: "#pricing",
},
{
text: "Visit Us",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-bacon-sandwiches_23-2148454735.jpg?_wi=2"
imageAlt="NYC pastrami sandwich close up"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/handsome-smiling-blond-man-close-eyes-daydreaming-imaging-something-having-happy-memory-standing-gray-tshirt-white-background_176420-47883.jpg",
alt: "Handsome smiling blond man",
},
{
src: "http://img.b2bpic.net/free-photo/waist-up-handsome-smiling-african-american-man-white-casual-t-shirt-looking-happy_176420-25210.jpg",
alt: "Handsome smiling african american man",
},
{
src: "http://img.b2bpic.net/free-photo/handsome-happy-smiling-man-with-beard-laughing_176420-18699.jpg",
alt: "Handsome happy smiling man with beard",
},
{
src: "http://img.b2bpic.net/free-photo/happy-confident-man-turn-head-camera-winking-smiling-standing-blue-background_1258-170892.jpg",
alt: "Happy and confident man",
},
{
src: "http://img.b2bpic.net/free-photo/happy-woman-shirt-looks-with-smile-into-camera_197531-18053.jpg",
alt: "Happy woman in shirt",
},
]}
avatarText="Join 10k+ happy foodies"
marqueeItems={[
{
type: "text",
text: "Since 1888",
},
{
type: "text",
text: "NYC Tradition",
},
{
type: "text",
text: "Hand-Carved",
},
{
type: "text",
text: "World Famous",
},
{
type: "text",
text: "Authentic Deli",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
title="The Most Legendary Sandwich in New York Since 1888"
description="Experience the culinary heritage of New York City. From our hand-carved pastrami to our secret curing process, taste why we've been the deli of choice for generations."
testimonials={[
{ name: "New York Times", handle: "@nytimes", testimonial: "The quintessential NYC experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-bacon-sandwiches_23-2148454735.jpg", imageAlt: "NYC pastrami sandwich close up" },
{ name: "Eater NYC", handle: "@eater", testimonial: "Unmatched in tradition and flavor.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-food-frame-with-copy-space_23-2148234243.jpg", imageAlt: "NYC pastrami sandwich close up" },
{ name: "Bon Appétit", handle: "@bonappetit", testimonial: "A pilgrimage for any serious food lover.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/meat-slices-bread-with-cucumber-tomato_140725-1166.jpg", imageAlt: "NYC pastrami sandwich close up" },
{ name: "Food Network", handle: "@foodnetwork", testimonial: "The gold standard for Jewish delis.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/tomato-soup-topped-with-cheese_140725-1242.jpg", imageAlt: "NYC pastrami sandwich close up" },
{ name: "GQ Magazine", handle: "@gq", testimonial: "Still the best pastrami in the city.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-prepared-jewish-hanukkah-celebration_23-2151112314.jpg", imageAlt: "NYC pastrami sandwich close up" },
]}
buttons={[{ text: "Order Online", href: "#pricing" }, { text: "Visit Us", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-bacon-sandwiches_23-2148454735.jpg"
imageAlt="NYC pastrami sandwich close up"
mediaAnimation="blur-reveal"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/handsome-smiling-blond-man-close-eyes-daydreaming-imaging-something-having-happy-memory-standing-gray-tshirt-white-background_176420-47883.jpg", alt: "Handsome smiling blond man" },
{ src: "http://img.b2bpic.net/free-photo/waist-up-handsome-smiling-african-american-man-white-casual-t-shirt-looking-happy_176420-25210.jpg", alt: "Handsome smiling african american man" },
{ src: "http://img.b2bpic.net/free-photo/handsome-happy-smiling-man-with-beard-laughing_176420-18699.jpg", alt: "Handsome happy smiling man with beard" },
{ src: "http://img.b2bpic.net/free-photo/happy-confident-man-turn-head-camera-winking-smiling-standing-blue-background_1258-170892.jpg", alt: "Happy and confident man" },
{ src: "http://img.b2bpic.net/free-photo/happy-woman-shirt-looks-with-smile-into-camera_197531-18053.jpg", alt: "Happy woman in shirt" },
]}
avatarText="Join 10k+ happy foodies"
marqueeItems={[
{ type: "text", text: "Since 1888" },
{ type: "text", text: "NYC Tradition" },
{ type: "text", text: "Hand-Carved" },
{ type: "text", text: "World Famous" },
{ type: "text", text: "Authentic Deli" },
]}
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="Tradition You Can Taste"
description="Since 1888, we've stayed true to our roots. Our pastrami isn't just a sandwich; it's a piece of New York history, cured for weeks and carved by hand for the perfect bite every single time."
bulletPoints={[
{
title: "Cured to Perfection",
description: "Our pastrami is cured slowly for weeks for an unmatched flavor profile.",
},
{
title: "Carved by Hand",
description: "Each slice is carved to order by our expert deli team.",
},
{
title: "A Cultural Icon",
description: "From movie scenes to global fame, a NYC must-visit.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-food-frame-with-copy-space_23-2148234243.jpg?_wi=2"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="Tradition You Can Taste"
description="Since 1888, we've stayed true to our roots. Our pastrami isn't just a sandwich; it's a piece of New York history, cured for weeks and carved by hand for the perfect bite every single time."
bulletPoints={[
{ title: "Cured to Perfection", description: "Our pastrami is cured slowly for weeks for an unmatched flavor profile." },
{ title: "Carved by Hand", description: "Each slice is carved to order by our expert deli team." },
{ title: "A Cultural Icon", description: "From movie scenes to global fame, a NYC must-visit." },
]}
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-food-frame-with-copy-space_23-2148234243.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="featured" data-section="featured">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Signature Pastrami",
description: "The legend that started it all.",
tag: "Signature",
imageSrc: "http://img.b2bpic.net/free-photo/meat-slices-bread-with-cucumber-tomato_140725-1166.jpg?_wi=2",
},
{
id: "f2",
title: "Matzo Ball Soup",
description: "Comfort in every bowl.",
tag: "Classic",
imageSrc: "http://img.b2bpic.net/free-photo/tomato-soup-topped-with-cheese_140725-1242.jpg?_wi=2",
},
{
id: "f3",
title: "Crispy Latkes",
description: "Hand-grated, fried golden brown.",
tag: "Side",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-prepared-jewish-hanukkah-celebration_23-2151112314.jpg?_wi=2",
},
]}
title="The Deli Experience"
description="Discover why our classics have remained undefeated for over 130 years."
/>
</div>
<div id="featured" data-section="featured">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ id: "f1", title: "Signature Pastrami", description: "The legend that started it all.", tag: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/meat-slices-bread-with-cucumber-tomato_140725-1166.jpg" },
{ id: "f2", title: "Matzo Ball Soup", description: "Comfort in every bowl.", tag: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/tomato-soup-topped-with-cheese_140725-1242.jpg" },
{ id: "f3", title: "Crispy Latkes", description: "Hand-grated, fried golden brown.", tag: "Side", imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-prepared-jewish-hanukkah-celebration_23-2151112314.jpg" },
]}
title="The Deli Experience"
description="Discover why our classics have remained undefeated for over 130 years."
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"The New York Times",
"Eater",
"Bon Appétit",
"Food Network",
"Travel Channel",
"GQ",
"Village Voice",
]}
title="Featured By"
description="The world's most trusted food authorities agree."
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={["The New York Times", "Eater", "Bon Appétit", "Food Network", "Travel Channel", "GQ", "Village Voice"]}
title="Featured By"
description="The world's most trusted food authorities agree."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
date: "Oct 2023",
title: "Foodie",
quote: "Best pastrami I've ever had in my life. Worth the line!",
tag: "Top Pick",
avatarSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-sitting-kitchen-with-smartphone-cooking-salad-has-chopping-board-olive_1258-203794.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-bacon-sandwiches_23-2148454735.jpg?_wi=3",
imageAlt: "happy food reviewer",
},
{
id: "2",
name: "Mike R.",
date: "Sept 2023",
title: "Visitor",
quote: "An iconic experience. The atmosphere is like no other.",
tag: "Must-Visit",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-food-blogger-taking-picture-smoothie_1098-19883.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-food-frame-with-copy-space_23-2148234243.jpg?_wi=3",
imageAlt: "happy food reviewer",
},
{
id: "3",
name: "Elena C.",
date: "Aug 2023",
title: "Local",
quote: "My weekly ritual. Never gets old.",
tag: "Regular",
avatarSrc: "http://img.b2bpic.net/free-photo/goodlooking-stylish-modern-hispanic-guy-with-stylish-haircut-beard-wear-grey-sweater-tshirt-hold-hands-pockets-smiling-joyfully-laughing-chatting-with-friends-white-background_176420-51726.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/meat-slices-bread-with-cucumber-tomato_140725-1166.jpg?_wi=3",
imageAlt: "happy food reviewer",
},
{
id: "4",
name: "Robert B.",
date: "July 2023",
title: "Chef",
quote: "The craft behind this meat is legendary.",
tag: "Pro",
avatarSrc: "http://img.b2bpic.net/free-photo/woman-signed-great-deal-rubbing-hands-relish-something-interesting-come-ahead-senior-lady-smiling-pleased-anticipating-good-things-happen-have-everything-control-feeling-lucky-upbeat_176420-55615.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/tomato-soup-topped-with-cheese_140725-1242.jpg?_wi=3",
imageAlt: "happy food reviewer",
},
{
id: "5",
name: "Linda M.",
date: "June 2023",
title: "Tour Guide",
quote: "I send every tour here for the authentic experience.",
tag: "Recommendation",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-women-eating-together_23-2149061571.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-prepared-jewish-hanukkah-celebration_23-2151112314.jpg?_wi=3",
imageAlt: "happy food reviewer",
},
]}
title="Words from Our Guests"
description="Join thousands of visitors who made us a part of their NYC story."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah J.", date: "Oct 2023", title: "Foodie", quote: "Best pastrami I've ever had in my life. Worth the line!", tag: "Top Pick", avatarSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-sitting-kitchen-with-smartphone-cooking-salad-has-chopping-board-olive_1258-203794.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-bacon-sandwiches_23-2148454735.jpg", imageAlt: "happy food reviewer" },
{ id: "2", name: "Mike R.", date: "Sept 2023", title: "Visitor", quote: "An iconic experience. The atmosphere is like no other.", tag: "Must-Visit", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-food-blogger-taking-picture-smoothie_1098-19883.jpg", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-food-frame-with-copy-space_23-2148234243.jpg", imageAlt: "happy food reviewer" },
{ id: "3", name: "Elena C.", date: "Aug 2023", title: "Local", quote: "My weekly ritual. Never gets old.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/goodlooking-stylish-modern-hispanic-guy-with-stylish-haircut-beard-wear-grey-sweater-tshirt-hold-hands-pockets-smiling-joyfully-laughing-chatting-with-friends-white-background_176420-51726.jpg", imageSrc: "http://img.b2bpic.net/free-photo/meat-slices-bread-with-cucumber-tomato_140725-1166.jpg", imageAlt: "happy food reviewer" },
{ id: "4", name: "Robert B.", date: "July 2023", title: "Chef", quote: "The craft behind this meat is legendary.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/woman-signed-great-deal-rubbing-hands-relish-something-interesting-come-ahead-senior-lady-smiling-pleased-anticipating-good-things-happen-have-everything-control-feeling-lucky-upbeat_176420-55615.jpg", imageSrc: "http://img.b2bpic.net/free-photo/tomato-soup-topped-with-cheese_140725-1242.jpg", imageAlt: "happy food reviewer" },
{ id: "5", name: "Linda M.", date: "June 2023", title: "Tour Guide", quote: "I send every tour here for the authentic experience.", tag: "Recommendation", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-women-eating-together_23-2149061571.jpg", imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-prepared-jewish-hanukkah-celebration_23-2151112314.jpg", imageAlt: "happy food reviewer" },
]}
title="Words from Our Guests"
description="Join thousands of visitors who made us a part of their NYC story."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
plans={[
{
id: "p1",
name: "Signature Sandwich",
price: "$28.95",
features: [
"Pastrami or Corned Beef",
"Feeds 1-2 people",
"Famous Rye Bread",
"Hand-carved",
],
buttons: [
{
text: "Add to Cart",
},
],
},
{
id: "p2",
name: "Matzo Ball Soup",
price: "$9.95",
features: [
"Classic broth",
"Giant Matzo Ball",
"Family recipe",
"Comfort food",
],
buttons: [
{
text: "Add to Cart",
},
],
},
{
id: "p3",
name: "3-Meat Platter",
price: "$34.95",
features: [
"Pastrami, Brisket, Turkey",
"Includes sides",
"Feeds 2 people",
"Perfect for sharing",
],
buttons: [
{
text: "Add to Cart",
},
],
},
]}
title="Our Menu Classics"
description="Authentic NYC Deli fare, priced for every appetite. Feeding the city since 1888."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
plans={[
{ id: "p1", name: "Signature Sandwich", price: "$28.95", features: ["Pastrami or Corned Beef", "Feeds 1-2 people", "Famous Rye Bread", "Hand-carved"], buttons: [{ text: "Add to Cart" }] },
{ id: "p2", name: "Matzo Ball Soup", price: "$9.95", features: ["Classic broth", "Giant Matzo Ball", "Family recipe", "Comfort food"], buttons: [{ text: "Add to Cart" }] },
{ id: "p3", name: "3-Meat Platter", price: "$34.95", features: ["Pastrami, Brisket, Turkey", "Includes sides", "Feeds 2 people", "Perfect for sharing"], buttons: [{ text: "Add to Cart" }] },
]}
title="Our Menu Classics"
description="Authentic NYC Deli fare, priced for every appetite. Feeding the city since 1888."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Is the meat gluten free?",
content: "Our pastrami and corned beef are generally gluten free, but we always recommend asking your server.",
},
{
id: "q2",
title: "Do you ship nationwide?",
content: "Yes! We ship our famous bundles anywhere in the USA through our online store.",
},
{
id: "q3",
title: "How long is the wait?",
content: "Wait times vary, but our line moves fast. It's part of the NYC experience!",
},
]}
title="Common Questions"
description="Have questions about our history, our menu, or shipping?"
faqsAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Is the meat gluten free?", content: "Our pastrami and corned beef are generally gluten free, but we always recommend asking your server." },
{ id: "q2", title: "Do you ship nationwide?", content: "Yes! We ship our famous bundles anywhere in the USA through our online store." },
{ id: "q3", title: "How long is the wait?", content: "Wait times vary, but our line moves fast. It's part of the NYC experience!" },
]}
title="Common Questions"
description="Have questions about our history, our menu, or shipping?"
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Visit Us in NYC"
description="205 E Houston St, New York, NY. Open Daily 10AM-10PM."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
},
{
name: "email",
type: "email",
placeholder: "Email Address",
},
]}
textarea={{
name: "message",
placeholder: "Ask about catering or group reservations",
}}
imageSrc="http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571778.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Visit Us in NYC"
description="205 E Houston St, New York, NY. Open Daily 10AM-10PM."
inputs={[{ name: "name", type: "text", placeholder: "Your Name" }, { name: "email", type: "email", placeholder: "Email Address" }]}
textarea={{ name: "message", placeholder: "Ask about catering or group reservations" }}
imageSrc="http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571778.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="KATZ'S DELI"
columns={[
{
title: "Menu",
items: [
{
label: "Sandwiches",
href: "#pricing",
},
{
label: "Soups",
href: "#pricing",
},
{
label: "Platters",
href: "#pricing",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Careers",
href: "#",
},
{
label: "Shipping",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]}
copyrightText="© 1888-2024 Katz's Delicatessen."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="KATZ'S DELI"
columns={[
{ title: "Menu", items: [{ label: "Sandwiches", href: "#pricing" }, { label: "Soups", href: "#pricing" }, { label: "Platters", href: "#pricing" }] },
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }, { label: "Shipping", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
]}
copyrightText="© 1888-2024 Katz's Delicatessen."
/>
</div>
</ReactLenis>
</ThemeProvider>
);