diff --git a/src/app/page.tsx b/src/app/page.tsx index e8cf109..6b5f79b 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -49,7 +49,7 @@ export default function LandingPage() { description="Relax. Sip. Unwind at Nonbiri. Experience authentic Japanese beverages and a welcoming atmosphere designed for tranquility." tag="Authentic Japanese Café" tagIcon={Leaf} - tagAnimation="entrance-slide" + tagAnimation="slide-up" imageSrc="http://img.b2bpic.net/free-photo/green-matcha-tea-still-life_23-2150768962.jpg" imageAlt="Premium matcha latte in cozy café setting" mediaAnimation="slide-up" @@ -57,19 +57,19 @@ export default function LandingPage() { { text: "Order Online", href: "https://example.com/order" }, { text: "Call Now", href: "tel:(604)304-0486" } ]} - buttonAnimation="entrance-slide" + buttonAnimation="blur-reveal" testimonials={[ { name: "Sarah M.", handle: "Regular Customer", testimonial: "Absolutely amazing matcha latte with oat milk. The atmosphere is so peaceful and welcoming.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg?_wi=1", imageAlt: "Sarah M." + imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", imageAlt: "Sarah M." }, { name: "James L.", handle: "Café Enthusiast", testimonial: "Loved the Japanese aesthetic and thoughtful design. Best matcha in Richmond!", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg?_wi=2", imageAlt: "James L." + imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", imageAlt: "James L." }, { name: "Emily R.", handle: "Coffee Connoisseur", testimonial: "Kind and attentive service. The strawberry matcha is truly special.", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg?_wi=3", imageAlt: "Emily R." + imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", imageAlt: "Emily R." } ]} testimonialRotationInterval={5000} @@ -89,17 +89,17 @@ export default function LandingPage() { description="Discover our most beloved matcha and specialty beverages crafted with premium ingredients and care." tag="Our Best" tagIcon={Sparkles} - tagAnimation="entrance-slide" + tagAnimation="blur-reveal" textboxLayout="default" features={[ { - title: "Oat Milk Matcha Latte", description: "Premium ceremonial-grade matcha whisked with creamy oat milk for a smooth, luxurious experience.", imageSrc: "http://img.b2bpic.net/free-photo/matcha-latte-cup_417767-46.jpg?_wi=1", imageAlt: "Oat milk matcha latte", button: { text: "Order Now", href: "https://example.com/order" } + title: "Oat Milk Matcha Latte", description: "Premium ceremonial-grade matcha whisked with creamy oat milk for a smooth, luxurious experience.", imageSrc: "http://img.b2bpic.net/free-photo/matcha-latte-cup_417767-46.jpg", imageAlt: "Oat milk matcha latte", button: { text: "Order Now", href: "https://example.com/order" } }, { - title: "Hojicha Latte", description: "Silky roasted green tea with warm notes. A comforting alternative to traditional matcha.", imageSrc: "http://img.b2bpic.net/free-photo/hot-coffee-pine-grass-coffee-beans-marble-surface_114579-52734.jpg?_wi=1", imageAlt: "Hojicha latte", button: { text: "Order Now", href: "https://example.com/order" } + title: "Hojicha Latte", description: "Silky roasted green tea with warm notes. A comforting alternative to traditional matcha.", imageSrc: "http://img.b2bpic.net/free-photo/hot-coffee-pine-grass-coffee-beans-marble-surface_114579-52734.jpg", imageAlt: "Hojicha latte", button: { text: "Order Now", href: "https://example.com/order" } }, { - title: "Iced Strawberry Matcha", description: "Refreshing blend of sweet strawberry and vibrant matcha. Perfect for warm days.", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-still-life-asian-tea_23-2149709065.jpg?_wi=1", imageAlt: "Iced strawberry matcha", button: { text: "Order Now", href: "https://example.com/order" } + title: "Iced Strawberry Matcha", description: "Refreshing blend of sweet strawberry and vibrant matcha. Perfect for warm days.", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-still-life-asian-tea_23-2149709065.jpg", imageAlt: "Iced strawberry matcha", button: { text: "Order Now", href: "https://example.com/order" } }, { title: "Matcha Parfait", description: "Layers of matcha ice cream, whipped cream, and house-made granola. An Instagram-worthy dessert.", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-milkshake-glass-topped-with-whipped-cream-chocolate_140725-1320.jpg", imageAlt: "Matcha parfait", button: { text: "Order Now", href: "https://example.com/order" } @@ -109,7 +109,7 @@ export default function LandingPage() { animationType="slide-up" useInvertedBackground={false} buttons={[{ text: "View Full Menu", href: "#menu-preview" }]} - buttonAnimation="entrance-slide" + buttonAnimation="blur-reveal" containerClassName="py-16 md:py-24" titleClassName="text-3xl md:text-4xl font-bold text-foreground" descriptionClassName="text-lg text-accent mt-3" @@ -122,14 +122,14 @@ export default function LandingPage() { description="We're committed to creating a premium café experience rooted in Japanese tradition and hospitality." tag="Our Values" tagIcon={Heart} - tagAnimation="entrance-slide" + tagAnimation="blur-reveal" textboxLayout="default" features={[ { - title: "Premium Japanese Matcha", description: "Sourced directly from Japan and whisked fresh to order using traditional methods.", imageSrc: "http://img.b2bpic.net/free-photo/matcha-latte-cup_417767-46.jpg?_wi=2", imageAlt: "Premium matcha preparation" + title: "Premium Japanese Matcha", description: "Sourced directly from Japan and whisked fresh to order using traditional methods.", imageSrc: "http://img.b2bpic.net/free-photo/matcha-latte-cup_417767-46.jpg", imageAlt: "Premium matcha preparation" }, { - title: "Cozy Relaxing Atmosphere", description: "Thoughtfully designed interior with Japanese minimalism, soft lighting, and comfortable seating.", imageSrc: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg?_wi=1", imageAlt: "Cozy café interior" + title: "Cozy Relaxing Atmosphere", description: "Thoughtfully designed interior with Japanese minimalism, soft lighting, and comfortable seating.", imageSrc: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg", imageAlt: "Cozy café interior" }, { title: "Friendly Local Service", description: "Our team treats every customer like family. We remember names, preferences, and serve with genuine warmth.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businesswoman-her-own-cafe-manager-standing-near-entrance-inviting-you-posi_1258-123855.jpg", imageAlt: "Friendly café staff" @@ -158,8 +158,8 @@ export default function LandingPage() { { src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", alt: "Emily R." }, { src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", alt: "Michael Chen" } ]} - ratingAnimation="entrance-slide" - avatarsAnimation="entrance-slide" + ratingAnimation="blur-reveal" + avatarsAnimation="blur-reveal" useInvertedBackground={false} containerClassName="py-12 md:py-20" testimonialClassName="text-xl md:text-2xl text-foreground font-medium mt-6" @@ -173,24 +173,24 @@ export default function LandingPage() { description="From signature matcha to seasonal specials—discover what makes Nonbiri unique." tag="New Items Available" tagIcon={Star} - tagAnimation="entrance-slide" + tagAnimation="blur-reveal" textboxLayout="default" products={[ { - id: "1", name: "Oat Milk Matcha Latte", price: "$6.50", variant: "Hot · Available Daily", imageSrc: "http://img.b2bpic.net/free-photo/matcha-latte-cup_417767-46.jpg?_wi=3", imageAlt: "Oat milk matcha latte" + id: "1", name: "Oat Milk Matcha Latte", price: "$6.50", variant: "Hot · Available Daily", imageSrc: "http://img.b2bpic.net/free-photo/matcha-latte-cup_417767-46.jpg", imageAlt: "Oat milk matcha latte" }, { - id: "2", name: "Hojicha Latte", price: "$6.25", variant: "Hot/Iced · Roasted Green Tea", imageSrc: "http://img.b2bpic.net/free-photo/hot-coffee-pine-grass-coffee-beans-marble-surface_114579-52734.jpg?_wi=2", imageAlt: "Hojicha latte" + id: "2", name: "Hojicha Latte", price: "$6.25", variant: "Hot/Iced · Roasted Green Tea", imageSrc: "http://img.b2bpic.net/free-photo/hot-coffee-pine-grass-coffee-beans-marble-surface_114579-52734.jpg", imageAlt: "Hojicha latte" }, { - id: "3", name: "Strawberry Matcha", price: "$7.00", variant: "Iced · Seasonal Favorite", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-still-life-asian-tea_23-2149709065.jpg?_wi=2", imageAlt: "Iced strawberry matcha" + id: "3", name: "Strawberry Matcha", price: "$7.00", variant: "Iced · Seasonal Favorite", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-still-life-asian-tea_23-2149709065.jpg", imageAlt: "Iced strawberry matcha" } ]} gridVariant="uniform-all-items-equal" animationType="slide-up" useInvertedBackground={false} buttons={[{ text: "View Full Menu", href: "https://example.com/menu" }]} - buttonAnimation="entrance-slide" + buttonAnimation="blur-reveal" containerClassName="py-16 md:py-24" titleClassName="text-3xl md:text-4xl font-bold text-foreground" descriptionClassName="text-lg text-accent mt-3" @@ -201,18 +201,18 @@ export default function LandingPage() {