Update src/app/page.tsx
This commit is contained in:
378
src/app/page.tsx
378
src/app/page.tsx
@@ -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: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user