Merge version_1 into main #2
436
src/app/page.tsx
436
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user