bender/99de8851-4327-4934-9f15-65b480f716f9
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-06-02 08:10:52 +00:00
parent 0a114e52e5 144c624b00
commit b059acc357
1 changed files with 53 additions and 203 deletions
Download Patch File Download Diff File Expand all files Collapse all files

256
src/app/page.tsx
View File

@@ -33,38 +33,22 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Flavors",
id: "#flavors",
},
name: "Flavors", id: "#flavors"},
{
name: "Benefits",
id: "#benefits",
},
name: "Benefits", id: "#benefits"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Shop Now",
href: "#flavors",
}}
text: "Shop Now", href: "#flavors"}}
brandName="Ōranomi"
/>
</div>
@@ -72,44 +56,29 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardCarousel
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Ōranomi: The Art of Effortless Mocktails"
description="Experience a burst of flavor with our exquisite mocktail bombs. Just drop, fizz, and enjoy a perfectly crafted, non-alcoholic delight in seconds."
tag="Elevate Your Drink"
tagAnimation="slide-up"
buttons={[
{
text: "Explore Flavors",
href: "#flavors",
},
text: "Explore Flavors", href: "#flavors"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/threecolor-cocktail-with-lemon-slice_140725-5537.jpg?_wi=1",
imageAlt: "Colorful mocktail bomb fizzing in a glass",
},
imageSrc: "http://img.b2bpic.net/free-photo/threecolor-cocktail-with-lemon-slice_140725-5537.jpg", imageAlt: "Colorful mocktail bomb fizzing in a glass"},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-pink-fruit-cocktail-decorated-with-dried-orange-slice-glass-white-wall_140725-12829.jpg?_wi=1",
imageAlt: "Berry mocktail bomb with fresh berries",
},
imageSrc: "http://img.b2bpic.net/free-photo/side-view-pink-fruit-cocktail-decorated-with-dried-orange-slice-glass-white-wall_140725-12829.jpg", imageAlt: "Berry mocktail bomb with fresh berries"},
{
imageSrc: "http://img.b2bpic.net/free-photo/lemons-with-lemonade-salt-ice-tray-straws-high-angle-view-pink_176474-7453.jpg",
imageAlt: "Citrus mocktail bomb with lemon and lime slices",
},
imageSrc: "http://img.b2bpic.net/free-photo/lemons-with-lemonade-salt-ice-tray-straws-high-angle-view-pink_176474-7453.jpg", imageAlt: "Citrus mocktail bomb with lemon and lime slices"},
{
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-homemade-summer-drinks_53876-144481.jpg",
imageAlt: "Green mocktail bomb with mint leaves",
},
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-homemade-summer-drinks_53876-144481.jpg", imageAlt: "Green mocktail bomb with mint leaves"},
{
imageSrc: "http://img.b2bpic.net/free-photo/glass-goblet-bat-origami-standing-table_23-2147895986.jpg",
imageAlt: "Blue mocktail bomb with ice and exotic fruits",
},
imageSrc: "http://img.b2bpic.net/free-photo/glass-goblet-bat-origami-standing-table_23-2147895986.jpg", imageAlt: "Blue mocktail bomb with ice and exotic fruits"},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-coconut-candies-sweet-balls-with-french-macarons-pink-surface_140725-80899.jpg",
imageAlt: "Pink mocktail bomb with floral garnishes",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-coconut-candies-sweet-balls-with-french-macarons-pink-surface_140725-80899.jpg", imageAlt: "Pink mocktail bomb with floral garnishes"},
]}
/>
</div>
@@ -130,47 +99,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "strawberry-bliss",
name: "Strawberry Bliss",
price: "$7.99",
imageSrc: "http://img.b2bpic.net/free-photo/red-radish-black-pan-white-wooden-table-flat-lay_176474-1501.jpg",
imageAlt: "Strawberry mocktail bomb",
},
id: "strawberry-bliss", name: "Strawberry Bliss", price: "$7.99", imageSrc: "http://img.b2bpic.net/free-photo/red-radish-black-pan-white-wooden-table-flat-lay_176474-1501.jpg", imageAlt: "Strawberry mocktail bomb"},
{
id: "mango-tango",
name: "Mango Tango",
price: "$7.99",
imageSrc: "http://img.b2bpic.net/free-photo/typical-brazilian-freezies-still-life_23-2150171693.jpg",
imageAlt: "Mango mocktail bomb",
},
id: "mango-tango", name: "Mango Tango", price: "$7.99", imageSrc: "http://img.b2bpic.net/free-photo/typical-brazilian-freezies-still-life_23-2150171693.jpg", imageAlt: "Mango mocktail bomb"},
{
id: "blueberry-burst",
name: "Blueberry Burst",
price: "$7.99",
imageSrc: "http://img.b2bpic.net/free-photo/jar-with-fruity-drink-desk_23-2148667954.jpg",
imageAlt: "Blueberry mocktail bomb",
},
id: "blueberry-burst", name: "Blueberry Burst", price: "$7.99", imageSrc: "http://img.b2bpic.net/free-photo/jar-with-fruity-drink-desk_23-2148667954.jpg", imageAlt: "Blueberry mocktail bomb"},
{
id: "passionfruit-paradise",
name: "Passionfruit Paradise",
price: "$7.99",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-glasses-with-citrus-juice_23-2148440418.jpg",
imageAlt: "Passion fruit mocktail bomb",
},
id: "passionfruit-paradise", name: "Passionfruit Paradise", price: "$7.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-glasses-with-citrus-juice_23-2148440418.jpg", imageAlt: "Passion fruit mocktail bomb"},
{
id: "lime-mint-zing",
name: "Lime Mint Zing",
price: "$7.99",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-brown-coffee-seeds-inside-colored-glass-jars-blue-yellow-surface-coffee-seed-drink-color-photo_140725-26680.jpg",
imageAlt: "Lime mint mocktail bomb",
},
id: "lime-mint-zing", name: "Lime Mint Zing", price: "$7.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-brown-coffee-seeds-inside-colored-glass-jars-blue-yellow-surface-coffee-seed-drink-color-photo_140725-26680.jpg", imageAlt: "Lime mint mocktail bomb"},
{
id: "peach-prosecco",
name: "Peach Prosecco",
price: "$7.99",
imageSrc: "http://img.b2bpic.net/free-photo/nectarines-with-cutting-board-juice-wooden-piece-sack_176474-8700.jpg",
imageAlt: "Peach mocktail bomb",
},
id: "peach-prosecco", name: "Peach Prosecco", price: "$7.99", imageSrc: "http://img.b2bpic.net/free-photo/nectarines-with-cutting-board-juice-wooden-piece-sack_176474-8700.jpg", imageAlt: "Peach mocktail bomb"},
]}
title="Discover Your Favorite Ōranomi Flavors"
description="Explore our exquisite range of mocktail bombs, each designed to deliver a unique and delightful taste experience. From fruity explosions to refreshing zests, find your perfect fizz."
@@ -184,28 +123,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Instant Refreshment",
description: "Drop a bomb into sparkling water or juice for an instant, vibrant drink.",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-vector/creative-restaurant-logo-template_23-2148466520.jpg",
imageAlt: "food blog logo modern",
title: "Instant Refreshment", description: "Drop a bomb into sparkling water or juice for an instant, vibrant drink.", bentoComponent: "reveal-icon", icon: Sparkles
},
{
title: "Natural Flavors",
description: "Crafted with premium, natural ingredients for an authentic and delightful taste experience.",
bentoComponent: "reveal-icon",
icon: Leaf,
imageSrc: "http://img.b2bpic.net/free-photo/threecolor-cocktail-with-lemon-slice_140725-5537.jpg?_wi=2",
imageAlt: "food blog logo modern",
title: "Natural Flavors", description: "Crafted with premium, natural ingredients for an authentic and delightful taste experience.", bentoComponent: "reveal-icon", icon: Leaf
},
{
title: "Perfect for Any Occasion",
description: "From casual gatherings to elegant celebrations, elevate your drink menu effortlessly.",
bentoComponent: "reveal-icon",
icon: Gift,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-pink-fruit-cocktail-decorated-with-dried-orange-slice-glass-white-wall_140725-12829.jpg?_wi=2",
imageAlt: "food blog logo modern",
title: "Perfect for Any Occasion", description: "From casual gatherings to elegant celebrations, elevate your drink menu effortlessly.", bentoComponent: "reveal-icon", icon: Gift
},
]}
title="Effortless Elegance, Unforgettable Taste"
@@ -221,50 +145,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
handle: "@MocktailQueen",
testimonial: "Ōranomi bombs are a game-changer! So easy to use and the flavors are absolutely incredible. My friends are always asking for more.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-blond-man-cafe-sits-chair-enjoys-taste-delicious-freshly-brewed_1258-245418.jpg",
imageAlt: "Sarah J.",
},
id: "1", name: "Sarah J.", handle: "@MocktailQueen", testimonial: "Ōranomi bombs are a game-changer! So easy to use and the flavors are absolutely incredible. My friends are always asking for more.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-blond-man-cafe-sits-chair-enjoys-taste-delicious-freshly-brewed_1258-245418.jpg", imageAlt: "Sarah J."},
{
id: "2",
name: "Mark L.",
handle: "@PartyHost",
testimonial: "I love hosting, and these mocktail bombs make it effortless to offer sophisticated non-alcoholic options. Everyone loves them!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-bald-caucasian-man-pink-hoodie-isolated-look-with-smile-point-fingers-up_343596-4825.jpg",
imageAlt: "Mark L.",
},
id: "2", name: "Mark L.", handle: "@PartyHost", testimonial: "I love hosting, and these mocktail bombs make it effortless to offer sophisticated non-alcoholic options. Everyone loves them!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-bald-caucasian-man-pink-hoodie-isolated-look-with-smile-point-fingers-up_343596-4825.jpg", imageAlt: "Mark L."},
{
id: "3",
name: "Emily R.",
handle: "@FizzLover",
testimonial: "The passionfruit bomb is my absolute favorite. It's like a tropical vacation in a glass. So refreshing and pure joy!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-white-minimal-portrait_23-2149152594.jpg",
imageAlt: "Emily R.",
},
id: "3", name: "Emily R.", handle: "@FizzLover", testimonial: "The passionfruit bomb is my absolute favorite. It's like a tropical vacation in a glass. So refreshing and pure joy!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-white-minimal-portrait_23-2149152594.jpg", imageAlt: "Emily R."},
{
id: "4",
name: "David K.",
handle: "@DrinkInnovator",
testimonial: "I'm always looking for innovative drink ideas, and Ōranomi delivers. High-quality ingredients and fantastic taste. Highly recommend!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-holding-glass-juice-with-drinking-straw-it_23-2147974701.jpg",
imageAlt: "David K.",
},
id: "4", name: "David K.", handle: "@DrinkInnovator", testimonial: "I'm always looking for innovative drink ideas, and Ōranomi delivers. High-quality ingredients and fantastic taste. Highly recommend!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-holding-glass-juice-with-drinking-straw-it_23-2147974701.jpg", imageAlt: "David K."},
{
id: "5",
name: "Linda P.",
handle: "@SweetSips",
testimonial: "These bombs have added so much fun to our family gatherings. Even the kids enjoy the colorful, delicious drinks. A must-have!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-wrinkled-senior-woman-drinks-coffee-go-wears-headphones-listens-music_273609-34994.jpg",
imageAlt: "Linda P.",
},
id: "5", name: "Linda P.", handle: "@SweetSips", testimonial: "These bombs have added so much fun to our family gatherings. Even the kids enjoy the colorful, delicious drinks. A must-have!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-wrinkled-senior-woman-drinks-coffee-go-wears-headphones-listens-music_273609-34994.jpg", imageAlt: "Linda P."},
]}
showRating={true}
title="What Our Customers Are Saying"
@@ -277,14 +171,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Gourmet Magazine",
"Beverage World",
"Taste Makers",
"Event Style Co.",
"Drink Enthusiast",
"Sparkling Sips",
"Celebration Daily",
]}
"Gourmet Magazine", "Beverage World", "Taste Makers", "Event Style Co.", "Drink Enthusiast", "Sparkling Sips", "Celebration Daily"]}
title="As Seen In & Loved By"
description="Our exquisite mocktail bombs are making waves and gaining recognition across various platforms and communities. Join the buzz!"
/>
@@ -295,25 +182,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How do Ōranomi mocktail bombs work?",
content: "Simply drop a mocktail bomb into your favorite sparkling water, soda, or juice. It will fizz and dissolve, infusing your drink with delicious natural flavors and vibrant colors.",
},
id: "q1", title: "How do Ōranomi mocktail bombs work?", content: "Simply drop a mocktail bomb into your favorite sparkling water, soda, or juice. It will fizz and dissolve, infusing your drink with delicious natural flavors and vibrant colors."},
{
id: "q2",
title: "Are Ōranomi mocktail bombs alcoholic?",
content: "No, all Ōranomi mocktail bombs are completely non-alcoholic, offering a fun and flavorful experience for everyone, regardless of age or preference.",
},
id: "q2", title: "Are Ōranomi mocktail bombs alcoholic?", content: "No, all Ōranomi mocktail bombs are completely non-alcoholic, offering a fun and flavorful experience for everyone, regardless of age or preference."},
{
id: "q3",
title: "What ingredients are in your mocktail bombs?",
content: "Our mocktail bombs are crafted with high-quality, natural fruit extracts, plant-based colorings, and a touch of sweetness. We prioritize pure and delicious ingredients.",
},
id: "q3", title: "What ingredients are in your mocktail bombs?", content: "Our mocktail bombs are crafted with high-quality, natural fruit extracts, plant-based colorings, and a touch of sweetness. We prioritize pure and delicious ingredients."},
{
id: "q4",
title: "How long do the flavors last?",
content: "For optimal freshness and fizz, we recommend consuming your Ōranomi mocktail within minutes of dissolving the bomb. Store bombs in a cool, dry place.",
},
id: "q4", title: "How long do the flavors last?", content: "For optimal freshness and fizz, we recommend consuming your Ōranomi mocktail within minutes of dissolving the bomb. Store bombs in a cool, dry place."},
]}
sideTitle="Frequently Asked Questions"
sideDescription="Have more questions? Feel free to reach out to our team directly via the contact form below!"
@@ -329,22 +204,14 @@ export default function LandingPage() {
description="Have a question, feedback, or a partnership inquiry? We'd love to hear from you! Our team is ready to assist you."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your Message",
rows: 5,
name: "message", placeholder: "Your Message", rows: 5,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/variety-treats-halloween-table_23-2148603668.jpg"
@@ -360,46 +227,29 @@ export default function LandingPage() {
logoText="Ōranomi"
columns={[
{
title: "Discover",
items: [
title: "Discover", items: [
{
label: "Flavors",
href: "#flavors",
},
label: "Flavors", href: "#flavors"},
{
label: "Our Story",
href: "#about",
},
label: "Our Story", href: "#about"},
{
label: "Benefits",
href: "#benefits",
},
label: "Benefits", href: "#benefits"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}