bender/dfac23c1-e63d-4ab5-9d07-3e5c005c3eaa
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 00:35:01 +00:00
parent fdae797797
commit bb02457565
1 changed files with 61 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files

280
src/app/page.tsx
View File

@@ -32,33 +32,19 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Our Roasts",
id: "#products",
},
name: "Our Roasts", id: "#products"},
{
name: "Our Process",
id: "#features",
},
name: "Our Process", id: "#features"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQs",
id: "#faq",
},
name: "FAQs", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Infuso Coffee Roasters"
/>
@@ -67,41 +53,22 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated",
}}
variant: "rotated-rays-animated"}}
title="Experience the Art of Coffee Roasting"
description="Infuso Coffee Roasters brings you the finest selection of freshly roasted beans, ethically sourced and expertly crafted for your perfect cup."
carouselItems={[
{
id: "item-1",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-glass-bowl-with-many-coffee-beans_23-2148209256.jpg?_wi=1",
imageAlt: "Coffee beans roasting in a machine",
},
id: "item-1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-glass-bowl-with-many-coffee-beans_23-2148209256.jpg", imageAlt: "Coffee beans roasting in a machine"},
{
id: "item-2",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-pouring-milk-into-metal-container_1153-1561.jpg?_wi=1",
imageAlt: "Barista pouring latte art into a coffee cup",
},
id: "item-2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-pouring-milk-into-metal-container_1153-1561.jpg", imageAlt: "Barista pouring latte art into a coffee cup"},
{
id: "item-3",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-having-good-time_23-2148395331.jpg?_wi=1",
imageAlt: "Cozy cafe interior with warm lighting",
},
id: "item-3", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-having-good-time_23-2148395331.jpg", imageAlt: "Cozy cafe interior with warm lighting"},
{
id: "item-4",
imageSrc: "http://img.b2bpic.net/free-photo/hands-with-coffee-beans_23-2147776822.jpg",
imageAlt: "Hands scooping green coffee beans from a bag",
},
id: "item-4", imageSrc: "http://img.b2bpic.net/free-photo/hands-with-coffee-beans_23-2147776822.jpg", imageAlt: "Hands scooping green coffee beans from a bag"},
{
id: "item-5",
imageSrc: "http://img.b2bpic.net/free-photo/organic-coffee-beans-still-life_23-2151762368.jpg",
imageAlt: "Steaming cup of coffee on a wooden table",
},
id: "item-5", imageSrc: "http://img.b2bpic.net/free-photo/organic-coffee-beans-still-life_23-2151762368.jpg", imageAlt: "Steaming cup of coffee on a wooden table"},
{
id: "item-6",
imageSrc: "http://img.b2bpic.net/free-photo/roasted-coffee-bean-pictures-concept_53876-16489.jpg",
imageAlt: "Modern packaging for roasted coffee beans",
},
id: "item-6", imageSrc: "http://img.b2bpic.net/free-photo/roasted-coffee-bean-pictures-concept_53876-16489.jpg", imageAlt: "Modern packaging for roasted coffee beans"},
]}
autoPlay={true}
autoPlayInterval={4000}
@@ -113,18 +80,12 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Our Passion for Exceptional Coffee",
},
type: "text", content: "Our Passion for Exceptional Coffee"},
]}
buttons={[
{
text: "Discover Our Story",
href: "#",
},
text: "Discover Our Story", href: "#"},
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-working-beer-factory_23-2150573897.jpg"
imageAlt="Man inspecting coffee beans in a roastery"
/>
</div>
@@ -135,46 +96,22 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Ethical Sourcing",
description: "We partner directly with farmers globally, ensuring fair practices and the highest quality green beans.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/tick-tack-toe-with-coffee-beans-cup-cookies-cinnamon-red-pepper_8353-1505.jpg",
imageAlt: "World map showing coffee regions on a phone screen",
},
title: "Ethical Sourcing", description: "We partner directly with farmers globally, ensuring fair practices and the highest quality green beans.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/tick-tack-toe-with-coffee-beans-cup-cookies-cinnamon-red-pepper_8353-1505.jpg", imageAlt: "World map showing coffee regions on a phone screen"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/tree-with-bright-red-berries_1353-288.jpg",
imageAlt: "Hand holding coffee cherries on a farm",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-glass-bowl-with-many-coffee-beans_23-2148209256.jpg?_wi=2",
imageAlt: "world map showing coffee regions app",
imageSrc: "http://img.b2bpic.net/free-photo/tree-with-bright-red-berries_1353-288.jpg", imageAlt: "Hand holding coffee cherries on a farm"},
},
{
title: "Masterful Roasting",
description: "Our expert roasters apply precision techniques, unlocking each bean's unique flavor profile to perfection.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-grinding-coffee-into-portafilter_23-2147775912.jpg",
imageAlt: "Coffee roasting machine in operation",
},
title: "Masterful Roasting", description: "Our expert roasters apply precision techniques, unlocking each bean's unique flavor profile to perfection.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-grinding-coffee-into-portafilter_23-2147775912.jpg", imageAlt: "Coffee roasting machine in operation"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/organic-coffee-beans-still-life_23-2151762408.jpg",
imageAlt: "Freshly roasted coffee beans cooling",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-pouring-milk-into-metal-container_1153-1561.jpg?_wi=2",
imageAlt: "world map showing coffee regions app",
imageSrc: "http://img.b2bpic.net/free-photo/organic-coffee-beans-still-life_23-2151762408.jpg", imageAlt: "Freshly roasted coffee beans cooling"},
},
{
title: "Perfect Brewing",
description: "We provide guides and tips to help you brew our exceptional coffee, from espresso to pour-over, right at home.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-barista-standing-counter-preparing-pour-coffee-cafe_574295-3458.jpg",
imageAlt: "Pour-over coffee brewing setup",
},
title: "Perfect Brewing", description: "We provide guides and tips to help you brew our exceptional coffee, from espresso to pour-over, right at home.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-barista-standing-counter-preparing-pour-coffee-cafe_574295-3458.jpg", imageAlt: "Pour-over coffee brewing setup"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-pouring-coffee-white-cup_23-2147874462.jpg",
imageAlt: "Perfectly brewed cup of coffee",
},
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-having-good-time_23-2148395331.jpg?_wi=2",
imageAlt: "world map showing coffee regions app",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-pouring-coffee-white-cup_23-2147874462.jpg", imageAlt: "Perfectly brewed cup of coffee"},
},
]}
showStepNumbers={true}
@@ -191,65 +128,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "product-1",
brand: "Infuso",
name: "Ethiopian Yirgacheffe",
price: "$18.00",
rating: 5,
reviewCount: "245 Reviews",
imageSrc: "http://img.b2bpic.net/free-photo/natural-nutrient-textured-health-textile_1172-343.jpg",
imageAlt: "Bag of Ethiopian Yirgacheffe coffee",
},
id: "product-1", brand: "Infuso", name: "Ethiopian Yirgacheffe", price: "$18.00", rating: 5,
reviewCount: "245 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/natural-nutrient-textured-health-textile_1172-343.jpg", imageAlt: "Bag of Ethiopian Yirgacheffe coffee"},
{
id: "product-2",
brand: "Infuso",
name: "Colombian Supremo",
price: "$16.50",
rating: 4,
reviewCount: "180 Reviews",
imageSrc: "http://img.b2bpic.net/free-photo/raw-green-coffee-beans-from-white-plastic-basket_346278-731.jpg",
imageAlt: "Bag of Colombian Supremo coffee",
},
id: "product-2", brand: "Infuso", name: "Colombian Supremo", price: "$16.50", rating: 4,
reviewCount: "180 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/raw-green-coffee-beans-from-white-plastic-basket_346278-731.jpg", imageAlt: "Bag of Colombian Supremo coffee"},
{
id: "product-3",
brand: "Infuso",
name: "House Espresso Blend",
price: "$17.25",
rating: 5,
reviewCount: "320 Reviews",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-vintage-coffee-kettle_23-2148337146.jpg",
imageAlt: "Bag of House Espresso Blend coffee",
},
id: "product-3", brand: "Infuso", name: "House Espresso Blend", price: "$17.25", rating: 5,
reviewCount: "320 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-vintage-coffee-kettle_23-2148337146.jpg", imageAlt: "Bag of House Espresso Blend coffee"},
{
id: "product-4",
brand: "Infuso",
name: "Decaf Swiss Water",
price: "$19.00",
rating: 4,
reviewCount: "95 Reviews",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-spoons-filled-with-coffee-spices_23-2148349649.jpg",
imageAlt: "Bag of Decaf Swiss Water coffee",
},
id: "product-4", brand: "Infuso", name: "Decaf Swiss Water", price: "$19.00", rating: 4,
reviewCount: "95 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/close-up-spoons-filled-with-coffee-spices_23-2148349649.jpg", imageAlt: "Bag of Decaf Swiss Water coffee"},
{
id: "product-5",
brand: "Infuso",
name: "Sumatra Mandheling",
price: "$19.50",
rating: 5,
reviewCount: "110 Reviews",
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-roasted-coffee-beans_23-2150698707.jpg",
imageAlt: "Bag of Sumatra Mandheling coffee",
},
id: "product-5", brand: "Infuso", name: "Sumatra Mandheling", price: "$19.50", rating: 5,
reviewCount: "110 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-roasted-coffee-beans_23-2150698707.jpg", imageAlt: "Bag of Sumatra Mandheling coffee"},
{
id: "product-6",
brand: "Infuso",
name: "Brazil Santos",
price: "$15.75",
rating: 4,
reviewCount: "150 Reviews",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg",
imageAlt: "Bag of Brazil Santos coffee",
},
id: "product-6", brand: "Infuso", name: "Brazil Santos", price: "$15.75", rating: 4,
reviewCount: "150 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-container-full-coffee-beans-wooden-surface_181624-58235.jpg", imageAlt: "Bag of Brazil Santos coffee"},
]}
title="Our Signature Roasts"
description="Explore our exquisite collection of single-origin and blended coffees, each with a unique profile to delight your senses. Crafted for discerning palates."
@@ -261,14 +156,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"The Daily Grind",
"Aroma Bistro",
"Urban Brew Co.",
"Morning Glory Cafe",
"The Roaster's Den",
"Summit Coffee House",
"Artisan Bean Emporium",
]}
"The Daily Grind", "Aroma Bistro", "Urban Brew Co.", "Morning Glory Cafe", "The Roaster's Den", "Summit Coffee House", "Artisan Bean Emporium"]}
title="Trusted by cafes and connoisseurs"
description="Our commitment to quality has earned us a place in the finest establishments and homes. Partnering for an elevated coffee experience."
/>
@@ -282,25 +170,15 @@ export default function LandingPage() {
author="Emily R., Coffee Enthusiast"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/closeup-joyful-beautiful-africanamerican-woman-laughing-looking-happy-standing-yello_1258-130860.jpg",
alt: "Sarah J.",
},
src: "http://img.b2bpic.net/free-photo/closeup-joyful-beautiful-africanamerican-woman-laughing-looking-happy-standing-yello_1258-130860.jpg", alt: "Sarah J."},
{
src: "http://img.b2bpic.net/free-photo/bearded-grey-haired-elderly-man-wearing-turtleneck_273609-6137.jpg",
alt: "Michael C.",
},
src: "http://img.b2bpic.net/free-photo/bearded-grey-haired-elderly-man-wearing-turtleneck_273609-6137.jpg", alt: "Michael C."},
{
src: "http://img.b2bpic.net/free-photo/teenager-having-fun-with-friends_23-2149306182.jpg",
alt: "Jessica L.",
},
src: "http://img.b2bpic.net/free-photo/teenager-having-fun-with-friends_23-2149306182.jpg", alt: "Jessica L."},
{
src: "http://img.b2bpic.net/free-photo/brunette-girl-giving-thumb-up_23-2147650951.jpg",
alt: "David K.",
},
src: "http://img.b2bpic.net/free-photo/brunette-girl-giving-thumb-up_23-2147650951.jpg", alt: "David K."},
{
src: "http://img.b2bpic.net/free-photo/closeup-cheerful-africanamerican-girl-winking-smiling-camera-recommending-something-good-s_1258-130856.jpg",
alt: "Female customer smiling",
},
src: "http://img.b2bpic.net/free-photo/closeup-cheerful-africanamerican-girl-winking-smiling-camera-recommending-something-good-s_1258-130856.jpg", alt: "Female customer smiling"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -313,25 +191,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq-1",
title: "What makes Infuso coffee unique?",
content: "Our commitment to ethical sourcing, meticulous roasting process, and fresh delivery sets us apart. We focus on bringing out the best in every bean.",
},
id: "faq-1", title: "What makes Infuso coffee unique?", content: "Our commitment to ethical sourcing, meticulous roasting process, and fresh delivery sets us apart. We focus on bringing out the best in every bean."},
{
id: "faq-2",
title: "How should I store my coffee beans?",
content: "For optimal freshness, store your Infuso coffee beans in an airtight container in a cool, dark place, away from direct sunlight and heat. Avoid refrigeration.",
},
id: "faq-2", title: "How should I store my coffee beans?", content: "For optimal freshness, store your Infuso coffee beans in an airtight container in a cool, dark place, away from direct sunlight and heat. Avoid refrigeration."},
{
id: "faq-3",
title: "Do you offer wholesale options for businesses?",
content: "Yes, we do! Infuso Coffee Roasters partners with cafes, restaurants, and offices to provide exceptional coffee. Please contact us for wholesale inquiries.",
},
id: "faq-3", title: "Do you offer wholesale options for businesses?", content: "Yes, we do! Infuso Coffee Roasters partners with cafes, restaurants, and offices to provide exceptional coffee. Please contact us for wholesale inquiries."},
{
id: "faq-4",
title: "What's the best way to brew Infuso coffee?",
content: "The best brewing method depends on your personal preference. We recommend starting with a pour-over or French press to experience the full flavor profile of our single-origin beans. Find detailed guides on our blog!",
},
id: "faq-4", title: "What's the best way to brew Infuso coffee?", content: "The best brewing method depends on your personal preference. We recommend starting with a pour-over or French press to experience the full flavor profile of our single-origin beans. Find detailed guides on our blog!"},
]}
imageSrc="http://img.b2bpic.net/free-photo/top-view-coffee-cup_1203-3704.jpg"
imageAlt="Stylized close-up of various coffee beans"
@@ -347,8 +213,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Get in Touch"
title="Reach Out to Infuso"
description="We'd love to hear from you! Whether it's a query about our beans, wholesale inquiries, or just to say hello, our team is ready to assist."
@@ -366,58 +231,35 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Products",
items: [
title: "Products", items: [
{
label: "Single Origins",
href: "#products",
},
label: "Single Origins", href: "#products"},
{
label: "Blends",
href: "#products",
},
label: "Blends", href: "#products"},
{
label: "Decaf",
href: "#products",
},
label: "Decaf", href: "#products"},
{
label: "Wholesale",
href: "#contact",
},
label: "Wholesale", href: "#contact"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "Our Story",
href: "#about",
},
label: "Our Story", href: "#about"},
{
label: "Our Process",
href: "#features",
},
label: "Our Process", href: "#features"},
{
label: "Partnerships",
href: "#social-proof",
},
label: "Partnerships", href: "#social-proof"},
{
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: "#"},
],
},
]}