bender/c4795d9f-b312-48c8-ae72-31f6736da9ef
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 04:21:17 +00:00
parent 24e05e0c4c
commit 1daf012ea3
1 changed files with 72 additions and 278 deletions
Download Patch File Download Diff File Expand all files Collapse all files

350
src/app/page.tsx
View File

@@ -34,30 +34,18 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Our Coffees",
id: "#products",
},
name: "Our Coffees", id: "#products"},
{
name: "Wholesale",
id: "#pricing",
},
name: "Wholesale", id: "#pricing"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Shop Now",
href: "#products",
}}
text: "Shop Now", href: "#products"}}
logoSrc="http://img.b2bpic.net/free-vector/coffee-pastry-shop-logo-vector-set_53876-61332.jpg"
logoAlt="ASK Coffee Roastery Logo"
brandName="ASK Coffee Roastery"
@@ -67,47 +55,26 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated",
}}
variant: "rotated-rays-animated"}}
title="Exceptional Coffee Roasted Fresh. Delivered Daily."
description="Discover single-origin beans and signature blends from ASK's Singapore roastery. We source directly from sustainable farms and roast to order for peak flavor."
buttons={[
{
text: "Shop Our Roasts",
href: "#products",
},
text: "Shop Our Roasts", href: "#products"},
]}
carouselItems={[
{
id: "carousel-item-1",
imageSrc: "http://img.b2bpic.net/free-photo/many-hot-freshly-baked-coffee-beans-fall-from-best-professional-large-coffee-roaster_346278-554.jpg",
imageAlt: "Freshly roasted coffee beans",
},
id: "carousel-item-1", imageSrc: "http://img.b2bpic.net/free-photo/many-hot-freshly-baked-coffee-beans-fall-from-best-professional-large-coffee-roaster_346278-554.jpg", imageAlt: "Freshly roasted coffee beans"},
{
id: "carousel-item-2",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-beans-grinder_53876-165382.jpg",
imageAlt: "Barista preparing latte art",
},
id: "carousel-item-2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-beans-grinder_53876-165382.jpg", imageAlt: "Barista preparing latte art"},
{
id: "carousel-item-3",
imageSrc: "http://img.b2bpic.net/free-photo/roasted-coffee-beans_53876-23308.jpg",
imageAlt: "Coffee tasting session",
},
id: "carousel-item-3", imageSrc: "http://img.b2bpic.net/free-photo/roasted-coffee-beans_53876-23308.jpg", imageAlt: "Coffee tasting session"},
{
id: "carousel-item-4",
imageSrc: "http://img.b2bpic.net/free-photo/blank-mock-up-design-cafe-signboard-nice-building-outdoors_158595-6498.jpg",
imageAlt: "Coffee beans with ASK branding",
},
id: "carousel-item-4", imageSrc: "http://img.b2bpic.net/free-photo/blank-mock-up-design-cafe-signboard-nice-building-outdoors_158595-6498.jpg", imageAlt: "Coffee beans with ASK branding"},
{
id: "carousel-item-5",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-organic-coffee-still-life_23-2151762392.jpg",
imageAlt: "Coffee roasting machine in action",
},
id: "carousel-item-5", imageSrc: "http://img.b2bpic.net/free-photo/delicious-organic-coffee-still-life_23-2151762392.jpg", imageAlt: "Coffee roasting machine in action"},
{
id: "carousel-item-6",
imageSrc: "http://img.b2bpic.net/free-photo/cappuccino-bar_23-2147798085.jpg",
imageAlt: "Coffee roaster examining beans",
},
id: "carousel-item-6", imageSrc: "http://img.b2bpic.net/free-photo/cappuccino-bar_23-2147798085.jpg", imageAlt: "Coffee roaster examining beans"},
]}
autoPlay={true}
autoPlayInterval={4000}
@@ -121,9 +88,7 @@ export default function LandingPage() {
title="From Sustainable Farms to Your Cup: The ASK Difference"
buttons={[
{
text: "Learn More",
href: "#",
},
text: "Learn More", href: "#"},
]}
/>
</div>
@@ -135,41 +100,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "feature-1",
title: "Ethically Sourced Beans",
author: "Direct Trade",
description: "We establish direct relationships with farmers, ensuring fair prices and sustainable practices that benefit both communities and the environment.",
tags: [
"Sustainability",
"Fair Trade",
],
imageSrc: "http://img.b2bpic.net/free-photo/coffee-bag-cup-with-coffee-beans-wooden-surface_23-2151965890.jpg",
imageAlt: "Coffee beans in hand",
},
id: "feature-1", title: "Ethically Sourced Beans", author: "Direct Trade", description: "We establish direct relationships with farmers, ensuring fair prices and sustainable practices that benefit both communities and the environment.", tags: [
"Sustainability", "Fair Trade"],
imageSrc: "http://img.b2bpic.net/free-photo/coffee-bag-cup-with-coffee-beans-wooden-surface_23-2151965890.jpg", imageAlt: "Coffee beans in hand"},
{
id: "feature-2",
title: "Precision Roasting",
author: "Master Roasters",
description: "Our expert roasters use state-of-the-art equipment to carefully develop each bean's unique flavor profile, from light to dark.",
tags: [
"Artisan",
"Flavor",
],
imageSrc: "http://img.b2bpic.net/free-photo/courier-delivering-groceries-home_23-2149738020.jpg",
imageAlt: "Coffee roasting machine",
},
id: "feature-2", title: "Precision Roasting", author: "Master Roasters", description: "Our expert roasters use state-of-the-art equipment to carefully develop each bean's unique flavor profile, from light to dark.", tags: [
"Artisan", "Flavor"],
imageSrc: "http://img.b2bpic.net/free-photo/courier-delivering-groceries-home_23-2149738020.jpg", imageAlt: "Coffee roasting machine"},
{
id: "feature-3",
title: "Freshness Guaranteed",
author: "Roast-to-Order",
description: "Every batch is roasted only after your order is placed, ensuring maximum aroma and taste delivered directly to your door.",
tags: [
"Quality",
"Convenience",
],
imageSrc: "http://img.b2bpic.net/free-photo/hands-with-coffee-beans-coffee-beans-that-are-dried_1150-5756.jpg",
imageAlt: "Freshly packaged coffee",
},
id: "feature-3", title: "Freshness Guaranteed", author: "Roast-to-Order", description: "Every batch is roasted only after your order is placed, ensuring maximum aroma and taste delivered directly to your door.", tags: [
"Quality", "Convenience"],
imageSrc: "http://img.b2bpic.net/free-photo/hands-with-coffee-beans-coffee-beans-that-are-dried_1150-5756.jpg", imageAlt: "Freshly packaged coffee"},
]}
title="Crafting the Perfect Roast"
description="Our meticulous process ensures every bean delivers an unparalleled coffee experience."
@@ -184,47 +125,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "coffee-1",
name: "Ethiopian Yirgacheffe",
price: "$22.00 SGD",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-ground-powder_114579-65423.jpg",
imageAlt: "Ethiopian Yirgacheffe coffee beans",
},
id: "coffee-1", name: "Ethiopian Yirgacheffe", price: "$22.00 SGD", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-ground-powder_114579-65423.jpg", imageAlt: "Ethiopian Yirgacheffe coffee beans"},
{
id: "coffee-2",
name: "ASK House Blend",
price: "$19.00 SGD",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans_23-2148173344.jpg",
imageAlt: "ASK House Blend coffee bag",
},
id: "coffee-2", name: "ASK House Blend", price: "$19.00 SGD", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans_23-2148173344.jpg", imageAlt: "ASK House Blend coffee bag"},
{
id: "coffee-3",
name: "Colombian Supremo",
price: "$21.50 SGD",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-coffee-beans-powder-container_23-2148453588.jpg",
imageAlt: "Colombian Supremo coffee beans",
},
id: "coffee-3", name: "Colombian Supremo", price: "$21.50 SGD", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-coffee-beans-powder-container_23-2148453588.jpg", imageAlt: "Colombian Supremo coffee beans"},
{
id: "coffee-4",
name: "Brazilian Santos",
price: "$18.00 SGD",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-holding-books-two-cups-coffee_114579-73066.jpg",
imageAlt: "Brazilian Santos coffee beans",
},
id: "coffee-4", name: "Brazilian Santos", price: "$18.00 SGD", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-holding-books-two-cups-coffee_114579-73066.jpg", imageAlt: "Brazilian Santos coffee beans"},
{
id: "coffee-5",
name: "Seasonal Espresso Blend",
price: "$24.00 SGD",
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-brownie-with-seeds-it_114579-13909.jpg",
imageAlt: "Seasonal Espresso Blend coffee",
},
id: "coffee-5", name: "Seasonal Espresso Blend", price: "$24.00 SGD", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-brownie-with-seeds-it_114579-13909.jpg", imageAlt: "Seasonal Espresso Blend coffee"},
{
id: "coffee-6",
name: "Sumatra Mandheling Decaf",
price: "$20.00 SGD",
imageSrc: "http://img.b2bpic.net/free-photo/big-hermetic-metallic-package-filled-with-freshly-baked-roasted-coffee_346278-412.jpg",
imageAlt: "Sumatra Mandheling Decaf coffee beans",
},
id: "coffee-6", name: "Sumatra Mandheling Decaf", price: "$20.00 SGD", imageSrc: "http://img.b2bpic.net/free-photo/big-hermetic-metallic-package-filled-with-freshly-baked-roasted-coffee_346278-412.jpg", imageAlt: "Sumatra Mandheling Decaf coffee beans"},
]}
title="Our Signature Roasts"
description="Explore our curated selection of single-origin and blended coffees, each with a unique story and flavor profile."
@@ -239,61 +150,25 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "home-brewer",
tag: "For Home",
tagIcon: Coffee,
price: "From $18/month",
period: "Monthly Subscription",
description: "Curated selection of beans delivered to your doorstep.",
button: {
text: "Subscribe Now",
href: "#",
},
featuresTitle: "Includes:",
features: [
"2 bags (250g each) of rotating single origins",
"Free doorstep delivery",
"Exclusive brew guides",
"Pause or skip anytime",
],
id: "home-brewer", tag: "For Home", tagIcon: Coffee,
price: "From $18/month", period: "Monthly Subscription", description: "Curated selection of beans delivered to your doorstep.", button: {
text: "Subscribe Now", href: "#"},
featuresTitle: "Includes:", features: [
"2 bags (250g each) of rotating single origins", "Free doorstep delivery", "Exclusive brew guides", "Pause or skip anytime"],
},
{
id: "office-supply",
tag: "For Office",
tagIcon: Briefcase,
price: "From $150/month",
period: "Managed Service",
description: "Premium coffee supply for productive workplaces.",
button: {
text: "Request Quote",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Bulk bean supply (2kg+) tailored to office needs",
"Optional brewing equipment rental",
"Regular delivery and inventory management",
"Dedicated account support",
],
id: "office-supply", tag: "For Office", tagIcon: Briefcase,
price: "From $150/month", period: "Managed Service", description: "Premium coffee supply for productive workplaces.", button: {
text: "Request Quote", href: "#contact"},
featuresTitle: "Includes:", features: [
"Bulk bean supply (2kg+) tailored to office needs", "Optional brewing equipment rental", "Regular delivery and inventory management", "Dedicated account support"],
},
{
id: "wholesale",
tag: "For Cafes",
tagIcon: Home,
price: "Custom Pricing",
period: "Partnership",
description: "Collaborate with us for exceptional wholesale coffee solutions.",
button: {
text: "Inquire Now",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Competitive wholesale pricing on all blends",
"Custom roast profile development",
"Barista training & support",
"Marketing collaboration",
],
id: "wholesale", tag: "For Cafes", tagIcon: Home,
price: "Custom Pricing", period: "Partnership", description: "Collaborate with us for exceptional wholesale coffee solutions.", button: {
text: "Inquire Now", href: "#contact"},
featuresTitle: "Includes:", features: [
"Competitive wholesale pricing on all blends", "Custom roast profile development", "Barista training & support", "Marketing collaboration"],
},
]}
title="Elevate Your Coffee Experience"
@@ -308,45 +183,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "test-1",
name: "Sarah L.",
role: "Home Barista",
testimonial: "ASK Coffee has completely transformed my morning routine. The freshness and depth of flavor are simply unmatched. I look forward to every new delivery!",
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-indoor_344912-743.jpg",
imageAlt: "Sarah L.",
},
id: "test-1", name: "Sarah L.", role: "Home Barista", testimonial: "ASK Coffee has completely transformed my morning routine. The freshness and depth of flavor are simply unmatched. I look forward to every new delivery!", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-indoor_344912-743.jpg", imageAlt: "Sarah L."},
{
id: "test-2",
name: "Michael Tan",
role: "Cafe Owner, 'The Daily Grind'",
testimonial: "Partnering with ASK Coffee Roastery was the best decision for our cafe. Their wholesale support and custom blends have elevated our menu and delighted our customers.",
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367130.jpg",
imageAlt: "Michael Tan",
},
id: "test-2", name: "Michael Tan", role: "Cafe Owner, 'The Daily Grind'", testimonial: "Partnering with ASK Coffee Roastery was the best decision for our cafe. Their wholesale support and custom blends have elevated our menu and delighted our customers.", imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367130.jpg", imageAlt: "Michael Tan"},
{
id: "test-3",
name: "Emily R.",
role: "Office Manager",
testimonial: "Our office runs on ASK Coffee! The convenience of their bulk delivery and the consistent quality keep our team energized and happy.",
imageSrc: "http://img.b2bpic.net/free-photo/relaxing-day-home-happy-young-woman-glasses-sitting-with-cup-tea-coffee-reading-book_1258-202788.jpg",
imageAlt: "Emily R.",
},
id: "test-3", name: "Emily R.", role: "Office Manager", testimonial: "Our office runs on ASK Coffee! The convenience of their bulk delivery and the consistent quality keep our team energized and happy.", imageSrc: "http://img.b2bpic.net/free-photo/relaxing-day-home-happy-young-woman-glasses-sitting-with-cup-tea-coffee-reading-book_1258-202788.jpg", imageAlt: "Emily R."},
{
id: "test-4",
name: "David W.",
role: "Coffee Enthusiast",
testimonial: "I appreciate ASK's transparency. Knowing the origin story behind each bean makes the experience so much richer. Truly premium coffee.",
imageSrc: "http://img.b2bpic.net/free-photo/romantic-moments-elegant-couple-love-sitting-cafe-drinking-coffee-having-conversation-enjoying-time-spend-with-each-other_273443-2564.jpg",
imageAlt: "David W.",
},
id: "test-4", name: "David W.", role: "Coffee Enthusiast", testimonial: "I appreciate ASK's transparency. Knowing the origin story behind each bean makes the experience so much richer. Truly premium coffee.", imageSrc: "http://img.b2bpic.net/free-photo/romantic-moments-elegant-couple-love-sitting-cafe-drinking-coffee-having-conversation-enjoying-time-spend-with-each-other_273443-2564.jpg", imageAlt: "David W."},
{
id: "test-5",
name: "Jasmine K.",
role: "Subscription Member",
testimonial: "The monthly subscription is fantastic! I've discovered so many incredible single-origin coffees I wouldn't have found otherwise. Highly recommended.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-mobile-phone_107420-12342.jpg",
imageAlt: "Jasmine K.",
},
id: "test-5", name: "Jasmine K.", role: "Subscription Member", testimonial: "The monthly subscription is fantastic! I've discovered so many incredible single-origin coffees I wouldn't have found otherwise. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-mobile-phone_107420-12342.jpg", imageAlt: "Jasmine K."},
]}
title="What Our Customers Say"
description="Hear directly from coffee lovers and business partners who choose ASK Coffee Roastery."
@@ -358,14 +203,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"The Daily Grind",
"Aroma Bistro",
"Urban Brew",
"Zen Cafe",
"Fusion Bites",
"The Perk Place",
"Gourmet Pantry",
]}
"The Daily Grind", "Aroma Bistro", "Urban Brew", "Zen Cafe", "Fusion Bites", "The Perk Place", "Gourmet Pantry"]}
title="Trusted by Leading Cafes & Businesses"
description="We are proud partners to a growing family of establishments dedicated to serving exceptional coffee."
/>
@@ -377,35 +215,17 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq-1",
title: "What makes ASK Coffee specialty grade?",
content: "Our coffee is specialty grade because we meticulously source beans with unique flavor profiles, employ precise roasting techniques, and ensure transparency in our supply chain, adhering to strict quality standards from farm to cup.",
},
id: "faq-1", title: "What makes ASK Coffee specialty grade?", content: "Our coffee is specialty grade because we meticulously source beans with unique flavor profiles, employ precise roasting techniques, and ensure transparency in our supply chain, adhering to strict quality standards from farm to cup."},
{
id: "faq-2",
title: "How often do you roast your coffee?",
content: "We roast daily, in small batches, and often to order. This commitment ensures you receive the freshest possible beans, maximizing aroma and flavor with every brew.",
},
id: "faq-2", title: "How often do you roast your coffee?", content: "We roast daily, in small batches, and often to order. This commitment ensures you receive the freshest possible beans, maximizing aroma and flavor with every brew."},
{
id: "faq-3",
title: "Do you offer international shipping?",
content: "Currently, we offer shipping within Singapore only. We are exploring options for international delivery in the future and will announce any updates on our website and social media.",
},
id: "faq-3", title: "Do you offer international shipping?", content: "Currently, we offer shipping within Singapore only. We are exploring options for international delivery in the future and will announce any updates on our website and social media."},
{
id: "faq-4",
title: "Can I visit your roastery in Singapore?",
content: "While our roastery is primarily for production, we occasionally host open days and cupping sessions. Please follow our social media channels or sign up for our newsletter for announcements.",
},
id: "faq-4", title: "Can I visit your roastery in Singapore?", content: "While our roastery is primarily for production, we occasionally host open days and cupping sessions. Please follow our social media channels or sign up for our newsletter for announcements."},
{
id: "faq-5",
title: "What's your return policy for coffee beans?",
content: "Due to the perishable nature of coffee, we do not accept returns. However, if you are unsatisfied with your order, please contact us within 7 days of receipt, and we will do our best to resolve the issue.",
},
id: "faq-5", title: "What's your return policy for coffee beans?", content: "Due to the perishable nature of coffee, we do not accept returns. However, if you are unsatisfied with your order, please contact us within 7 days of receipt, and we will do our best to resolve the issue."},
{
id: "faq-6",
title: "Do you offer custom blends for wholesale partners?",
content: "Yes, for our wholesale partners, we offer custom blend development to perfectly match the unique needs and preferences of your cafe or business. Contact our B2B team to discuss your requirements.",
},
id: "faq-6", title: "Do you offer custom blends for wholesale partners?", content: "Yes, for our wholesale partners, we offer custom blend development to perfectly match the unique needs and preferences of your cafe or business. Contact our B2B team to discuss your requirements."},
]}
title="Frequently Asked Questions"
description="Find answers to common queries about our coffee, subscriptions, and services."
@@ -417,18 +237,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
text="Ready to experience the ASK difference? Reach out to us for general inquiries, wholesale partnerships, or just to talk coffee. We're here to help!"
buttons={[
{
text: "Email Us",
href: "mailto:info@askcoffee.sg",
},
text: "Email Us", href: "mailto:info@askcoffee.sg"},
{
text: "Wholesale Inquiry",
href: "#",
onClick: "() => alert('Please fill out our wholesale form via email.')",
text: "Wholesale Inquiry", href: "#", onClick: () => alert('Please fill out our wholesale form via email.'),
},
]}
/>
@@ -438,54 +253,33 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Discover",
items: [
title: "Discover", items: [
{
label: "Our Story",
href: "#about",
},
label: "Our Story", href: "#about"},
{
label: "Our Coffees",
href: "#products",
},
label: "Our Coffees", href: "#products"},
{
label: "Values",
href: "#features",
},
label: "Values", href: "#features"},
],
},
{
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: "Shipping",
href: "#",
},
label: "Shipping", href: "#"},
],
},
{
title: "Partnerships",
items: [
title: "Partnerships", items: [
{
label: "Wholesale",
href: "#pricing",
},
label: "Wholesale", href: "#pricing"},
{
label: "B2B",
href: "#contact",
},
label: "B2B", href: "#contact"},
{
label: "Our Partners",
href: "#social-proof",
},
label: "Our Partners", href: "#social-proof"},
],
},
]}