3 Commits

Author SHA1 Message Date
cc34fdfe35 Update src/app/page.tsx 2026-05-13 16:08:31 +00:00
0fdc5d495a Update src/app/page.tsx 2026-05-13 16:08:00 +00:00
7ef5aa4537 Merge version_1 into main
Merge version_1 into main
2026-05-01 16:01:04 +00:00

View File

@@ -8,9 +8,7 @@ import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwent
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial'; import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardThree from '@/components/sections/product/ProductCardThree'; import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { CheckCircle, Settings, Heart, Wrench } from 'lucide-react'; import { CheckCircle, Settings, Heart, Wrench } from 'lucide-react';
export default function LandingPage() { export default function LandingPage() {
@@ -31,75 +29,33 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ { name: "Capsules", id: "#capsules" },
name: "Capsules", id: "#capsules"}, { name: "Equipment", id: "#equipment" },
{ { name: "Brew Guide", id: "#blog" },
name: "Equipment", id: "#equipment"},
{
name: "Subscription", id: "#subscription"},
{
name: "Brew Guide", id: "#blog"},
]} ]}
brandName="Brewberry" brandName="Brewberry"
button={{ button={{ text: "Shop Now" }}
text: "Shop Now"}}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardTestimonial <HeroBillboardTestimonial
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars"}}
title="Organic Coffee, Crafted for Professionals." title="Organic Coffee, Crafted for Professionals."
description="Experience the ultimate convenience and uncompromising quality. From farm-to-capsule, Brewberry brings the specialty coffee shop experience directly to your home." description="Experience the ultimate convenience and uncompromising quality. From farm-to-capsule, Brewberry brings the specialty coffee shop experience directly to your home."
testimonials={[
{
name: "Alex R.", handle: "@alex_coffee", testimonial: "The best capsules I've ever had. Truly professional quality at home.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/view-process-making-pressed-coffee_23-2149709923.jpg"},
{
name: "Sarah M.", handle: "@sarah_barista", testimonial: "Finally, a capsule brand that respects organic sourcing. Amazing.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/barista-pouring-coffee-beans-into-coffee-machine_23-2148326687.jpg"},
{
name: "Jordan L.", handle: "@jordan_dev", testimonial: "Subscribing saved me so much time. Perfect for my busy work days.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/sample-pebbles-jar-table_107420-63896.jpg"},
{
name: "Mike D.", handle: "@mike_coffee", testimonial: "Unbeatable freshness in every single cup.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/tool-used-coffee-machine-coffee-making-process_23-2150187528.jpg"},
{
name: "Chloe B.", handle: "@chloe_brews", testimonial: "Professional grade coffee in minutes. Simply the best.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-holding-cup-near-tablet_23-2148181482.jpg"},
]}
buttons={[ buttons={[
{ { text: "Shop Capsules", href: "#capsules" },
text: "Shop Capsules", href: "#capsules"}, { text: "Explore Machines", href: "#equipment" },
{
text: "Explore Machines", href: "#equipment"},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/woman-holding-cup-store-concept-choosing-dishes_169016-23448.jpg" imageSrc="http://img.b2bpic.net/free-photo/woman-holding-cup-store-concept-choosing-dishes_169016-23448.jpg"
avatars={[ testimonials={[]}
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-managing-her-work-from-home-drinking-coffee-looking-laptop-sitting-kitchen_1258-183127.jpg", alt: "User 1"},
{
src: "http://img.b2bpic.net/free-photo/man-taking-e-leraning-courses_23-2149231576.jpg", alt: "User 2"},
{
src: "http://img.b2bpic.net/free-photo/girl-with-laptop_23-2148016321.jpg", alt: "User 3"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-managing-her-work-from-home-drinking-coffee-looking-laptop-sitting-kitchen_1258-186505.jpg", alt: "User 4"},
{
src: "http://img.b2bpic.net/free-photo/male-painter-studio-using-watercolor-his-art_23-2150213616.jpg", alt: "User 5"},
]}
marqueeItems={[ marqueeItems={[
{ { type: "text", text: "100% Organic" },
type: "text", text: "100% Organic"}, { type: "text", text: "Barista Certified" },
{ { type: "text", text: "Fair Trade" },
type: "text", text: "Barista Certified"}, { type: "text", text: "Fast Shipping" },
{ { type: "text", text: "Eco-Friendly" },
type: "text", text: "Fair Trade"},
{
type: "text", text: "Fast Shipping"},
{
type: "text", text: "Eco-Friendly"},
]} ]}
/> />
</div> </div>
@@ -109,18 +65,10 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ { title: "Organic Sourcing", description: "100% organic, fair-trade coffee beans, harvested at the peak of flavor.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/map-spain-made-with-coffee-beans-brown-surface_463209-16.jpg" },
title: "Organic Sourcing", description: "100% organic, fair-trade coffee beans, harvested at the peak of flavor.", buttonIcon: CheckCircle, { title: "Smart Compatibility", description: "Our capsules are engineered to work flawlessly with your high-end equipment.", buttonIcon: Settings, imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-handle_23-2148865564.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/map-spain-made-with-coffee-beans-brown-surface_463209-16.jpg"}, { title: "Health-Conscious", description: "No additives, just pure, clean coffee delivered to your door.", buttonIcon: Heart, imageSrc: "http://img.b2bpic.net/free-photo/side-view-hand-holding-coffee-cup-outdoors_23-2149703746.jpg" },
{ { title: "Mastery Tools", description: "Comprehensive maintenance guides to keep your machine in top shape.", buttonIcon: Wrench, imageSrc: "http://img.b2bpic.net/free-photo/crop-man-drying-portafilter_23-2147775908.jpg" },
title: "Smart Compatibility", description: "Our capsules are engineered to work flawlessly with your high-end equipment.", buttonIcon: Settings,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-handle_23-2148865564.jpg"},
{
title: "Health-Conscious", description: "No additives, just pure, clean coffee delivered to your door.", buttonIcon: Heart,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-hand-holding-coffee-cup-outdoors_23-2149703746.jpg"},
{
title: "Mastery Tools", description: "Comprehensive maintenance guides to keep your machine in top shape.", buttonIcon: Wrench,
imageSrc: "http://img.b2bpic.net/free-photo/crop-man-drying-portafilter_23-2147775908.jpg"},
]} ]}
title="The Brewberry Difference" title="The Brewberry Difference"
description="Quality, sustainability, and convenience harmonized for your busy lifestyle." description="Quality, sustainability, and convenience harmonized for your busy lifestyle."
@@ -134,18 +82,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ { id: "c1", name: "Dark Roast Intense", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-roasted-coffee-beans-coffee-bean-shaped-cookies-dark-brown-surface_114579-5560.jpg" },
id: "c1", name: "Dark Roast Intense", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-roasted-coffee-beans-coffee-bean-shaped-cookies-dark-brown-surface_114579-5560.jpg"}, { id: "c2", name: "Nutty Breakfast", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/roasted-coffee-bean-pictures-concept_53876-16489.jpg" },
{ { id: "c3", name: "Fruity Origin", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/png-golden-coffee-capsule-isolated-white-background-close-up_185193-165944.jpg" },
id: "c2", name: "Nutty Breakfast", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/roasted-coffee-bean-pictures-concept_53876-16489.jpg"}, { id: "c4", name: "Light Morning Roast", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-beans-arrangement-beige-background_23-2148623199.jpg" },
{ { id: "c5", name: "Signature Blend", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/top-view-rice-composition-with-copyspace_23-2148130016.jpg" },
id: "c3", name: "Fruity Origin", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/png-golden-coffee-capsule-isolated-white-background-close-up_185193-165944.jpg"}, { id: "c6", name: "Reserve Dark", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/organic-coffee-beans-still-life_23-2151762414.jpg" },
{
id: "c4", name: "Light Morning Roast", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-beans-arrangement-beige-background_23-2148623199.jpg"},
{
id: "c5", name: "Signature Blend", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/top-view-rice-composition-with-copyspace_23-2148130016.jpg"},
{
id: "c6", name: "Reserve Dark", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/organic-coffee-beans-still-life_23-2151762414.jpg"},
]} ]}
title="Capsule Collection" title="Capsule Collection"
description="Explore our curated intense, nutty, and fruity profiles." description="Explore our curated intense, nutty, and fruity profiles."
@@ -159,60 +101,18 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ { id: "e1", name: "Pro Espresso Maker", price: "$599", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-empty-cup-coffee-machine_23-2148523017.jpg" },
id: "e1", name: "Pro Espresso Maker", price: "$599", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-empty-cup-coffee-machine_23-2148523017.jpg"}, { id: "e2", name: "Precision Grinder", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-person-making-drip-coffee_53876-24803.jpg" },
{ { id: "e3", name: "Barista Starter Kit", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/essential-kitchen-items-moody-backdrop_58702-17806.jpg" },
id: "e2", name: "Precision Grinder", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-person-making-drip-coffee_53876-24803.jpg"}, { id: "e4", name: "Tamper Set", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/containers-liquid-soap-shampoo-with-dispenser-is-sold-supermarket_169016-49694.jpg" },
{ { id: "e5", name: "Milk Frother Pro", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/espresso-machine-with-inserted-filter_23-2147834507.jpg" },
id: "e3", name: "Barista Starter Kit", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/essential-kitchen-items-moody-backdrop_58702-17806.jpg"}, { id: "e6", name: "Scale & Timer", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354575.jpg" },
{
id: "e4", name: "Tamper Set", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/containers-liquid-soap-shampoo-with-dispenser-is-sold-supermarket_169016-49694.jpg"},
{
id: "e5", name: "Milk Frother Pro", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/espresso-machine-with-inserted-filter_23-2147834507.jpg"},
{
id: "e6", name: "Scale & Timer", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354575.jpg"},
]} ]}
title="Equipment & Supplies" title="Equipment & Supplies"
description="High-end machines and premium accessories for home baristas." description="High-end machines and premium accessories for home baristas."
/> />
</div> </div>
<div id="subscription" data-section="subscription">
<PricingCardEight
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic", badge: "Essential", price: "$45/mo", subtitle: "Perfect for daily commuters", features: [
"30 Capsules", "Free shipping", "10% off"],
buttons: [
{
text: "Subscribe Now"},
],
},
{
id: "pro", badge: "Barista", price: "$85/mo", subtitle: "For coffee fanatics", features: [
"60 Capsules", "Free shipping", "15% off", "Exclusive early access"],
buttons: [
{
text: "Subscribe Now"},
],
},
{
id: "office", badge: "Team", price: "$160/mo", subtitle: "Best for home offices", features: [
"120 Capsules", "Free express shipping", "20% off", "Direct support"],
buttons: [
{
text: "Subscribe Now"},
],
},
]}
title="Subscribe & Save"
description="Never run out of your favorite coffee again. Save 15% on recurring orders."
/>
</div>
<div id="blog" data-section="blog"> <div id="blog" data-section="blog">
<BlogCardOne <BlogCardOne
animationType="slide-up" animationType="slide-up"
@@ -221,42 +121,17 @@ export default function LandingPage() {
title="Brew Guides" title="Brew Guides"
description="Professional tips to maintain your machine and perfect your brew." description="Professional tips to maintain your machine and perfect your brew."
blogs={[ blogs={[
{ { id: "b1", category: "Maintenance", title: "Keeping Your Pro Machine Like New", excerpt: "Follow our easy steps for daily cleaning to ensure perfect shots.", imageSrc: "http://img.b2bpic.net/free-photo/hands-preparing-coffee-close-up_23-2149045701.jpg", authorName: "Brewberry Team", authorAvatar: "http://img.b2bpic.net/free-photo/good-coffee-start-new-day-well_329181-10992.jpg", date: "Oct 12, 2023" },
id: "b1", category: "Maintenance", title: "Keeping Your Pro Machine Like New", excerpt: "Follow our easy steps for daily cleaning to ensure perfect shots.", imageSrc: "http://img.b2bpic.net/free-photo/hands-preparing-coffee-close-up_23-2149045701.jpg", authorName: "Brewberry Team", authorAvatar: "http://img.b2bpic.net/free-photo/good-coffee-start-new-day-well_329181-10992.jpg", date: "Oct 12, 2023"}, { id: "b2", category: "Technique", title: "The Art of Coffee Extraction", excerpt: "Mastering grind size and tamp pressure for the ultimate espresso.", imageSrc: "http://img.b2bpic.net/free-photo/barista-making-coffee-sand-istanbul-turkey_1268-21692.jpg", authorName: "Brewberry Team", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-woman-drawing-tablet_23-2149927581.jpg", date: "Nov 05, 2023" },
{ { id: "b3", category: "Tips", title: "Choosing Your Daily Roast", excerpt: "Understanding roast levels and how to find your perfect morning cup.", imageSrc: "http://img.b2bpic.net/free-photo/female-barista-pouring-coffee-transparent-glass_23-2148824466.jpg", authorName: "Brewberry Team", authorAvatar: "http://img.b2bpic.net/free-photo/talk-coffee-break_1098-16160.jpg", date: "Dec 01, 2023" },
id: "b2", category: "Technique", title: "The Art of Coffee Extraction", excerpt: "Mastering grind size and tamp pressure for the ultimate espresso.", imageSrc: "http://img.b2bpic.net/free-photo/barista-making-coffee-sand-istanbul-turkey_1268-21692.jpg", authorName: "Brewberry Team", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-woman-drawing-tablet_23-2149927581.jpg", date: "Nov 05, 2023"},
{
id: "b3", category: "Tips", title: "Choosing Your Daily Roast", excerpt: "Understanding roast levels and how to find your perfect morning cup.", imageSrc: "http://img.b2bpic.net/free-photo/female-barista-pouring-coffee-transparent-glass_23-2148824466.jpg", authorName: "Brewberry Team", authorAvatar: "http://img.b2bpic.net/free-photo/talk-coffee-break_1098-16160.jpg", date: "Dec 01, 2023"},
]} ]}
/> />
</div> </div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "t1", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-break_23-2148756282.jpg"},
{
id: "t2", name: "Sarah M.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-drinks-tea-works-laptop-freelancer-working-cafe_1321-4573.jpg"},
{
id: "t3", name: "Jordan L.", imageSrc: "http://img.b2bpic.net/free-photo/young-entrepreneur-wheelchair-thinking-something-while-working-home_637285-3010.jpg"},
{
id: "t4", name: "Mike D.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-guy-holding-mug_23-2148594464.jpg"},
{
id: "t5", name: "Chloe B.", imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-red-lips-trendy-manicure-holding-cup-tasty-coffee-enjoying-flavour-busy-day_197531-4639.jpg"},
]}
cardTitle="Loved by Coffee Enthusiasts"
cardTag="Reviews"
cardAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCenter <ContactCenter
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "sparkles-gradient" }}
variant: "sparkles-gradient"}}
tag="Join Us" tag="Join Us"
title="Get Brewberry Updates" title="Get Brewberry Updates"
description="Sign up for exclusive coffee tips and subscriber-only offers." description="Sign up for exclusive coffee tips and subscriber-only offers."
@@ -266,38 +141,10 @@ export default function LandingPage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoEmphasis
columns={[ columns={[
{ { items: [{ label: "Shop Capsules", href: "#capsules" }, { label: "Shop Machines", href: "#equipment" }] },
items: [ { items: [{ label: "Brew Guide", href: "#blog" }] },
{ { items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#" }] },
label: "Shop Capsules", href: "#capsules"}, { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
{
label: "Shop Machines", href: "#equipment"},
],
},
{
items: [
{
label: "Subscription", href: "#subscription"},
{
label: "Brew Guide", href: "#blog"},
],
},
{
items: [
{
label: "About Us", href: "#"},
{
label: "Contact", href: "#"},
],
},
{
items: [
{
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service", href: "#"},
],
},
]} ]}
logoText="Brewberry" logoText="Brewberry"
/> />