Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| cc34fdfe35 | |||
| 0fdc5d495a | |||
| 7ef5aa4537 |
229
src/app/page.tsx
229
src/app/page.tsx
@@ -8,9 +8,7 @@ import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwent
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { CheckCircle, Settings, Heart, Wrench } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -31,75 +29,33 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Capsules", id: "#capsules"},
|
||||
{
|
||||
name: "Equipment", id: "#equipment"},
|
||||
{
|
||||
name: "Subscription", id: "#subscription"},
|
||||
{
|
||||
name: "Brew Guide", id: "#blog"},
|
||||
{ name: "Capsules", id: "#capsules" },
|
||||
{ name: "Equipment", id: "#equipment" },
|
||||
{ name: "Brew Guide", id: "#blog" },
|
||||
]}
|
||||
brandName="Brewberry"
|
||||
button={{
|
||||
text: "Shop Now"}}
|
||||
button={{ text: "Shop Now" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
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."
|
||||
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={[
|
||||
{
|
||||
text: "Shop Capsules", href: "#capsules"},
|
||||
{
|
||||
text: "Explore Machines", href: "#equipment"},
|
||||
{ text: "Shop Capsules", href: "#capsules" },
|
||||
{ text: "Explore Machines", href: "#equipment" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-holding-cup-store-concept-choosing-dishes_169016-23448.jpg"
|
||||
avatars={[
|
||||
{
|
||||
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"},
|
||||
]}
|
||||
testimonials={[]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "100% Organic"},
|
||||
{
|
||||
type: "text", text: "Barista Certified"},
|
||||
{
|
||||
type: "text", text: "Fair Trade"},
|
||||
{
|
||||
type: "text", text: "Fast Shipping"},
|
||||
{
|
||||
type: "text", text: "Eco-Friendly"},
|
||||
{ type: "text", text: "100% Organic" },
|
||||
{ type: "text", text: "Barista Certified" },
|
||||
{ type: "text", text: "Fair Trade" },
|
||||
{ type: "text", text: "Fast Shipping" },
|
||||
{ type: "text", text: "Eco-Friendly" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -109,18 +65,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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: "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: "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: "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"
|
||||
description="Quality, sustainability, and convenience harmonized for your busy lifestyle."
|
||||
@@ -134,18 +82,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
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: "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: "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"},
|
||||
{ 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: "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"
|
||||
description="Explore our curated intense, nutty, and fruity profiles."
|
||||
@@ -159,60 +101,18 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
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: "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: "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"},
|
||||
{ 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: "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"
|
||||
description="High-end machines and premium accessories for home baristas."
|
||||
/>
|
||||
</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">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
@@ -221,42 +121,17 @@ export default function LandingPage() {
|
||||
title="Brew Guides"
|
||||
description="Professional tips to maintain your machine and perfect your brew."
|
||||
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: "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: "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" },
|
||||
]}
|
||||
/>
|
||||
</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">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Join Us"
|
||||
title="Get Brewberry Updates"
|
||||
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">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop Capsules", href: "#capsules"},
|
||||
{
|
||||
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: "#"},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Shop Capsules", href: "#capsules" }, { label: "Shop Machines", href: "#equipment" }] },
|
||||
{ items: [{ 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"
|
||||
/>
|
||||
@@ -305,4 +152,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user