bender/e4c15ede-1c55-4b31-9e49-2a2e5ea9ca8e
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-04-15 01:45:54 +00:00
parent 868065be02
commit 484ac2cd38
1 changed files with 60 additions and 318 deletions
Download Patch File Download Diff File Expand all files Collapse all files

378
src/app/page.tsx
View File

@@ -30,132 +30,47 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Our Coffee",
id: "products",
},
{
name: "Story",
id: "about",
},
{
name: "Subscriptions",
id: "pricing",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Our Coffee", id: "products" },
{ name: "Story", id: "about" },
{ name: "Subscriptions", id: "pricing" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Roast & Origin"
button={{
text: "Shop Now",
href: "#products",
}}
button={{ text: "Shop Now", href: "#products" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Roasted to Perfection"
description="Experience the rich, complex flavors of ethically sourced beans delivered directly to your doorstep. Every cup tells a story of origin and craft."
testimonials={[
{
name: "Elena R.",
handle: "@elena_coffee",
testimonial: "The best espresso I have had in years. Incredible freshness.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-enjoying-coffee_23-2148756317.jpg",
},
{
name: "Mark D.",
handle: "@mark_beans",
testimonial: "Ethical and delicious. A perfect combination for my morning.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/coffee-white-cup-with-plant-shadow_23-2151986819.jpg",
},
{
name: "Sarah L.",
handle: "@sarahroasts",
testimonial: "Customer service is top-notch and the quality is unmatched.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-having-fun-white-party_23-2149575112.jpg",
},
{
name: "David W.",
handle: "@davidbrew",
testimonial: "The subscription is so convenient. Never run out again.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-carefree-smiling-woman-drinking-coffee-standing-kitchen-with-delighted-pleased-face_1258-193527.jpg",
},
{
name: "Chloe B.",
handle: "@chloecoffee",
testimonial: "Stunning variety and amazing tasting notes in every batch.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-coffee-cup_23-2149031293.jpg",
},
]}
buttons={[
{
text: "Shop Our Roasts",
href: "#products",
},
{ name: "Elena R.", handle: "@elena_coffee", testimonial: "The best espresso I have had in years. Incredible freshness.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-enjoying-coffee_23-2148756317.jpg" },
{ name: "Mark D.", handle: "@mark_beans", testimonial: "Ethical and delicious. A perfect combination for my morning.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/coffee-white-cup-with-plant-shadow_23-2151986819.jpg" },
{ name: "Sarah L.", handle: "@sarahroasts", testimonial: "Customer service is top-notch and the quality is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-adult-having-fun-white-party_23-2149575112.jpg" },
{ name: "David W.", handle: "@davidbrew", testimonial: "The subscription is so convenient. Never run out again.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-carefree-smiling-woman-drinking-coffee-standing-kitchen-with-delighted-pleased-face_1258-193527.jpg" },
{ name: "Chloe B.", handle: "@chloecoffee", testimonial: "Stunning variety and amazing tasting notes in every batch.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-coffee-cup_23-2149031293.jpg" },
]}
buttons={[{ text: "Shop Our Roasts", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-coffee-background_23-2147776809.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/drinking-coffee-using-mobilephone_329181-16251.jpg",
alt: "Person enjoying coffee",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg",
alt: "Woman communicating",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-businesswoman-white-blouse-smiling-cheerfully-as-sitting-cafe_197531-23018.jpg",
alt: "Businesswoman in cafe",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-handsome-man-meeting_329181-1766.jpg",
alt: "Smiling man at meeting",
},
{
src: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-with-cookies-cotton-flowers_23-2148720030.jpg",
alt: "Coffee and cookies",
},
{ src: "http://img.b2bpic.net/free-photo/drinking-coffee-using-mobilephone_329181-16251.jpg", alt: "Person enjoying coffee" },
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg", alt: "Woman communicating" },
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-businesswoman-white-blouse-smiling-cheerfully-as-sitting-cafe_197531-23018.jpg", alt: "Businesswoman in cafe" },
{ src: "http://img.b2bpic.net/free-photo/smiling-handsome-man-meeting_329181-1766.jpg", alt: "Smiling man at meeting" },
{ src: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-with-cookies-cotton-flowers_23-2148720030.jpg", alt: "Coffee and cookies" },
]}
avatarText="Join 5,000+ coffee lovers"
marqueeItems={[
{
type: "text",
text: "Ethically Sourced",
},
{
type: "text",
text: "Small-Batch Roasted",
},
{
type: "text",
text: "Freshness Guaranteed",
},
{
type: "text",
text: "Global Origins",
},
{
type: "text",
text: "Sustainable Farming",
},
{ type: "text", text: "Ethically Sourced" },
{ type: "text", text: "Small-Batch Roasted" },
{ type: "text", text: "Freshness Guaranteed" },
{ type: "text", text: "Global Origins" },
{ type: "text", text: "Sustainable Farming" },
]}
/>
</div>
@@ -165,12 +80,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="From Seed to Sip"
description="We partner directly with small-scale farmers who prioritize quality and sustainability. Our roasting process is a dedicated ritual, ensuring every bean reaches its peak flavor profile."
buttons={[
{
text: "Learn About Us",
href: "/about",
},
]}
buttons={[{ text: "Learn About Us", href: "/about" }]}
imageSrc="http://img.b2bpic.net/free-photo/concept-tasty-snack-hot-drink-cookies-shape-coffee-seeds_185193-110871.jpg"
/>
</div>
@@ -182,60 +92,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "Signature",
name: "Midnight Roast",
price: "$18",
rating: 5,
reviewCount: "124",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-bag-with-coffee-beans-around_1232-1358.jpg",
},
{
id: "p2",
brand: "Single Origin",
name: "Ethiopia Yirgacheffe",
price: "$22",
rating: 5,
reviewCount: "89",
imageSrc: "http://img.b2bpic.net/free-photo/sackcloth-full-roasted-coffee-beans-wooden-bowl-marble-surface_114579-43556.jpg",
},
{
id: "p3",
brand: "Signature",
name: "Morning Bloom",
price: "$16",
rating: 4,
reviewCount: "210",
imageSrc: "http://img.b2bpic.net/free-photo/spice-seed-seasoning-dark-caffeine_1172-456.jpg",
},
{
id: "p4",
brand: "Single Origin",
name: "Colombia Huila",
price: "$20",
rating: 5,
reviewCount: "56",
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-roasted-coffee-beans_23-2150698707.jpg",
},
{
id: "p5",
brand: "Signature",
name: "Velvet Dark",
price: "$19",
rating: 5,
reviewCount: "92",
imageSrc: "http://img.b2bpic.net/free-photo/roasted-beans-tasteful-coffee-shopping-paper-bag_23-2148441159.jpg",
},
{
id: "p6",
brand: "Single Origin",
name: "Sumatra Mandheling",
price: "$21",
rating: 5,
reviewCount: "44",
imageSrc: "http://img.b2bpic.net/free-photo/tray-with-coffee-beans-coffee-cups_23-2148267902.jpg",
},
{ id: "p1", brand: "Signature", name: "Midnight Roast", price: "$18", rating: 5, reviewCount: "124", imageSrc: "http://img.b2bpic.net/free-photo/coffee-bag-with-coffee-beans-around_1232-1358.jpg" },
{ id: "p2", brand: "Single Origin", name: "Ethiopia Yirgacheffe", price: "$22", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/sackcloth-full-roasted-coffee-beans-wooden-bowl-marble-surface_114579-43556.jpg" },
{ id: "p3", brand: "Signature", name: "Morning Bloom", price: "$16", rating: 4, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/spice-seed-seasoning-dark-caffeine_1172-456.jpg" },
{ id: "p4", brand: "Single Origin", name: "Colombia Huila", price: "$20", rating: 5, reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-roasted-coffee-beans_23-2150698707.jpg" },
{ id: "p5", brand: "Signature", name: "Velvet Dark", price: "$19", rating: 5, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/roasted-beans-tasteful-coffee-shopping-paper-bag_23-2148441159.jpg" },
{ id: "p6", brand: "Single Origin", name: "Sumatra Mandheling", price: "$21", rating: 5, reviewCount: "44", imageSrc: "http://img.b2bpic.net/free-photo/tray-with-coffee-beans-coffee-cups_23-2148267902.jpg" },
]}
title="Featured Roasts"
description="Discover our curated collection of signature blends and single-origin beans."
@@ -244,61 +106,21 @@ export default function LandingPage() {
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Most Popular",
price: "$25/mo",
subtitle: "Perfect for daily drinkers",
features: [
"1 Bag Monthly",
"Free Shipping",
"Exclusive Perks",
],
buttons: [
{
text: "Start Basic",
href: "#",
},
],
id: "basic", badge: "Most Popular", price: "$25/mo", subtitle: "Perfect for daily drinkers", features: ["1 Bag Monthly", "Free Shipping", "Exclusive Perks"],
buttons: [{ text: "Start Basic", href: "#" }],
},
{
id: "pro",
badge: "Value",
price: "$45/mo",
subtitle: "For coffee connoisseurs",
features: [
"2 Bags Monthly",
"Free Shipping",
"Priority Access",
"Gift Samples",
],
buttons: [
{
text: "Start Pro",
href: "#",
},
],
id: "pro", badge: "Value", price: "$45/mo", subtitle: "For coffee connoisseurs", features: ["2 Bags Monthly", "Free Shipping", "Priority Access", "Gift Samples"],
buttons: [{ text: "Start Pro", href: "#" }],
},
{
id: "enterprise",
badge: "Office",
price: "$120/mo",
subtitle: "For teams and offices",
features: [
"6 Bags Monthly",
"Free Shipping",
"Office Support",
"Brewing Tools",
],
buttons: [
{
text: "Start Office",
href: "#",
},
],
id: "enterprise", badge: "Office", price: "$120/mo", subtitle: "For teams and offices", features: ["6 Bags Monthly", "Free Shipping", "Office Support", "Brewing Tools"],
buttons: [{ text: "Start Office", href: "#" }],
},
]}
title="Coffee Subscriptions"
@@ -312,46 +134,11 @@ export default function LandingPage() {
textboxLayout="split-description"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Elena R.",
handle: "@elena_coffee",
testimonial: "The best espresso I have had in years. Incredible freshness.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-coffee-cup_1170-644.jpg",
},
{
id: "t2",
name: "Mark D.",
handle: "@mark_beans",
testimonial: "Ethical and delicious. A perfect combination for my morning.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-cup-hot-cocoa-with-marshmallows-while-reading_23-2148720068.jpg",
},
{
id: "t3",
name: "Sarah L.",
handle: "@sarahroasts",
testimonial: "Customer service is top-notch and the quality is unmatched.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-drawing-tablet_23-2149927581.jpg",
},
{
id: "t4",
name: "David W.",
handle: "@davidbrew",
testimonial: "The subscription is so convenient. Never run out again.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-with-coffee-wall_329181-14515.jpg",
},
{
id: "t5",
name: "Chloe B.",
handle: "@chloecoffee",
testimonial: "Stunning variety and amazing tasting notes in every batch.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-iced-coffee-break-outside_23-2149567234.jpg",
},
{ id: "t1", name: "Elena R.", handle: "@elena_coffee", testimonial: "The best espresso I have had in years. Incredible freshness.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-coffee-cup_1170-644.jpg" },
{ id: "t2", name: "Mark D.", handle: "@mark_beans", testimonial: "Ethical and delicious. A perfect combination for my morning.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-having-cup-hot-cocoa-with-marshmallows-while-reading_23-2148720068.jpg" },
{ id: "t3", name: "Sarah L.", handle: "@sarahroasts", testimonial: "Customer service is top-notch and the quality is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-drawing-tablet_23-2149927581.jpg" },
{ id: "t4", name: "David W.", handle: "@davidbrew", testimonial: "The subscription is so convenient. Never run out again.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-with-coffee-wall_329181-14515.jpg" },
{ id: "t5", name: "Chloe B.", handle: "@chloecoffee", testimonial: "Stunning variety and amazing tasting notes in every batch.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-having-iced-coffee-break-outside_23-2149567234.jpg" },
]}
showRating={true}
title="What People Say"
@@ -361,44 +148,26 @@ export default function LandingPage() {
<div id="faq" data-section="faq">
<FaqSplitMedia
faqsAnimation="blur-reveal"
mediaAnimation="slide-up"
textboxLayout="split-description"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How is the coffee sourced?",
content: "We work directly with cooperatives to ensure fair trade and exceptional quality.",
},
{
id: "f2",
title: "When is my coffee roasted?",
content: "All coffee is roasted within 48 hours of your order being processed.",
},
{
id: "f3",
title: "Can I cancel my subscription?",
content: "Yes, you can manage, pause, or cancel your subscription at any time.",
},
{
id: "f4",
title: "Do you offer international shipping?",
content: "Currently we ship primarily to the continental US and Canada.",
},
{ id: "f1", title: "How is the coffee sourced?", content: "We work directly with cooperatives to ensure fair trade and exceptional quality." },
{ id: "f2", title: "When is my coffee roasted?", content: "All coffee is roasted within 48 hours of your order being processed." },
{ id: "f3", title: "Can I cancel my subscription?", content: "Yes, you can manage, pause, or cancel your subscription at any time." },
{ id: "f4", title: "Do you offer international shipping?", content: "Currently we ship primarily to the continental US and Canada." },
]}
imageSrc="http://img.b2bpic.net/free-photo/culture-abundance-heap-caffeine-spice_1172-340.jpg"
mediaAnimation="slide-up"
title="Frequently Asked"
description="Common questions about our coffee, subscriptions, and shipping."
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
tag="Stay Connected"
title="Join Our Mailing List"
description="Get early access to limited-edition roasts and brewing tips."
@@ -409,50 +178,23 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Shop",
items: [
{
label: "All Roasts",
href: "#products",
},
{
label: "Subscriptions",
href: "#pricing",
},
{
label: "Equipment",
href: "#",
},
title: "Shop", items: [
{ label: "All Roasts", href: "#products" },
{ label: "Subscriptions", href: "#pricing" },
{ label: "Equipment", href: "#" },
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "FAQs",
href: "#faq",
},
{
label: "Shipping Info",
href: "#",
},
title: "Support", items: [
{ label: "Contact", href: "#contact" },
{ label: "FAQs", href: "#faq" },
{ label: "Shipping Info", href: "#" },
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
],
},
]}