bender/b4bf257a-0652-468c-85ea-73851216ec6c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-04-05 06:49:28 +00:00
parent 113db9d1bd 2fe964c213
commit 9eb3bc7671
1 changed files with 122 additions and 314 deletions
Download Patch File Download Diff File Expand all files Collapse all files

436
src/app/page.tsx
View File

@@ -15,329 +15,137 @@ import { Coffee, Laptop, Users } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="largeSmallSizeLargeTitles"
background="grid"
cardStyle="glass-elevated"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="extrabold"
defaultButtonVariant="expand-hover"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="largeSmallSizeLargeTitles"
background="grid"
cardStyle="glass-elevated"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "menu",
},
{
name: "Events",
id: "events",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Arya Café"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Events", id: "events" },
{ name: "Contact", id: "contact" },
]}
brandName="Arya Café"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Arya Café"
description="A peaceful corner of Tibet in the heart of Elmhurst"
testimonials={[
{
name: "Sarah J.",
handle: "@sarahj",
testimonial: "The space is spacious, the music is calming... perfect to catch up with a friend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/paperboard-yellow-texture_95678-83.jpg?_wi=1",
imageAlt: "cozy mountain tea house background texture",
},
{
name: "Mark D.",
handle: "@markd",
testimonial: "The momos were excellent. So good I organized a dinner for 10!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-food-breakfast-wooden-table_53876-16232.jpg",
imageAlt: "polaroid photo cafe interior cozy",
},
{
name: "Elena R.",
handle: "@elenar",
testimonial: "Everything was handled professionally... exactly how it needed to be for a large group.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/white-garlic-stainless-steel-bowl_417767-373.jpg?_wi=1",
imageAlt: "handmade beef momo steamed",
},
{
name: "Kevin T.",
handle: "@kevint",
testimonial: "Authentic flavors that transport me back to the mountains.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-asian-dumplings-oysters_23-2148249231.jpg?_wi=1",
imageAlt: "steamed vegetable momos colorful",
},
{
name: "Nina L.",
handle: "@ninal",
testimonial: "A true neighborhood gem with heart.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/traditional-gurza-with-stuffed-meat_140725-9313.jpg?_wi=1",
imageAlt: "spicy chicken momo close up",
},
]}
buttons={[
{
text: "View Our Menu",
href: "#menu",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/paperboard-yellow-texture_95678-83.jpg?_wi=2"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-barista-girl-asian-female-cafe-worker-shows-okay-ok-sign-approval-recommend-smth_1258-199456.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-man-with-delicious-cocktail_23-2150166188.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/employees-eating-pizza-work_23-2148911798.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-old-man-posing-outdoors_23-2151038806.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/couple-have-fun-cafe_329181-1787.jpg",
alt: "Customer 5",
},
]}
avatarText="Join our community of regulars"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Arya Café"
description="A peaceful corner of Tibet in the heart of Elmhurst"
testimonials={[
{ name: "Sarah J.", handle: "@sarahj", testimonial: "The space is spacious, the music is calming... perfect to catch up with a friend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/paperboard-yellow-texture_95678-83.jpg", imageAlt: "cozy mountain tea house background texture" },
{ name: "Mark D.", handle: "@markd", testimonial: "The momos were excellent. So good I organized a dinner for 10!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-food-breakfast-wooden-table_53876-16232.jpg", imageAlt: "polaroid photo cafe interior cozy" },
{ name: "Elena R.", handle: "@elenar", testimonial: "Everything was handled professionally... exactly how it needed to be for a large group.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/white-garlic-stainless-steel-bowl_417767-373.jpg", imageAlt: "handmade beef momo steamed" },
{ name: "Kevin T.", handle: "@kevint", testimonial: "Authentic flavors that transport me back to the mountains.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-asian-dumplings-oysters_23-2148249231.jpg", imageAlt: "steamed vegetable momos colorful" },
{ name: "Nina L.", handle: "@ninal", testimonial: "A true neighborhood gem with heart.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/traditional-gurza-with-stuffed-meat_140725-9313.jpg", imageAlt: "spicy chicken momo close up" },
]}
buttons={[{ text: "View Our Menu", href: "#menu" }]}
imageSrc="http://img.b2bpic.net/free-photo/paperboard-yellow-texture_95678-83.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/portrait-barista-girl-asian-female-cafe-worker-shows-okay-ok-sign-approval-recommend-smth_1258-199456.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-with-delicious-cocktail_23-2150166188.jpg", alt: "Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/employees-eating-pizza-work_23-2148911798.jpg", alt: "Customer 3" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-old-man-posing-outdoors_23-2151038806.jpg", alt: "Customer 4" },
{ src: "http://img.b2bpic.net/free-photo/couple-have-fun-cafe_329181-1787.jpg", alt: "Customer 5" },
]}
avatarText="Join our community of regulars"
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
tag="About Us"
title="A gathering place in Queens."
buttons={[
{
text: "Learn More",
href: "#contact",
},
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
tag="About Us"
title="A gathering place in Queens."
buttons={[{ text: "Learn More", href: "#contact" }]}
/>
</div>
<div id="menu" data-section="menu">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Beef Momos",
price: "$12",
imageSrc: "http://img.b2bpic.net/free-photo/white-garlic-stainless-steel-bowl_417767-373.jpg?_wi=2",
},
{
id: "2",
name: "Veggie Momos",
price: "$10",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-asian-dumplings-oysters_23-2148249231.jpg?_wi=2",
},
{
id: "3",
name: "Chicken Momos",
price: "$11",
imageSrc: "http://img.b2bpic.net/free-photo/traditional-gurza-with-stuffed-meat_140725-9313.jpg?_wi=2",
},
{
id: "4",
name: "Chow Mein",
price: "$13",
imageSrc: "http://img.b2bpic.net/free-photo/tasty-spaghetti-lemon-slices-white-surface_114579-32326.jpg?_wi=1",
},
{
id: "5",
name: "Hand-Drip Coffee",
price: "$5",
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-hot-coffee_53876-31307.jpg?_wi=1",
},
{
id: "6",
name: "Butter Tea",
price: "$4",
imageSrc: "http://img.b2bpic.net/free-photo/dushpara-with-jar-vinegar-fly_176474-2961.jpg?_wi=1",
},
]}
title="Menu Highlights"
description="Authentic Tibetan dishes and warming beverages."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{ id: "1", name: "Beef Momos", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/white-garlic-stainless-steel-bowl_417767-373.jpg" },
{ id: "2", name: "Veggie Momos", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/front-view-asian-dumplings-oysters_23-2148249231.jpg" },
{ id: "3", name: "Chicken Momos", price: "$11", imageSrc: "http://img.b2bpic.net/free-photo/traditional-gurza-with-stuffed-meat_140725-9313.jpg" },
{ id: "4", name: "Chow Mein", price: "$13", imageSrc: "http://img.b2bpic.net/free-photo/tasty-spaghetti-lemon-slices-white-surface_114579-32326.jpg" },
{ id: "5", name: "Hand-Drip Coffee", price: "$5", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-hot-coffee_53876-31307.jpg" },
{ id: "6", name: "Butter Tea", price: "$4", imageSrc: "http://img.b2bpic.net/free-photo/dushpara-with-jar-vinegar-fly_176474-2961.jpg" },
]}
title="Menu Highlights"
description="Authentic Tibetan dishes and warming beverages."
/>
</div>
<div id="experience" data-section="experience">
<FeatureBento
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Cozy Space",
description: "Thoughtfully designed for comfort and conversation.",
bentoComponent: "reveal-icon",
icon: Coffee,
imageSrc: "http://img.b2bpic.net/free-photo/tasty-spaghetti-lemon-slices-white-surface_114579-32326.jpg?_wi=2",
imageAlt: "fresh stir fry noodles traditional",
},
{
title: "Great for Groups",
description: "Ample seating for friends and community gatherings.",
bentoComponent: "reveal-icon",
icon: Users,
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-hot-coffee_53876-31307.jpg?_wi=2",
imageAlt: "latte art in cozy cafe",
},
{
title: "Work-Friendly",
description: "Quiet corners and reliable vibes for your afternoon.",
bentoComponent: "reveal-icon",
icon: Laptop,
imageSrc: "http://img.b2bpic.net/free-photo/dushpara-with-jar-vinegar-fly_176474-2961.jpg?_wi=2",
imageAlt: "traditional tibetan butter tea cup",
},
]}
title="The Arya Experience"
description="Cozy, communal, and culturally rich."
/>
</div>
<div id="experience" data-section="experience">
<FeatureBento
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Cozy Space", description: "Thoughtfully designed for comfort and conversation.", bentoComponent: "reveal-icon", icon: Coffee },
{ title: "Great for Groups", description: "Ample seating for friends and community gatherings.", bentoComponent: "reveal-icon", icon: Users },
{ title: "Work-Friendly", description: "Quiet corners and reliable vibes for your afternoon.", bentoComponent: "reveal-icon", icon: Laptop },
]}
title="The Arya Experience"
description="Cozy, communal, and culturally rich."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alice M.",
handle: "@alicem",
testimonial: "Truly feel at home here.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-barista-girl-asian-female-cafe-worker-shows-okay-ok-sign-approval-recommend-smth_1258-199456.jpg",
},
{
id: "2",
name: "Bob V.",
handle: "@bobv",
testimonial: "Best butter tea in NYC.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-delicious-cocktail_23-2150166188.jpg",
},
{
id: "3",
name: "Carla S.",
handle: "@carlas",
testimonial: "The community vibe is real.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/employees-eating-pizza-work_23-2148911798.jpg",
},
{
id: "4",
name: "David W.",
handle: "@davidw",
testimonial: "Love working here in the afternoon.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-posing-outdoors_23-2151038806.jpg",
},
{
id: "5",
name: "Eva P.",
handle: "@evap",
testimonial: "Simply wonderful experience.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-have-fun-cafe_329181-1787.jpg",
},
]}
showRating={true}
title="Handwritten Notes"
description="Kind words from our amazing patrons."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Alice M.", handle: "@alicem", testimonial: "Truly feel at home here.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-barista-girl-asian-female-cafe-worker-shows-okay-ok-sign-approval-recommend-smth_1258-199456.jpg" },
{ id: "2", name: "Bob V.", handle: "@bobv", testimonial: "Best butter tea in NYC.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-delicious-cocktail_23-2150166188.jpg" },
{ id: "3", name: "Carla S.", handle: "@carlas", testimonial: "The community vibe is real.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/employees-eating-pizza-work_23-2148911798.jpg" },
{ id: "4", name: "David W.", handle: "@davidw", testimonial: "Love working here in the afternoon.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-posing-outdoors_23-2151038806.jpg" },
{ id: "5", name: "Eva P.", handle: "@evap", testimonial: "Simply wonderful experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-have-fun-cafe_329181-1787.jpg" },
]}
showRating={true}
title="Handwritten Notes"
description="Kind words from our amazing patrons."
/>
</div>
<div id="events" data-section="events">
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
text="Host Your Next Event With Us: From running clubs to dinner parties, Arya Café is the perfect intimate venue. Reach out to plan your event."
buttons={[
{
text: "Get in Touch",
href: "#contact",
},
]}
/>
</div>
<div id="events" data-section="events">
<ContactText
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
text="Host Your Next Event With Us: From running clubs to dinner parties, Arya Café is the perfect intimate venue. Reach out to plan your event."
buttons={[{ text: "Get in Touch", href: "#contact" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/paperboard-yellow-texture_95678-83.jpg?_wi=3"
logoText="Arya Café"
columns={[
{
title: "Visit",
items: [
{
label: "Elmhurst, Queens, NY",
href: "#",
},
{
label: "Hours: 9am - 9pm",
href: "#",
},
],
},
{
title: "Social",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Facebook",
href: "#",
},
],
},
]}
copyrightText="© 2025 Arya Café. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/paperboard-yellow-texture_95678-83.jpg"
logoText="Arya Café"
columns={[
{ title: "Visit", items: [{ label: "Elmhurst, Queens, NY", href: "#" }, { label: "Hours: 9am - 9pm", href: "#" }] },
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
]}
copyrightText="© 2025 Arya Café. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}