bender/aacc4b10-b34c-425a-bc0b-e3af06d680a7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-03 10:31:49 +00:00
parent a06fa6bbcf
commit 10fdcded7e
1 changed files with 90 additions and 299 deletions
Download Patch File Download Diff File Expand all files Collapse all files

389
src/app/page.tsx
View File

@@ -34,131 +34,77 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Menu",
id: "#menu",
},
name: "Menu", id: "#menu"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/collection-elegant-bakery-logo_23-2147558345.jpg"
logoAlt="Hinar Dessert Bar & Cafe Logo"
brandName="HINAR"
button={{
text: "Order Now",
href: "#menu",
}}
text: "Order Now", href: "#menu"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Indulge Your Sweetest Cravings at HINAR"
description="Experience exquisite desserts, artisanal pastries, and perfectly brewed coffee in a cozy ambiance. Every bite is a moment of pure bliss."
tag="Taste the Difference"
tagIcon={Sparkles}
buttons={[
{
text: "View Our Menu",
href: "#menu",
},
text: "View Our Menu", href: "#menu"},
{
text: "Make a Reservation",
href: "#contact",
},
text: "Make a Reservation", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/dessert-sweet-cake-tasty-bakery-soft_53876-30995.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/dessert-sweet-cake-tasty-bakery-soft_53876-30995.jpg"
imageAlt="Assortment of gourmet desserts and coffee on a table"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/photo-positive-young-woman-with-curly-hair-holds-appetizing-cake-with-raspberries-enjoys-eating-sweet-creamy-food-closes-eyes-from-satisfaction-dressed-pink-formal-jacket-eating-dessert_273609-60933.jpg",
alt: "Satisfied customer profile",
},
src: "http://img.b2bpic.net/free-photo/photo-positive-young-woman-with-curly-hair-holds-appetizing-cake-with-raspberries-enjoys-eating-sweet-creamy-food-closes-eyes-from-satisfaction-dressed-pink-formal-jacket-eating-dessert_273609-60933.jpg", alt: "Satisfied customer profile"},
{
src: "http://img.b2bpic.net/free-photo/portrait-man-with-cup-coffee-waffle-plate_23-2147911763.jpg",
alt: "Happy café guest",
},
src: "http://img.b2bpic.net/free-photo/portrait-man-with-cup-coffee-waffle-plate_23-2147911763.jpg", alt: "Happy café guest"},
{
src: "http://img.b2bpic.net/free-photo/young-woman-using-looking-smartphone-with-feeling-happy_1150-4006.jpg",
alt: "Smiling dessert lover",
},
src: "http://img.b2bpic.net/free-photo/young-woman-using-looking-smartphone-with-feeling-happy_1150-4006.jpg", alt: "Smiling dessert lover"},
{
src: "http://img.b2bpic.net/free-photo/waiter-making-cup-coffee-counter-cafe_1170-562.jpg",
alt: "Regular HINAR visitor",
},
src: "http://img.b2bpic.net/free-photo/waiter-making-cup-coffee-counter-cafe_1170-562.jpg", alt: "Regular HINAR visitor"},
{
src: "http://img.b2bpic.net/free-photo/adorable-charming-lady-with-long-hair-wearing-trendy-blouse-sitting-cafeteria-with-great-smile_291650-620.jpg",
alt: "Enthusiastic sweet tooth",
},
src: "http://img.b2bpic.net/free-photo/adorable-charming-lady-with-long-hair-wearing-trendy-blouse-sitting-cafeteria-with-great-smile_291650-620.jpg", alt: "Enthusiastic sweet tooth"},
]}
avatarText="Loved by over 10,000 guests!"
marqueeItems={[
{
type: "text",
text: "Freshly Baked Daily",
},
type: "text", text: "Freshly Baked Daily"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/chocolate-doughnuts-black-stone-platter_114579-17537.jpg",
alt: "Gourmet pastries on display",
},
type: "image", src: "http://img.b2bpic.net/free-photo/chocolate-doughnuts-black-stone-platter_114579-17537.jpg", alt: "Gourmet pastries on display"},
{
type: "text",
text: "Artisanal Coffee",
},
type: "text", text: "Artisanal Coffee"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/slice-chocolate-cake_637285-9517.jpg",
alt: "Delicious chocolate cake slice",
},
type: "image", src: "http://img.b2bpic.net/free-photo/slice-chocolate-cake_637285-9517.jpg", alt: "Delicious chocolate cake slice"},
{
type: "text",
text: "Exquisite Macarons",
},
type: "text", text: "Exquisite Macarons"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/coffee-with-heart-pattern-wooden-background_1232-2090.jpg",
alt: "Beautifully crafted latte art",
},
type: "image", src: "http://img.b2bpic.net/free-photo/coffee-with-heart-pattern-wooden-background_1232-2090.jpg", alt: "Beautifully crafted latte art"},
{
type: "text",
text: "Signature Tarts",
},
type: "text", text: "Signature Tarts"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/colorful-macarons-plate_23-2151940288.jpg",
alt: "Colorful French macarons",
},
type: "image", src: "http://img.b2bpic.net/free-photo/colorful-macarons-plate_23-2151940288.jpg", alt: "Colorful French macarons"},
{
type: "text",
text: "Cozy Ambiance",
},
type: "text", text: "Cozy Ambiance"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/blue-plate-two-plain-fresh-croissants-stone-table_114579-36683.jpg",
alt: "Flaky golden croissant",
},
type: "image", src: "http://img.b2bpic.net/free-photo/blue-plate-two-plain-fresh-croissants-stone-table_114579-36683.jpg", alt: "Flaky golden croissant"},
]}
marqueeSpeed={40}
showMarqueeCard={true}
@@ -172,7 +118,7 @@ export default function LandingPage() {
description="HINAR Dessert Bar & Café began with a simple dream: to create a haven where every dessert tells a story and every coffee sip brings joy. We blend traditional recipes with innovative twists, using only the finest ingredients to craft edible art. Join us and discover your new favorite treat."
tag="Crafted with Love"
tagIcon={Heart}
imageSrc="http://img.b2bpic.net/free-photo/side-view-happy-family-with-muffins-cup_23-2148414893.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/side-view-happy-family-with-muffins-cup_23-2148414893.jpg"
imageAlt="A cozy cafe interior with a barista preparing coffee"
/>
</div>
@@ -184,55 +130,31 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Decadent Cakes",
description: "Our cakes are baked fresh daily, featuring layers of rich flavor and exquisite textures, perfect for any celebration or a sweet escape.",
icon: Cake,
title: "Decadent Cakes", description: "Our cakes are baked fresh daily, featuring layers of rich flavor and exquisite textures, perfect for any celebration or a sweet escape.", icon: Cake,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/slice-chocolate-cake-white-plate-with-fruit-crackers_114579-19079.jpg",
imageAlt: "Slice of chocolate cake",
},
imageSrc: "http://img.b2bpic.net/free-photo/slice-chocolate-cake-white-plate-with-fruit-crackers_114579-19079.jpg", imageAlt: "Slice of chocolate cake"},
{
imageSrc: "http://img.b2bpic.net/free-photo/lovely-birthday-concept-with-chocolate-cake_23-2147997462.jpg",
imageAlt: "Assortment of cupcakes",
},
],
imageSrc: "http://img.b2bpic.net/free-vector/collection-elegant-bakery-logo_23-2147558345.jpg",
imageAlt: "slice of chocolate cake with creamy frosting",
imageSrc: "http://img.b2bpic.net/free-photo/lovely-birthday-concept-with-chocolate-cake_23-2147997462.jpg", imageAlt: "Assortment of cupcakes"},
]
},
{
title: "Artisanal Coffee",
description: "Sourced from the finest beans globally, our coffee is expertly brewed to perfection, offering a harmonious blend of aroma and taste.",
icon: Coffee,
title: "Artisanal Coffee", description: "Sourced from the finest beans globally, our coffee is expertly brewed to perfection, offering a harmonious blend of aroma and taste.", icon: Coffee,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-cup-with-coffee_23-2148892839.jpg",
imageAlt: "Latte art in a coffee cup",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-cup-with-coffee_23-2148892839.jpg", imageAlt: "Latte art in a coffee cup"},
{
imageSrc: "http://img.b2bpic.net/free-photo/various-sweet-pastries-wooden-piece_114579-72167.jpg",
imageAlt: "Freshly baked croissant",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/dessert-sweet-cake-tasty-bakery-soft_53876-30995.jpg?_wi=2",
imageAlt: "slice of chocolate cake with creamy frosting",
imageSrc: "http://img.b2bpic.net/free-photo/various-sweet-pastries-wooden-piece_114579-72167.jpg", imageAlt: "Freshly baked croissant"},
]
},
{
title: "Delicate Macarons",
description: "Experience the delicate crispness and luscious fillings of our handcrafted macarons, available in a rainbow of captivating flavors.",
icon: Cookie,
title: "Delicate Macarons", description: "Experience the delicate crispness and luscious fillings of our handcrafted macarons, available in a rainbow of captivating flavors.", icon: Cookie,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-creamy-cakes-with-candies-dark-background-candy-biscuit-cake-dessert-cookie-color_140725-110029.jpg",
imageAlt: "Colorful macarons",
},
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-creamy-cakes-with-candies-dark-background-candy-biscuit-cake-dessert-cookie-color_140725-110029.jpg", imageAlt: "Colorful macarons"},
{
imageSrc: "http://img.b2bpic.net/free-photo/fruit-mix-glass-with-cream_140725-3267.jpg",
imageAlt: "Gourmet ice cream dessert",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-family-with-muffins-cup_23-2148414893.jpg?_wi=2",
imageAlt: "slice of chocolate cake with creamy frosting",
imageSrc: "http://img.b2bpic.net/free-photo/fruit-mix-glass-with-cream_140725-3267.jpg", imageAlt: "Gourmet ice cream dessert"},
]
},
]}
title="Signature Delights & Brews"
@@ -248,65 +170,23 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p-1",
brand: "HINAR",
name: "Red Velvet Cupcake",
price: "$4.50",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/cupcakes-with-raspberry-cherry_23-2148815917.jpg",
imageAlt: "Red Velvet Cupcake",
},
id: "p-1", brand: "HINAR", name: "Red Velvet Cupcake", price: "$4.50", rating: 5,
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/cupcakes-with-raspberry-cherry_23-2148815917.jpg", imageAlt: "Red Velvet Cupcake"},
{
id: "p-2",
brand: "HINAR",
name: "Chocolate Eclair",
price: "$5.00",
rating: 4.8,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-chocolate-eclairs-oval-plate-dried-flower-branch-tarts-cinnamon-dried-oranges-dark-wooden-table-with-copy-space_140725-91560.jpg",
imageAlt: "Chocolate Eclair",
},
id: "p-2", brand: "HINAR", name: "Chocolate Eclair", price: "$5.00", rating: 4.8,
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-chocolate-eclairs-oval-plate-dried-flower-branch-tarts-cinnamon-dried-oranges-dark-wooden-table-with-copy-space_140725-91560.jpg", imageAlt: "Chocolate Eclair"},
{
id: "p-3",
brand: "HINAR",
name: "Fresh Fruit Tart",
price: "$6.25",
rating: 4.9,
reviewCount: "110",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-fruity-cakes-arrangement_23-2148536848.jpg",
imageAlt: "Fresh Fruit Tart",
},
id: "p-3", brand: "HINAR", name: "Fresh Fruit Tart", price: "$6.25", rating: 4.9,
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-fruity-cakes-arrangement_23-2148536848.jpg", imageAlt: "Fresh Fruit Tart"},
{
id: "p-4",
brand: "HINAR",
name: "Berry Cheesecake",
price: "$7.50",
rating: 5,
reviewCount: "135",
imageSrc: "http://img.b2bpic.net/free-photo/slice-cheesecake-topped-with-cranberry-sauce-sprig-mint_9975-124676.jpg",
imageAlt: "Berry Cheesecake",
},
id: "p-4", brand: "HINAR", name: "Berry Cheesecake", price: "$7.50", rating: 5,
reviewCount: "135", imageSrc: "http://img.b2bpic.net/free-photo/slice-cheesecake-topped-with-cranberry-sauce-sprig-mint_9975-124676.jpg", imageAlt: "Berry Cheesecake"},
{
id: "p-5",
brand: "HINAR",
name: "Almond Croissant",
price: "$4.75",
rating: 4.7,
reviewCount: "80",
imageSrc: "http://img.b2bpic.net/free-photo/sandwich-near-avocado-walnuts_23-2147717721.jpg",
imageAlt: "Almond Croissant",
},
id: "p-5", brand: "HINAR", name: "Almond Croissant", price: "$4.75", rating: 4.7,
reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-near-avocado-walnuts_23-2147717721.jpg", imageAlt: "Almond Croissant"},
{
id: "p-6",
brand: "HINAR",
name: "Glazed Donut",
price: "$3.00",
rating: 4.5,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/pile-marshmallows-donut-coconut-power-covered-board-marble-surface_114579-54504.jpg",
imageAlt: "Glazed Donut",
},
id: "p-6", brand: "HINAR", name: "Glazed Donut", price: "$3.00", rating: 4.5,
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/pile-marshmallows-donut-coconut-power-covered-board-marble-surface_114579-54504.jpg", imageAlt: "Glazed Donut"},
]}
title="Explore Our Exquisite Menu"
description="From classic favorites to seasonal specialties, our menu is designed to delight every palate. Indulge in perfection."
@@ -320,31 +200,16 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "10+",
title: "Years of Experience",
items: [
"Master bakers",
"Award-winning recipes",
],
id: "m1", value: "10+", title: "Years of Experience", items: [
"Master bakers", "Award-winning recipes"],
},
{
id: "m2",
value: "500+",
title: "Unique Creations",
items: [
"Seasonal specials",
"Custom orders welcomed",
],
id: "m2", value: "500+", title: "Unique Creations", items: [
"Seasonal specials", "Custom orders welcomed"],
},
{
id: "m3",
value: "10K+",
title: "Happy Customers",
items: [
"5-star reviews",
"Community favorite",
],
id: "m3", value: "10K+", title: "Happy Customers", items: [
"5-star reviews", "Community favorite"],
},
]}
title="Why Choose HINAR?"
@@ -359,59 +224,28 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Amelia R.",
role: "Dessert Enthusiast",
company: "Local Foodie",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-baker-giving-wrapped-bread-customer-bakery_23-2148189127.jpg",
},
id: "t1", name: "Amelia R.", role: "Dessert Enthusiast", company: "Local Foodie", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-baker-giving-wrapped-bread-customer-bakery_23-2148189127.jpg"},
{
id: "t2",
name: "Benjamin S.",
role: "Coffee Connoisseur",
company: "Daily Brews",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-bearded-man-keeping-thumb-up-looking-happy-white-background-attractive-guy-smiling-camera-showing-approved-sign-isolated_574295-6108.jpg",
},
id: "t2", name: "Benjamin S.", role: "Coffee Connoisseur", company: "Daily Brews", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-bearded-man-keeping-thumb-up-looking-happy-white-background-attractive-guy-smiling-camera-showing-approved-sign-isolated_574295-6108.jpg"},
{
id: "t3",
name: "Chloe L.",
role: "Pastry Lover",
company: "Sweet Tooth Society",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-eating-piece-cake_171337-4070.jpg",
},
id: "t3", name: "Chloe L.", role: "Pastry Lover", company: "Sweet Tooth Society", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-eating-piece-cake_171337-4070.jpg"},
{
id: "t4",
name: "Daniel P.",
role: "Café Regular",
company: "Neighborhood Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-wearing-trendy-hat-sitting-wooden-table-coffee-shop_273609-1622.jpg",
},
id: "t4", name: "Daniel P.", role: "Café Regular", company: "Neighborhood Resident", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-wearing-trendy-hat-sitting-wooden-table-coffee-shop_273609-1622.jpg"},
{
id: "t5",
name: "Eleanor K.",
role: "Gastronomy Blogger",
company: "Flavor Journey",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-are-chatting-laughing-with-tasty-snacks-terrace_8353-10306.jpg",
},
id: "t5", name: "Eleanor K.", role: "Gastronomy Blogger", company: "Flavor Journey", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-are-chatting-laughing-with-tasty-snacks-terrace_8353-10306.jpg"},
]}
kpiItems={[
{
value: "5.0",
label: "Average Rating",
},
value: "5.0", label: "Average Rating"},
{
value: "100%",
label: "Satisfaction Rate",
},
value: "100%", label: "Satisfaction Rate"},
{
value: "Best",
label: "Dessert Bar 2024",
},
value: "Best", label: "Dessert Bar 2024"},
]}
title="What Our Guests Say"
description="Hear from our delightful customers who have experienced the magic of HINAR Dessert Bar & Café."
@@ -423,20 +257,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Award-winning Bakery",
"Gourmet Food Critic",
"Local City Magazine",
"Food Blogger Spotlights",
"Trusted Delivery Partner",
"Community Charity",
"Premium Coffee Supplier",
]}
"Award-winning Bakery", "Gourmet Food Critic", "Local City Magazine", "Food Blogger Spotlights", "Trusted Delivery Partner", "Community Charity", "Premium Coffee Supplier"]}
title="Featured By & Trusted Partners"
description="We are proud to be recognized by local critics and partner with esteemed organizations to bring you the best."
buttons={[
{
text: "Learn More",
},
text: "Learn More"},
]}
/>
</div>
@@ -447,20 +273,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq1",
title: "Do you offer vegan or gluten-free options?",
content: "Yes, we have a selection of delicious vegan and gluten-free desserts and pastries. Please ask our staff for today's specials.",
},
id: "faq1", title: "Do you offer vegan or gluten-free options?", content: "Yes, we have a selection of delicious vegan and gluten-free desserts and pastries. Please ask our staff for today's specials."},
{
id: "faq2",
title: "Can I place a custom cake order?",
content: "Absolutely! We specialize in custom cakes for all occasions. Please contact us at least one week in advance to discuss your design and flavor preferences.",
},
id: "faq2", title: "Can I place a custom cake order?", content: "Absolutely! We specialize in custom cakes for all occasions. Please contact us at least one week in advance to discuss your design and flavor preferences."},
{
id: "faq3",
title: "Do you take reservations?",
content: "We highly recommend making reservations, especially for weekend visits, to ensure you get a table. You can book directly through our contact page.",
},
id: "faq3", title: "Do you take reservations?", content: "We highly recommend making reservations, especially for weekend visits, to ensure you get a table. You can book directly through our contact page."},
]}
imageSrc="http://img.b2bpic.net/free-photo/front-view-young-female-night-robe-eye-mask-holding-huge-white-sign-light-yellow-desk-sleep-night-bed-model-color_140725-65328.jpg"
imageAlt="Woman thinking with question marks illustration"
@@ -475,8 +292,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Visit Us"
title="Sweeten Your Day, Reach Out!"
description="Whether you have a question, want to make a reservation, or simply want to say hello, we'd love to hear from you. Find us easily or send a message."
@@ -496,62 +312,37 @@ export default function LandingPage() {
logoText="HINAR"
columns={[
{
title: "Explore",
items: [
title: "Explore", items: [
{
label: "Home",
href: "#hero",
},
label: "Home", href: "#hero"},
{
label: "Our Story",
href: "#about",
},
label: "Our Story", href: "#about"},
{
label: "Menu",
href: "#menu",
},
label: "Menu", href: "#menu"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Instagram",
href: "#",
},
label: "Instagram", href: "#"},
{
label: "Facebook",
href: "#",
},
label: "Facebook", href: "#"},
{
label: "Twitter",
href: "#",
},
label: "Twitter", href: "#"},
],
},
]}