Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-23 15:35:55 +00:00

View File

@@ -19,366 +19,146 @@ export default function LandingPage() {
defaultButtonVariant="elastic-effect"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Why Us",
id: "features",
},
{
name: "Menu",
id: "menu",
},
{
name: "Visit",
id: "contact",
},
]}
brandName="COFFEE HOUSE"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "Why Us", id: "features" },
{ name: "Menu", id: "menu" },
{ name: "Visit", id: "contact" },
]}
brandName="COFFEE HOUSE"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="COFFEE HOUSE"
description="Premium coffee in Yerevan — fast service, luxury taste, and unforgettable vibes."
testimonials={[
{
name: "Ani S.",
handle: "@ani_coffee",
testimonial: "The best espresso in Yerevan. Absolutely premium.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-preparing-coffee-with-machine_23-2148892831.jpg?_wi=1",
imageAlt: "luxury coffee shop interior",
},
{
name: "David V.",
handle: "@david_v",
testimonial: "Incredible vibes and fast service. My go-to spot.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg?_wi=1",
imageAlt: "luxury coffee shop interior",
},
{
name: "Marine K.",
handle: "@marine_k",
testimonial: "Luxury taste in every sip. Highly recommend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-hipster-girl-trendy-summer-clothes-carefree-woman-sitting-veranda-terrace-cafe-drinking-coffee-positive-model-having-fun-dreams_158538-15946.jpg?_wi=1",
imageAlt: "luxury coffee shop interior",
},
{
name: "Tigran G.",
handle: "@tigran_g",
testimonial: "Fast, high-quality, and delicious coffee.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-sitting-with-coffee-office_1262-6120.jpg?_wi=1",
imageAlt: "luxury coffee shop interior",
},
{
name: "Sona M.",
handle: "@sona_m",
testimonial: "My morning ritual is not complete without this spot.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-man-pouring-milk-into-cappuccino-cup-cafe_181624-12457.jpg?_wi=1",
imageAlt: "luxury coffee shop interior",
},
]}
buttons={[
{
text: "Visit Us Today",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-hand-preparing-coffee-with-machine_23-2148892831.jpg?_wi=2"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg",
alt: "Customer portrait 1",
},
{
src: "http://img.b2bpic.net/free-photo/this-is-my-new-profile-social-network_329181-2899.jpg",
alt: "Customer portrait 2",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg",
alt: "Customer portrait 3",
},
{
src: "http://img.b2bpic.net/free-photo/business-woman_1303-3880.jpg",
alt: "Customer portrait 4",
},
{
src: "http://img.b2bpic.net/free-photo/woman-drinking-hot-chocolate-cafe_23-2149944037.jpg",
alt: "Customer portrait 5",
},
]}
avatarText="Loved by 10,000+ local coffee enthusiasts."
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="COFFEE HOUSE"
description="Premium coffee in Yerevan — fast service, luxury taste, and unforgettable vibes."
testimonials={[
{ name: "Ani S.", handle: "@ani_coffee", testimonial: "The best espresso in Yerevan. Absolutely premium.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-preparing-coffee-with-machine_23-2148892831.jpg", imageAlt: "luxury coffee shop interior" },
{ name: "David V.", handle: "@david_v", testimonial: "Incredible vibes and fast service. My go-to spot.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg", imageAlt: "luxury coffee shop interior" },
{ name: "Marine K.", handle: "@marine_k", testimonial: "Luxury taste in every sip. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-hipster-girl-trendy-summer-clothes-carefree-woman-sitting-veranda-terrace-cafe-drinking-coffee-positive-model-having-fun-dreams_158538-15946.jpg", imageAlt: "luxury coffee shop interior" },
{ name: "Tigran G.", handle: "@tigran_g", testimonial: "Fast, high-quality, and delicious coffee.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-sitting-with-coffee-office_1262-6120.jpg", imageAlt: "luxury coffee shop interior" },
{ name: "Sona M.", handle: "@sona_m", testimonial: "My morning ritual is not complete without this spot.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-man-pouring-milk-into-cappuccino-cup-cafe_181624-12457.jpg", imageAlt: "luxury coffee shop interior" },
]}
buttons={[{ text: "Visit Us Today", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-hand-preparing-coffee-with-machine_23-2148892831.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg", alt: "Customer portrait 1" },
{ src: "http://img.b2bpic.net/free-photo/this-is-my-new-profile-social-network_329181-2899.jpg", alt: "Customer portrait 2" },
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg", alt: "Customer portrait 3" },
{ src: "http://img.b2bpic.net/free-photo/business-woman_1303-3880.jpg", alt: "Customer portrait 4" },
{ src: "http://img.b2bpic.net/free-photo/woman-drinking-hot-chocolate-cafe_23-2149944037.jpg", alt: "Customer portrait 5" },
]}
avatarText="Loved by 10,000+ local coffee enthusiasts."
/>
</div>
<div id="features" data-section="features">
<FeatureBento
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "5.0 Rating",
description: "Consistently rated best coffee in Yerevan by our community.",
bentoComponent: "icon-info-cards",
items: [
{
icon: Star,
label: "Community",
value: "5.0",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-barista-using-professional-coffee-machine_23-2148824427.jpg",
imageAlt: "Close-up of male barista using professional coffee machine",
},
{
title: "Fast Service",
description: "High-quality coffee, ready in minutes for your busy day.",
bentoComponent: "icon-info-cards",
items: [
{
icon: Zap,
label: "Wait Time",
value: "Minutes",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-preparing-coffee-with-machine_23-2148892831.jpg?_wi=3",
imageAlt: "Close-up of male barista using professional coffee machine",
},
{
title: "Premium Beans",
description: "Sourced from the finest coffee-growing regions worldwide.",
bentoComponent: "icon-info-cards",
items: [
{
icon: Shield,
label: "Origin",
value: "Direct",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg?_wi=2",
imageAlt: "Close-up of male barista using professional coffee machine",
},
]}
title="Why People Love Us"
description="We blend quality with efficiency, ensuring every guest experience is memorable."
/>
</div>
<div id="features" data-section="features">
<FeatureBento
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Why People Love Us"
description="We blend quality with efficiency, ensuring every guest experience is memorable."
features={[
{ title: "5.0 Rating", description: "Consistently rated best coffee in Yerevan by our community.", bentoComponent: "icon-info-cards", items: [{ icon: Star, label: "Community", value: "5.0" }] },
{ title: "Fast Service", description: "High-quality coffee, ready in minutes for your busy day.", bentoComponent: "icon-info-cards", items: [{ icon: Zap, label: "Wait Time", value: "Minutes" }] },
{ title: "Premium Beans", description: "Sourced from the finest coffee-growing regions worldwide.", bentoComponent: "icon-info-cards", items: [{ icon: Shield, label: "Origin", value: "Direct" }] }
]}
/>
</div>
<div id="menu" data-section="menu">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Caramel Latte",
price: "1,500 AMD",
imageSrc: "http://img.b2bpic.net/free-photo/latte-black-coffee-milk-espresso-cinnamon-milk-foam-side-view_141793-12256.jpg",
},
{
id: "p2",
name: "Strawberry Frappuccino",
price: "1,800 AMD",
imageSrc: "http://img.b2bpic.net/free-photo/small-business-items-serving-coffee_23-2149458023.jpg",
},
{
id: "p3",
name: "Orange Citrus Blend",
price: "1,600 AMD",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-shop-equipment_23-2148366540.jpg",
},
{
id: "p4",
name: "Classic Espresso",
price: "900 AMD",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-sits-table-with-cocktail-lit-candle_140725-9075.jpg",
},
{
id: "p5",
name: "Iced Mocha",
price: "1,700 AMD",
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6717.jpg",
},
{
id: "p6",
name: "Americano",
price: "1,000 AMD",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-coffee-machine-making-espresso-drink_53876-33548.jpg",
},
]}
title="Menu Highlights"
description="Indulge in our signature drinks crafted to perfection."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
title="Menu Highlights"
description="Indulge in our signature drinks crafted to perfection."
products={[
{ id: "p1", name: "Caramel Latte", price: "1,500 AMD", imageSrc: "http://img.b2bpic.net/free-photo/latte-black-coffee-milk-espresso-cinnamon-milk-foam-side-view_141793-12256.jpg" },
{ id: "p2", name: "Strawberry Frappuccino", price: "1,800 AMD", imageSrc: "http://img.b2bpic.net/free-photo/small-business-items-serving-coffee_23-2149458023.jpg" },
{ id: "p3", name: "Orange Citrus Blend", price: "1,600 AMD", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-shop-equipment_23-2148366540.jpg" },
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Ani S.",
handle: "@ani_coffee",
testimonial: "Unforgettable taste every single time.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg?_wi=3",
},
{
id: "2",
name: "David V.",
handle: "@david_v",
testimonial: "The best atmosphere in the city center.",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-hipster-girl-trendy-summer-clothes-carefree-woman-sitting-veranda-terrace-cafe-drinking-coffee-positive-model-having-fun-dreams_158538-15946.jpg?_wi=2",
},
{
id: "3",
name: "Marine K.",
handle: "@marine_k",
testimonial: "Absolutely love the caramel latte here.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-sitting-with-coffee-office_1262-6120.jpg?_wi=2",
},
{
id: "4",
name: "Tigran G.",
handle: "@tigran_g",
testimonial: "Efficient, kind, and professional staff.",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-man-pouring-milk-into-cappuccino-cup-cafe_181624-12457.jpg?_wi=2",
},
{
id: "5",
name: "Sona M.",
handle: "@sona_m",
testimonial: "Best way to start my working day.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-smiling-woman-with-dark-curly-hair-holding-orange-cup-coffee-hands-happily-looking-aside-modern-cozy-home-alone_574295-3912.jpg",
},
]}
title="Hear From Our Guests"
description="Authentic feedback from our community of coffee enthusiasts."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Hear From Our Guests"
description="Authentic feedback from our community of coffee enthusiasts."
testimonials={[
{ id: "1", name: "Ani S.", handle: "@ani_coffee", testimonial: "Unforgettable taste every single time.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg" },
{ id: "2", name: "David V.", handle: "@david_v", testimonial: "The best atmosphere in the city center.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-hipster-girl-trendy-summer-clothes-carefree-woman-sitting-veranda-terrace-cafe-drinking-coffee-positive-model-having-fun-dreams_158538-15946.jpg" },
{ id: "3", name: "Marine K.", handle: "@marine_k", testimonial: "Absolutely love the caramel latte here.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-sitting-with-coffee-office_1262-6120.jpg" },
{ id: "4", name: "Tigran G.", handle: "@tigran_g", testimonial: "Efficient, kind, and professional staff.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-man-pouring-milk-into-cappuccino-cup-cafe_181624-12457.jpg" },
{ id: "5", name: "Sona M.", handle: "@sona_m", testimonial: "Best way to start my working day.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-smiling-woman-with-dark-curly-hair-holding-orange-cup-coffee-hands-happily-looking-aside-modern-cozy-home-alone_574295-3912.jpg" },
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Coffee,
title: "Cups Served Daily",
value: "1,200+",
},
{
id: "m2",
icon: Smile,
title: "Satisfied Customers",
value: "10,000+",
},
{
id: "m3",
icon: Clock,
title: "Hours Operating",
value: "15+",
},
]}
title="By The Numbers"
description="Our passion for coffee measured in daily impact."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="By The Numbers"
description="Our passion for coffee measured in daily impact."
metrics={[
{ id: "m1", icon: Coffee, title: "Cups Served Daily", value: "1,200+" },
{ id: "m2", icon: Smile, title: "Satisfied Customers", value: "10,000+" },
{ id: "m3", icon: Clock, title: "Hours Operating", value: "15+" },
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "What are your opening hours?",
content: "We are open daily from 08:00 to 23:30.",
},
{
id: "f2",
title: "Do you offer vegan milk options?",
content: "Yes, we offer almond, soy, and oat milk alternatives.",
},
{
id: "f3",
title: "Can I reserve a table?",
content: "We operate on a first-come, first-served basis.",
},
]}
sideTitle="Frequently Asked Questions"
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
sideTitle="Frequently Asked Questions"
faqsAnimation="slide-up"
faqs={[
{ id: "f1", title: "What are your opening hours?", content: "We are open daily from 08:00 to 23:30." },
{ id: "f2", title: "Do you offer vegan milk options?", content: "Yes, we offer almond, soy, and oat milk alternatives." },
{ id: "f3", title: "Can I reserve a table?", content: "We operate on a first-come, first-served basis." },
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
text="Visit us at 1 Garegin Nzhdeh St, Yerevan. For inquiries, call 033 885855 or visit coffeehouse.am."
buttons={[
{
text: "Call Now",
href: "tel:033885855",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
text="Visit us at 1 Garegin Nzhdeh St, Yerevan. For inquiries, call 033 885855 or visit coffeehouse.am."
buttons={[{ text: "Call Now", href: "tel:033885855" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Coffee House",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Menu",
items: [
{
label: "Coffee",
href: "#menu",
},
{
label: "Frappe",
href: "#menu",
},
],
},
]}
bottomLeftText="© 2026 Coffee House Yerevan"
bottomRightText="Crafted with premium taste"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Coffee House", items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#contact" }] },
{ title: "Menu", items: [{ label: "Coffee", href: "#menu" }, { label: "Frappe", href: "#menu" }] },
]}
bottomLeftText="© 2026 Coffee House Yerevan"
bottomRightText="Crafted with premium taste"
/>
</div>
</ReactLenis>
</ThemeProvider>
);