Merge version_1 into main #2
272
src/app/page.tsx
272
src/app/page.tsx
@@ -32,50 +32,28 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Our Process",
|
||||
id: "process",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Our Process", id: "process" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Bean Haven"
|
||||
button={{ text: "Visit Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Awaken Your Senses"
|
||||
description="Artisan roasted coffee, carefully sourced beans, and the perfect pour in every cup. Join us for a moment of quiet in your busy day."
|
||||
tag="Since 2012"
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Explore Beans",
|
||||
href: "#menu",
|
||||
},
|
||||
{ text: "Visit Us", href: "#contact" },
|
||||
{ text: "Explore Beans", href: "#menu" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-barista-making-latte-art_53876-13485.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-barista-making-latte-art_53876-13485.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -86,20 +64,11 @@ export default function LandingPage() {
|
||||
title="Our Passion for Perfection"
|
||||
description="We believe coffee is more than just a morning routine—it's an experience. From sourcing ethically grown beans to the final extraction, we control every detail to ensure excellence in every sip."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Sustainably Sourced",
|
||||
description: "Working directly with farmers to ensure fair trade and high quality.",
|
||||
},
|
||||
{
|
||||
title: "Precision Roasting",
|
||||
description: "Small batches roasted daily for maximum freshness and flavor.",
|
||||
},
|
||||
{
|
||||
title: "Expert Baristas",
|
||||
description: "Trained professionals who master the science of the perfect extraction.",
|
||||
},
|
||||
{ title: "Sustainably Sourced", description: "Working directly with farmers to ensure fair trade and high quality." },
|
||||
{ title: "Precision Roasting", description: "Small batches roasted daily for maximum freshness and flavor." },
|
||||
{ title: "Expert Baristas", description: "Trained professionals who master the science of the perfect extraction." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tools-used-process-coffee-making_23-2150187563.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tools-used-process-coffee-making_23-2150187563.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -111,42 +80,12 @@ export default function LandingPage() {
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ethiopian Heirloom",
|
||||
price: "$6.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-bowls-metal-spoon-sackcloth-dark-surface_176474-502.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Signature Espresso",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-process-making-espresso-professional-coffee-machine_169016-18058.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Cold Brew Reserve",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-kombucha-bottles-jars-assortment_23-2149703994.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Velvet Oat Latte",
|
||||
price: "$5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-coffee-with-decorative-star_1232-1255.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Seasonal Drip",
|
||||
price: "$3.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-smoke-illustrated_23-2151234867.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Handmade Mocha",
|
||||
price: "$5.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-jar-milky-chocolate-cocktail_114579-10385.jpg",
|
||||
},
|
||||
{ id: "1", name: "Ethiopian Heirloom", price: "$6.50", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-bowls-metal-spoon-sackcloth-dark-surface_176474-502.jpg" },
|
||||
{ id: "2", name: "Signature Espresso", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-process-making-espresso-professional-coffee-machine_169016-18058.jpg" },
|
||||
{ id: "3", name: "Cold Brew Reserve", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-kombucha-bottles-jars-assortment_23-2149703994.jpg" },
|
||||
{ id: "4", name: "Velvet Oat Latte", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/tasty-coffee-with-decorative-star_1232-1255.jpg" },
|
||||
{ id: "5", name: "Seasonal Drip", price: "$3.75", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-smoke-illustrated_23-2151234867.jpg" },
|
||||
{ id: "6", name: "Handmade Mocha", price: "$5.75", imageSrc: "http://img.b2bpic.net/free-photo/glass-jar-milky-chocolate-cocktail_114579-10385.jpg" },
|
||||
]}
|
||||
title="Signature Brews"
|
||||
description="Hand-crafted coffee favorites, ranging from single-origin pour overs to velvety lattes."
|
||||
@@ -160,52 +99,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Sorting",
|
||||
description: "Selecting only the finest beans.",
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Quality check",
|
||||
},
|
||||
],
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concept-tasty-snack-hot-drink-cookies-shape-coffee-seeds_185193-110871.jpg",
|
||||
},
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-barista-making-latte-art_53876-13485.jpg?_wi=2",
|
||||
imageAlt: "sorting raw green coffee beans",
|
||||
title: "Sorting", description: "Selecting only the finest beans.", items: [{ icon: CheckCircle, text: "Quality check" }],
|
||||
media: { imageSrc: "http://img.b2bpic.net/free-photo/concept-tasty-snack-hot-drink-cookies-shape-coffee-seeds_185193-110871.jpg" },
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Roasting",
|
||||
description: "Deep flavor development.",
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Temperature controlled",
|
||||
},
|
||||
],
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-producing-craft-beer_23-2148110970.jpg",
|
||||
},
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-used-process-coffee-making_23-2150187563.jpg?_wi=2",
|
||||
imageAlt: "sorting raw green coffee beans",
|
||||
title: "Roasting", description: "Deep flavor development.", items: [{ icon: Zap, text: "Temperature controlled" }],
|
||||
media: { imageSrc: "http://img.b2bpic.net/free-photo/woman-producing-craft-beer_23-2148110970.jpg" },
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Brewing",
|
||||
description: "The perfect extraction.",
|
||||
items: [
|
||||
{
|
||||
icon: Award,
|
||||
text: "Perfect extraction",
|
||||
},
|
||||
],
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-milk-poured-coffee-cup_23-2148366658.jpg",
|
||||
},
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-bowls-metal-spoon-sackcloth-dark-surface_176474-502.jpg?_wi=2",
|
||||
imageAlt: "sorting raw green coffee beans",
|
||||
title: "Brewing", description: "The perfect extraction.", items: [{ icon: Award, text: "Perfect extraction" }],
|
||||
media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-milk-poured-coffee-cup_23-2148366658.jpg" },
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="The Journey to Your Cup"
|
||||
@@ -219,41 +125,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
handle: "@alicedrinks",
|
||||
testimonial: "The best coffee in town. Perfectly balanced flavors every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-asian-woman-with-smartphone-relaxing-cafe-sitting-enjoying-coffee-while-using-mobile-phone_1258-122952.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Brian K.",
|
||||
handle: "@b_brew",
|
||||
testimonial: "Their oat latte is a masterpiece. Friendly service too.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-cool-funny-teenage-woman-going-crazy-checkered-shirt-holding-plastic-coffee-cup_158538-8194.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Cara D.",
|
||||
handle: "@caracoffee",
|
||||
testimonial: "I love the cozy atmosphere. It is my favorite place to work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
handle: "@d_roaster",
|
||||
testimonial: "Unbeatable freshness. The single-origin pour overs are gold.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-roasted-coffee-beans_74855-19964.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena S.",
|
||||
handle: "@es_caffeine",
|
||||
testimonial: "Consistent, delicious, and friendly. Simply the best.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-young-woman-isolated_273609-36146.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alice M.", handle: "@alicedrinks", testimonial: "The best coffee in town. Perfectly balanced flavors every time.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-asian-woman-with-smartphone-relaxing-cafe-sitting-enjoying-coffee-while-using-mobile-phone_1258-122952.jpg" },
|
||||
{ id: "2", name: "Brian K.", handle: "@b_brew", testimonial: "Their oat latte is a masterpiece. Friendly service too.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-cool-funny-teenage-woman-going-crazy-checkered-shirt-holding-plastic-coffee-cup_158538-8194.jpg" },
|
||||
{ id: "3", name: "Cara D.", handle: "@caracoffee", testimonial: "I love the cozy atmosphere. It is my favorite place to work.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg" },
|
||||
{ id: "4", name: "David W.", handle: "@d_roaster", testimonial: "Unbeatable freshness. The single-origin pour overs are gold.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-roasted-coffee-beans_74855-19964.jpg" },
|
||||
{ id: "5", name: "Elena S.", handle: "@es_caffeine", testimonial: "Consistent, delicious, and friendly. Simply the best.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-young-woman-isolated_273609-36146.jpg" },
|
||||
]}
|
||||
title="Voices of the Community"
|
||||
description="Hear what our regulars say about their daily brew."
|
||||
@@ -266,21 +142,9 @@ export default function LandingPage() {
|
||||
title="By the Numbers"
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "12k+",
|
||||
description: "Cups served monthly",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45+",
|
||||
description: "Sourced origins",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Fairly traded beans",
|
||||
},
|
||||
{ id: "m1", value: "12k+", description: "Cups served monthly" },
|
||||
{ id: "m2", value: "45+", description: "Sourced origins" },
|
||||
{ id: "m3", value: "100%", description: "Fairly traded beans" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -290,26 +154,13 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer wholesale?",
|
||||
content: "Yes, we work with businesses locally.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I buy beans online?",
|
||||
content: "Yes, we offer subscription options.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What's the best brewing method?",
|
||||
content: "It depends on your bean choice!",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer wholesale?", content: "Yes, we work with businesses locally." },
|
||||
{ id: "f2", title: "Can I buy beans online?", content: "Yes, we offer subscription options." },
|
||||
{ id: "f3", title: "What's the best brewing method?", content: "It depends on your bean choice!" },
|
||||
]}
|
||||
sideTitle="Need help?"
|
||||
sideDescription="Check our frequently asked questions for quick answers."
|
||||
faqsAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -319,21 +170,10 @@ export default function LandingPage() {
|
||||
title="Get in Touch"
|
||||
description="We are located at 123 Coffee Street, Downtown. Come by for a brew, or drop us a message below."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we help?" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bicycle-city-health-leisure-town-urban-vehicle_53876-23383.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -343,29 +183,15 @@ export default function LandingPage() {
|
||||
logoText="Bean Haven"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Roasts",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Subscriptions",
|
||||
href: "#",
|
||||
},
|
||||
title: "Menu", items: [
|
||||
{ label: "Roasts", href: "#menu" },
|
||||
{ label: "Subscriptions", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "Our Story", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user