Merge version_1 into main #1
275
src/app/page.tsx
275
src/app/page.tsx
@@ -33,33 +33,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="J5 Coffee"
|
||||
/>
|
||||
@@ -68,42 +54,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Experience the Richness of J5 Coffee"
|
||||
description="Crafting exceptional coffee moments with passion and precision. Taste the difference in every cup."
|
||||
tag="Brewing Perfection"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Our Beans",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Shop Our Beans", href: "#menu"},
|
||||
{
|
||||
text: "Find a Location",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Find a Location", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-organic-coffee-still-life_23-2151762352.jpg",
|
||||
imageAlt: "Freshly roasted J5 Coffee beans",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-organic-coffee-still-life_23-2151762352.jpg", imageAlt: "Freshly roasted J5 Coffee beans"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-business-concept-handsome-bearded-man-apron-making-coffee-while-standing-cafe_1258-103897.jpg",
|
||||
imageAlt: "Barista making latte art",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fragrant-coffee-beans-are-scattered-from-jar-rustic-tabletop-background-closeup-selective-focus-copy-space-banner_166373-2309.jpg",
|
||||
imageAlt: "Fragrant coffee beans are scattered from a jar on a rustic tabletop background Closeup selective focus Copy space banner",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-beans-cup-cutting-board_23-2148759290.jpg",
|
||||
imageAlt: "High angle coffee beans in cup on cutting board",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-ground-powder_114579-65435.jpg",
|
||||
imageAlt: "Coffee beans and ground powder.",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-business-concept-handsome-bearded-man-apron-making-coffee-while-standing-cafe_1258-103897.jpg", imageAlt: "Barista making latte art"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -120,17 +85,11 @@ export default function LandingPage() {
|
||||
description="At J5 Coffee, we believe that great coffee starts with great beans. Sourced from sustainable farms worldwide, our beans are meticulously roasted to unlock their unique flavors. Join us on a journey to discover your perfect brew."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Sustainable Sourcing",
|
||||
description: "We partner with farms committed to ethical practices and environmental stewardship, ensuring quality from origin to cup.",
|
||||
},
|
||||
title: "Sustainable Sourcing", description: "We partner with farms committed to ethical practices and environmental stewardship, ensuring quality from origin to cup."},
|
||||
{
|
||||
title: "Artisan Roasting",
|
||||
description: "Our expert roasters craft each batch to perfection, highlighting the natural characteristics of every bean.",
|
||||
},
|
||||
title: "Artisan Roasting", description: "Our expert roasters craft each batch to perfection, highlighting the natural characteristics of every bean."},
|
||||
{
|
||||
title: "Community Focus",
|
||||
description: "J5 Coffee is more than a drink; it's a place for connection, conversation, and shared moments.",
|
||||
},
|
||||
title: "Community Focus", description: "J5 Coffee is more than a drink; it's a place for connection, conversation, and shared moments."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-fresh-organic-arabica-coffee-berry-ripening-tree-plantation-with-copy-space-fresh-coffee-red-berry-branch_1150-61455.jpg"
|
||||
imageAlt="Coffee farm in the mountains"
|
||||
@@ -146,23 +105,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Masterful Roasts",
|
||||
description: "Experience our carefully curated selection of single-origin and blended coffees, roasted daily for peak flavor.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-container_23-2148173321.jpg",
|
||||
imageAlt: "Coffee beans in a roaster",
|
||||
},
|
||||
title: "Masterful Roasts", description: "Experience our carefully curated selection of single-origin and blended coffees, roasted daily for peak flavor.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-container_23-2148173321.jpg", imageAlt: "Coffee beans in a roaster"},
|
||||
{
|
||||
title: "Cozy Atmosphere",
|
||||
description: "Relax in our warm, welcoming cafes, perfect for working, socializing, or simply enjoying a moment of peace.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-having-coffee-restaurant_23-2148172665.jpg",
|
||||
imageAlt: "Interior of a cozy coffee shop",
|
||||
},
|
||||
title: "Cozy Atmosphere", description: "Relax in our warm, welcoming cafes, perfect for working, socializing, or simply enjoying a moment of peace.", imageSrc: "http://img.b2bpic.net/free-photo/boy-having-coffee-restaurant_23-2148172665.jpg", imageAlt: "Interior of a cozy coffee shop"},
|
||||
{
|
||||
title: "Expert Baristas",
|
||||
description: "Our passionate baristas are dedicated to crafting your perfect drink, with precision and a friendly smile.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-business-executive-using-wireless-device-cafe_1098-19143.jpg",
|
||||
imageAlt: "Barista making coffee",
|
||||
},
|
||||
title: "Expert Baristas", description: "Our passionate baristas are dedicated to crafting your perfect drink, with precision and a friendly smile.", imageSrc: "http://img.b2bpic.net/free-photo/cropped-business-executive-using-wireless-device-cafe_1098-19143.jpg", imageAlt: "Barista making coffee"},
|
||||
]}
|
||||
title="Our Signature Coffee Experiences"
|
||||
description="Discover what makes J5 Coffee truly special, from our diverse blends to our inviting atmosphere."
|
||||
@@ -177,53 +124,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Espresso Roast",
|
||||
price: "$18.00",
|
||||
variant: "12oz bag",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-books_23-2148251573.jpg",
|
||||
imageAlt: "Bag of Espresso Roast coffee",
|
||||
},
|
||||
id: "p1", name: "Espresso Roast", price: "$18.00", variant: "12oz bag", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-books_23-2148251573.jpg", imageAlt: "Bag of Espresso Roast coffee"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Morning Blend",
|
||||
price: "$16.50",
|
||||
variant: "12oz bag",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244092.jpg",
|
||||
imageAlt: "Bag of Morning Blend coffee",
|
||||
},
|
||||
id: "p2", name: "Morning Blend", price: "$16.50", variant: "12oz bag", imageSrc: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244092.jpg", imageAlt: "Bag of Morning Blend coffee"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Decaf Delight",
|
||||
price: "$19.00",
|
||||
variant: "12oz bag",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-powder-wooden-spoons_114579-20014.jpg",
|
||||
imageAlt: "Bag of Decaf Delight coffee",
|
||||
},
|
||||
id: "p3", name: "Decaf Delight", price: "$19.00", variant: "12oz bag", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-powder-wooden-spoons_114579-20014.jpg", imageAlt: "Bag of Decaf Delight coffee"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cold Brew Concentrate",
|
||||
price: "$14.00",
|
||||
variant: "32oz bottle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/making-coffee-process-home_23-2148937310.jpg",
|
||||
imageAlt: "Bottle of Cold Brew Concentrate",
|
||||
},
|
||||
id: "p4", name: "Cold Brew Concentrate", price: "$14.00", variant: "32oz bottle", imageSrc: "http://img.b2bpic.net/free-photo/making-coffee-process-home_23-2148937310.jpg", imageAlt: "Bottle of Cold Brew Concentrate"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Seasonal Reserve",
|
||||
price: "$22.00",
|
||||
variant: "Limited Edition",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tick-tack-toe-with-coffee-beans-cup-cookies-cinnamon-red-pepper_8353-1505.jpg",
|
||||
imageAlt: "Bag of Seasonal Reserve coffee",
|
||||
},
|
||||
id: "p5", name: "Seasonal Reserve", price: "$22.00", variant: "Limited Edition", imageSrc: "http://img.b2bpic.net/free-photo/tick-tack-toe-with-coffee-beans-cup-cookies-cinnamon-red-pepper_8353-1505.jpg", imageAlt: "Bag of Seasonal Reserve coffee"},
|
||||
{
|
||||
id: "p6",
|
||||
price: "$25.00",
|
||||
name: "J5 Travel Mug",
|
||||
variant: "16oz Stainless",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-tumbler-autumn-scenery_23-2152013824.jpg",
|
||||
imageAlt: "J5 Coffee branded travel mug",
|
||||
},
|
||||
id: "p6", price: "$25.00", name: "J5 Travel Mug", variant: "16oz Stainless", imageSrc: "http://img.b2bpic.net/free-photo/blue-tumbler-autumn-scenery_23-2152013824.jpg", imageAlt: "J5 Coffee branded travel mug"},
|
||||
]}
|
||||
title="Explore Our Premium Coffee Selection"
|
||||
description="From single-origin delights to signature blends, find your next favorite cup."
|
||||
@@ -237,40 +148,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "daily",
|
||||
badge: "Cafe Visit",
|
||||
price: "From $3.50",
|
||||
subtitle: "Per Cup",
|
||||
features: [
|
||||
"Any hot or iced coffee",
|
||||
"Pastry add-on option",
|
||||
"Available at all locations",
|
||||
],
|
||||
id: "daily", badge: "Cafe Visit", price: "From $3.50", subtitle: "Per Cup", features: [
|
||||
"Any hot or iced coffee", "Pastry add-on option", "Available at all locations"],
|
||||
},
|
||||
{
|
||||
id: "weekly-sub",
|
||||
badge: "Popular",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$28.00",
|
||||
subtitle: "Per Week",
|
||||
features: [
|
||||
"1lb bag of fresh beans weekly",
|
||||
"Free local delivery",
|
||||
"Exclusive seasonal samples",
|
||||
],
|
||||
id: "weekly-sub", badge: "Popular", badgeIcon: Sparkles,
|
||||
price: "$28.00", subtitle: "Per Week", features: [
|
||||
"1lb bag of fresh beans weekly", "Free local delivery", "Exclusive seasonal samples"],
|
||||
},
|
||||
{
|
||||
id: "monthly-pro",
|
||||
badge: "Best Value",
|
||||
badgeIcon: Award,
|
||||
price: "$99.00",
|
||||
subtitle: "Per Month",
|
||||
features: [
|
||||
"4lb bags of diverse blends monthly",
|
||||
"Custom grind options",
|
||||
"Early access to new roasts",
|
||||
"Special discounts on merchandise",
|
||||
],
|
||||
id: "monthly-pro", badge: "Best Value", badgeIcon: Award,
|
||||
price: "$99.00", subtitle: "Per Month", features: [
|
||||
"4lb bags of diverse blends monthly", "Custom grind options", "Early access to new roasts", "Special discounts on merchandise"],
|
||||
},
|
||||
]}
|
||||
title="Our Coffee Menu & Subscription Plans"
|
||||
@@ -285,64 +174,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Marketing Specialist",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glad-curly-haired-afro-american-woman-drinks-aromatic-coffee-from-disposable-cup-has-interesting-happy-conversation-smiles-toothily-wears-casual-clothes-isolated-vivid-green-wall_273609-39736.jpg",
|
||||
imageAlt: "satisfied customer smiling coffee shop",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Marketing Specialist", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glad-curly-haired-afro-american-woman-drinks-aromatic-coffee-from-disposable-cup-has-interesting-happy-conversation-smiles-toothily-wears-casual-clothes-isolated-vivid-green-wall_273609-39736.jpg", imageAlt: "satisfied customer smiling coffee shop"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Software Engineer",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cafe-having-lunch-talking-phone_1303-14741.jpg",
|
||||
imageAlt: "man working on laptop in coffee shop",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Software Engineer", company: "InnovateLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cafe-having-lunch-talking-phone_1303-14741.jpg", imageAlt: "man working on laptop in coffee shop"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Freelance Designer",
|
||||
company: "CreativeFlow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multicultural-friends-laughing-together-indoors_23-2148422438.jpg",
|
||||
imageAlt: "friends laughing drinking coffee together",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Freelance Designer", company: "CreativeFlow", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multicultural-friends-laughing-together-indoors_23-2148422438.jpg", imageAlt: "friends laughing drinking coffee together"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Small Business Owner",
|
||||
company: "LocalBites",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-expressive-woman_344912-2050.jpg",
|
||||
imageAlt: "elderly woman relaxing with coffee book",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Small Business Owner", company: "LocalBites", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-expressive-woman_344912-2050.jpg", imageAlt: "elderly woman relaxing with coffee book"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "University Student",
|
||||
company: "CampusLife",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-coffee-work_1150-115.jpg",
|
||||
imageAlt: "young creative person sipping coffee studio",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", role: "University Student", company: "CampusLife", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-coffee-work_1150-115.jpg", imageAlt: "young creative person sipping coffee studio"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Daily Customers",
|
||||
},
|
||||
value: "500+", label: "Daily Customers"},
|
||||
{
|
||||
value: "10+",
|
||||
label: "Years of Craft",
|
||||
},
|
||||
value: "10+", label: "Years of Craft"},
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "4.9", label: "Average Rating"},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Hear from our passionate community of coffee lovers who make J5 Coffee a part of their daily ritual."
|
||||
@@ -354,28 +207,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "What types of coffee beans do you offer?",
|
||||
content: "J5 Coffee offers a diverse selection including single-origin, signature blends, and decaf options. We feature beans from various regions, each with a unique flavor profile. Our seasonal reserve introduces new and exciting limited-edition roasts throughout the year.",
|
||||
},
|
||||
id: "faq1", title: "What types of coffee beans do you offer?", content: "J5 Coffee offers a diverse selection including single-origin, signature blends, and decaf options. We feature beans from various regions, each with a unique flavor profile. Our seasonal reserve introduces new and exciting limited-edition roasts throughout the year."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Can I subscribe to receive coffee regularly?",
|
||||
content: "Absolutely! We offer flexible weekly and monthly subscription plans tailored to your coffee consumption. Subscribers enjoy fresh beans delivered to their doorstep, free local delivery, and exclusive access to new roasts and special discounts.",
|
||||
},
|
||||
id: "faq2", title: "Can I subscribe to receive coffee regularly?", content: "Absolutely! We offer flexible weekly and monthly subscription plans tailored to your coffee consumption. Subscribers enjoy fresh beans delivered to their doorstep, free local delivery, and exclusive access to new roasts and special discounts."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Do you offer any dairy-free milk alternatives?",
|
||||
content: "Yes, we proudly offer a range of dairy-free milk alternatives including oat milk, almond milk, and soy milk, ensuring everyone can enjoy their favorite coffee creations. Just let our baristas know your preference!",
|
||||
},
|
||||
id: "faq3", title: "Do you offer any dairy-free milk alternatives?", content: "Yes, we proudly offer a range of dairy-free milk alternatives including oat milk, almond milk, and soy milk, ensuring everyone can enjoy their favorite coffee creations. Just let our baristas know your preference!"},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Find answers to common questions about our coffee, services, and locations."
|
||||
buttons={[
|
||||
{
|
||||
text: "See All FAQs",
|
||||
href: "#",
|
||||
},
|
||||
text: "See All FAQs", href: "#"},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textPosition="left"
|
||||
@@ -386,20 +228,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Visit Us or Order Online"
|
||||
description="We'd love to hear from you! Stop by one of our welcoming locations or reach out to us directly for any inquiries."
|
||||
buttons={[
|
||||
{
|
||||
text: "Find Our Stores",
|
||||
href: "#",
|
||||
},
|
||||
text: "Find Our Stores", href: "#"},
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -408,13 +245,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="J5 Coffee"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user