Update src/app/page.tsx
This commit is contained in:
233
src/app/page.tsx
233
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Coffee",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Berry Brew"
|
||||
/>
|
||||
@@ -56,37 +44,14 @@ export default function LandingPage() {
|
||||
<HeroCarouselLogo
|
||||
logoText="Berry Brew"
|
||||
description="Experience the unique harmony of sun-ripened blackberries and premium roasted coffee beans."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Shop Now", href: "#products" }]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-chocolate-beans-wooden-board_114579-26533.jpg?_wi=1",
|
||||
imageAlt: "fresh roasted coffee beans with blackberries",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-delicious-rustic-summer-berry-tartles_114579-10247.jpg",
|
||||
imageAlt: "fresh roasted coffee beans with blackberries",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-orange-blackberries_23-2149433560.jpg",
|
||||
imageAlt: "fresh roasted coffee beans with blackberries",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ceramic-bowl-delicious-fresh-blueberries-glass-juice_114579-89097.jpg",
|
||||
imageAlt: "fresh roasted coffee beans with blackberries",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-with-blueberries-dry-cinnamon-plant-gray-surface-horizontal_176474-5093.jpg",
|
||||
imageAlt: "fresh roasted coffee beans with blackberries",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-background_23-2148116662.jpg",
|
||||
imageAlt: "fresh roasted coffee beans with blackberries",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-chocolate-beans-wooden-board_114579-26533.jpg", imageAlt: "fresh roasted coffee beans with blackberries" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/homemade-delicious-rustic-summer-berry-tartles_114579-10247.jpg", imageAlt: "fresh roasted coffee beans with blackberries" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-orange-blackberries_23-2149433560.jpg", imageAlt: "fresh roasted coffee beans with blackberries" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ceramic-bowl-delicious-fresh-blueberries-glass-juice_114579-89097.jpg", imageAlt: "fresh roasted coffee beans with blackberries" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-with-blueberries-dry-cinnamon-plant-gray-surface-horizontal_176474-5093.jpg", imageAlt: "fresh roasted coffee beans with blackberries" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-background_23-2148116662.jpg", imageAlt: "fresh roasted coffee beans with blackberries" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -99,7 +64,7 @@ export default function LandingPage() {
|
||||
description="We believe in the perfect blend of natural harvest and meticulous roasting."
|
||||
subdescription="Every bean is carefully selected and infused with the essence of wild blackberries."
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-baker-pours-grained-nuts-mold-filled-with-melted-chocolate-mass-preparation-tasty-cake-from-organic-chocolate-artisan-confectionery-sale_346278-668.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-baker-pours-grained-nuts-mold-filled-with-melted-chocolate-mass-preparation-tasty-cake-from-organic-chocolate-artisan-confectionery-sale_346278-668.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -111,28 +76,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Organic Harvest",
|
||||
description: "Hand-picked berries from sustainable farms.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Leaf,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-ripe-sweet-healthy-blackberry_114579-11677.jpg",
|
||||
imageAlt: "Tasty ripe sweet healthy blackberry.",
|
||||
title: "Organic Harvest", description: "Hand-picked berries from sustainable farms.", bentoComponent: "reveal-icon", icon: Leaf,
|
||||
},
|
||||
{
|
||||
title: "Slow Roasted",
|
||||
description: "Perfect flavor profile developed through patience.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Flame,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-chocolate-beans-wooden-board_114579-26533.jpg?_wi=2",
|
||||
imageAlt: "Tasty ripe sweet healthy blackberry.",
|
||||
title: "Slow Roasted", description: "Perfect flavor profile developed through patience.", bentoComponent: "reveal-icon", icon: Flame,
|
||||
},
|
||||
{
|
||||
title: "Fresh Sealed",
|
||||
description: "Preserved freshness delivered directly to your door.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-baker-pours-grained-nuts-mold-filled-with-melted-chocolate-mass-preparation-tasty-cake-from-organic-chocolate-artisan-confectionery-sale_346278-668.jpg?_wi=2",
|
||||
imageAlt: "Tasty ripe sweet healthy blackberry.",
|
||||
title: "Fresh Sealed", description: "Preserved freshness delivered directly to your door.", bentoComponent: "reveal-icon", icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
title="Why Berry Brew?"
|
||||
@@ -147,42 +97,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Blackberry Roast",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/floral-coffee-list-template_23-2147498974.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Midnight Blackberry",
|
||||
price: "$20",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/premium-golden-vertical-banners-card-set_1017-19814.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Wild Harvest Blend",
|
||||
price: "$19",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-small-dark-globose-astringent-fruit-sloes-burlap-bag-blue-background_141793-20482.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Morning Berry Press",
|
||||
price: "$17",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-blackberry-bowl-with-white-flower-white-checkered-towel-red-surface_141793-18505.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Reserve Blackberry",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/golden-triangle-flyers-desig_1375-159.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Berry Decaf Blend",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/elegant-golden-business-template-set-with-texture-design_1035-13984.jpg",
|
||||
},
|
||||
{ id: "1", name: "Blackberry Roast", price: "$18", imageSrc: "http://img.b2bpic.net/free-vector/floral-coffee-list-template_23-2147498974.jpg" },
|
||||
{ id: "2", name: "Midnight Blackberry", price: "$20", imageSrc: "http://img.b2bpic.net/free-vector/premium-golden-vertical-banners-card-set_1017-19814.jpg" },
|
||||
{ id: "3", name: "Wild Harvest Blend", price: "$19", imageSrc: "http://img.b2bpic.net/free-photo/top-view-small-dark-globose-astringent-fruit-sloes-burlap-bag-blue-background_141793-20482.jpg" },
|
||||
{ id: "4", name: "Morning Berry Press", price: "$17", imageSrc: "http://img.b2bpic.net/free-photo/top-view-blackberry-bowl-with-white-flower-white-checkered-towel-red-surface_141793-18505.jpg" },
|
||||
{ id: "5", name: "Reserve Blackberry", price: "$25", imageSrc: "http://img.b2bpic.net/free-vector/golden-triangle-flyers-desig_1375-159.jpg" },
|
||||
{ id: "6", name: "Berry Decaf Blend", price: "$18", imageSrc: "http://img.b2bpic.net/free-vector/elegant-golden-business-template-set-with-texture-design_1035-13984.jpg" },
|
||||
]}
|
||||
title="Our Signature Blends"
|
||||
description="Elevate your daily coffee ritual with our curated selection."
|
||||
@@ -196,46 +116,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Foodie",
|
||||
company: "Home Brewer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-drawing-cup-coffee-notebook_158595-664.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
role: "Daily Drinker",
|
||||
company: "Tech Specialist",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carefree-girl-with-brown-makeup-drinking-tea-balcony-photo-pleasant-brunette-woman-knitted-dress-enjoying-coffee_197531-11385.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Smith",
|
||||
role: "Barista",
|
||||
company: "Artisan Café",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/french-woman-cafe-drinking-latte_1303-25704.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Jones",
|
||||
role: "Customer",
|
||||
company: "Coffee Blogger",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-teenage-girl-holding-coffee-cup_23-2147906553.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Laura White",
|
||||
role: "Coffee Fan",
|
||||
company: "Creative",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-drinking-coffee_23-2148366534.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", role: "Foodie", company: "Home Brewer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-drawing-cup-coffee-notebook_158595-664.jpg" },
|
||||
{ id: "2", name: "John Doe", role: "Daily Drinker", company: "Tech Specialist", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/carefree-girl-with-brown-makeup-drinking-tea-balcony-photo-pleasant-brunette-woman-knitted-dress-enjoying-coffee_197531-11385.jpg" },
|
||||
{ id: "3", name: "Elena Smith", role: "Barista", company: "Artisan Café", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/french-woman-cafe-drinking-latte_1303-25704.jpg" },
|
||||
{ id: "4", name: "Mark Jones", role: "Customer", company: "Coffee Blogger", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-teenage-girl-holding-coffee-cup_23-2147906553.jpg" },
|
||||
{ id: "5", name: "Laura White", role: "Coffee Fan", company: "Creative", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-drinking-coffee_23-2148366534.jpg" },
|
||||
]}
|
||||
title="Loved by Coffee Enthusiasts"
|
||||
description="Real feedback from our satisfied coffee drinkers."
|
||||
@@ -247,21 +132,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do we get the berry flavor?",
|
||||
content: "We infuse our coffee beans with natural blackberry extract during the roasting process.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is it organic?",
|
||||
content: "Yes, our beans and berries are ethically and organically sourced.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "How long is it fresh?",
|
||||
content: "Once opened, consume within 2 weeks for peak flavor profile.",
|
||||
},
|
||||
{ id: "1", title: "How do we get the berry flavor?", content: "We infuse our coffee beans with natural blackberry extract during the roasting process." },
|
||||
{ id: "2", title: "Is it organic?", content: "Yes, our beans and berries are ethically and organically sourced." },
|
||||
{ id: "3", title: "How long is it fresh?", content: "Once opened, consume within 2 weeks for peak flavor profile." },
|
||||
]}
|
||||
title="Common Queries"
|
||||
description="Get answers to your questions about our coffee."
|
||||
@@ -275,24 +148,10 @@ export default function LandingPage() {
|
||||
title="Get in Touch"
|
||||
description="Have questions or bulk orders? We'd love to help."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your needs...",
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your needs...", required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -300,32 +159,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Berry Brew",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Berry Brew", items: [{ label: "About Us", href: "#about" }, { label: "Shop", href: "#products" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Berry Brew. All rights reserved."
|
||||
bottomRightText="Crafted with love."
|
||||
|
||||
Reference in New Issue
Block a user