Merge version_1 into main #1
257
src/app/page.tsx
257
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Coffee",
|
||||
id: "products",
|
||||
},
|
||||
name: "Coffee", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Elysian Brew"
|
||||
/>
|
||||
@@ -55,65 +47,40 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Awaken Your Senses"
|
||||
description="Indulge in the finest artisanal roasts, meticulously curated for the discerning palate in an atmosphere of pure luxury."
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Discover Menu", href: "#products"},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/old-grinder-coffee-beans_23-2147747269.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/preparing-sake-japanese-beverage_23-2150158653.jpg",
|
||||
alt: "Preparing sake japanese beverage",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/preparing-sake-japanese-beverage_23-2150158653.jpg", alt: "Preparing sake japanese beverage"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-vintage-coffee-grinder_23-2150315145.jpg",
|
||||
alt: "View of vintage coffee grinder",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-vintage-coffee-grinder_23-2150315145.jpg", alt: "View of vintage coffee grinder"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/inside-craft-beer-factory_23-2150573922.jpg",
|
||||
alt: "Inside a craft beer factory",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/inside-craft-beer-factory_23-2150573922.jpg", alt: "Inside a craft beer factory"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17743.jpg",
|
||||
alt: "Everyday bath utensils on dark marble background",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17743.jpg", alt: "Everyday bath utensils on dark marble background"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/women-drinking-coffee_23-2148006750.jpg",
|
||||
alt: "Women drinking coffee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/women-drinking-coffee_23-2148006750.jpg", alt: "Women drinking coffee"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal",
|
||||
},
|
||||
type: "text", text: "Artisanal"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury",
|
||||
},
|
||||
type: "text", text: "Luxury"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Rare",
|
||||
},
|
||||
type: "text", text: "Rare"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethical",
|
||||
},
|
||||
type: "text", text: "Ethical"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision",
|
||||
},
|
||||
type: "text", text: "Precision"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,17 +92,11 @@ export default function LandingPage() {
|
||||
description="Elysian Brew represents the pinnacle of coffee culture, sourcing rare beans globally and perfecting the roast for an unparalleled drinking experience."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "15+", title: "Years Experience"},
|
||||
{
|
||||
value: "24",
|
||||
title: "Rare Origins",
|
||||
},
|
||||
value: "24", title: "Rare Origins"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Artisan Quality",
|
||||
},
|
||||
value: "100%", title: "Artisan Quality"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-barista-preparing-coffee_23-2149045782.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -150,29 +111,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Precision Roasting",
|
||||
descriptions: [
|
||||
"Expert roast profiles tailored for every single bean.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-barista-pouring-coffee_23-2147795713.jpg",
|
||||
},
|
||||
id: "f1", title: "Precision Roasting", descriptions: [
|
||||
"Expert roast profiles tailored for every single bean."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-barista-pouring-coffee_23-2147795713.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Ethical Sourcing",
|
||||
descriptions: [
|
||||
"Direct trade partnerships ensuring sustainability.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cafe-counter-with-barista-girl-working-with-coffee-machine-making-order-client_1258-203418.jpg",
|
||||
},
|
||||
id: "f2", title: "Ethical Sourcing", descriptions: [
|
||||
"Direct trade partnerships ensuring sustainability."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cafe-counter-with-barista-girl-working-with-coffee-machine-making-order-client_1258-203418.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Artisanal Service",
|
||||
descriptions: [
|
||||
"Crafted coffee delivered with exceptional care.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-concept-bag-coffee-beans_23-2147671406.jpg",
|
||||
},
|
||||
id: "f3", title: "Artisanal Service", descriptions: [
|
||||
"Crafted coffee delivered with exceptional care."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-concept-bag-coffee-beans_23-2147671406.jpg"},
|
||||
]}
|
||||
title="The Art of Coffee"
|
||||
description="From soil to sip, we ensure every detail meets the highest standards of luxury."
|
||||
@@ -181,52 +130,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Midnight Roast",
|
||||
price: "$38",
|
||||
variant: "250g",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tool-used-coffee-machine-coffee-making-process_23-2150187556.jpg",
|
||||
},
|
||||
id: "p1", name: "Midnight Roast", price: "$38", variant: "250g", imageSrc: "http://img.b2bpic.net/free-photo/tool-used-coffee-machine-coffee-making-process_23-2150187556.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Dawn Essence",
|
||||
price: "$42",
|
||||
variant: "250g",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-freshly-ground-coffee-manual-grinder-bag-coffee-beans-nuts-cinnamonnd-pineapple-white_346278-1119.jpg",
|
||||
},
|
||||
id: "p2", name: "Dawn Essence", price: "$42", variant: "250g", imageSrc: "http://img.b2bpic.net/free-photo/composition-freshly-ground-coffee-manual-grinder-bag-coffee-beans-nuts-cinnamonnd-pineapple-white_346278-1119.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Golden Brew",
|
||||
price: "$45",
|
||||
variant: "Bottle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-kombucha-bottle-grapes-arrangement_23-2149757693.jpg",
|
||||
},
|
||||
id: "p3", name: "Golden Brew", price: "$45", variant: "Bottle", imageSrc: "http://img.b2bpic.net/free-photo/delicious-kombucha-bottle-grapes-arrangement_23-2149757693.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Velvet Espress",
|
||||
price: "$35",
|
||||
variant: "Tin",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-natural-argan-seeds_23-2149016621.jpg",
|
||||
},
|
||||
id: "p4", name: "Velvet Espress", price: "$35", variant: "Tin", imageSrc: "http://img.b2bpic.net/free-photo/composition-natural-argan-seeds_23-2149016621.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Mountain Bloom",
|
||||
price: "$48",
|
||||
variant: "250g",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-piece-burlap_114579-16903.jpg",
|
||||
},
|
||||
id: "p5", name: "Mountain Bloom", price: "$48", variant: "250g", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-piece-burlap_114579-16903.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Decaf Reserve",
|
||||
price: "$32",
|
||||
variant: "250g",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-roasted-coffee-beans-bowl-anises-cinnamon-sticks-small-milk-bowl-wood-board-dark_140725-144598.jpg",
|
||||
},
|
||||
id: "p6", name: "Decaf Reserve", price: "$32", variant: "250g", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-roasted-coffee-beans-bowl-anises-cinnamon-sticks-small-milk-bowl-wood-board-dark_140725-144598.jpg"},
|
||||
]}
|
||||
title="Exclusive Collection"
|
||||
description="Experience our signature blends at home or at our shop."
|
||||
@@ -240,45 +160,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena V.",
|
||||
handle: "@elena_luxury",
|
||||
testimonial: "The best coffee experience I've had in years.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-spending-good-time-together-while-drinking-cup-coffee-home_58466-16008.jpg",
|
||||
},
|
||||
id: "t1", name: "Elena V.", handle: "@elena_luxury", testimonial: "The best coffee experience I've had in years.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-spending-good-time-together-while-drinking-cup-coffee-home_58466-16008.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus R.",
|
||||
handle: "@marcus_roast",
|
||||
testimonial: "Sophistication in every sip. Truly elite.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-man-sitting-cafe_23-2150183778.jpg",
|
||||
},
|
||||
id: "t2", name: "Marcus R.", handle: "@marcus_roast", testimonial: "Sophistication in every sip. Truly elite.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-man-sitting-cafe_23-2150183778.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sophia L.",
|
||||
handle: "@sophia_lifestyle",
|
||||
testimonial: "Stunning aesthetics and perfect flavor.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-colleagues-eating-noodles_23-2149390524.jpg",
|
||||
},
|
||||
id: "t3", name: "Sophia L.", handle: "@sophia_lifestyle", testimonial: "Stunning aesthetics and perfect flavor.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-colleagues-eating-noodles_23-2149390524.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Julian S.",
|
||||
handle: "@julian_coffee",
|
||||
testimonial: "The atmosphere here is absolutely divine.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-with-tattooes-her-hands-is-enjoying-her-time-food-court-with-her-sketching-pad_613910-5324.jpg",
|
||||
},
|
||||
id: "t4", name: "Julian S.", handle: "@julian_coffee", testimonial: "The atmosphere here is absolutely divine.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-with-tattooes-her-hands-is-enjoying-her-time-food-court-with-her-sketching-pad_613910-5324.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Isabella K.",
|
||||
handle: "@isa_beans",
|
||||
testimonial: "Luxury redefined. Cannot recommend enough.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-sitting-coat-smartwatch-waiting-cafe_197531-22702.jpg",
|
||||
},
|
||||
id: "t5", name: "Isabella K.", handle: "@isa_beans", testimonial: "Luxury redefined. Cannot recommend enough.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-sitting-coat-smartwatch-waiting-cafe_197531-22702.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Refined Reviews"
|
||||
@@ -291,14 +186,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Elysian Club",
|
||||
"Grand Heritage",
|
||||
"Oasis Resorts",
|
||||
"Prime Estates",
|
||||
"Signature Hotels",
|
||||
"Royal Dining",
|
||||
"Select Ventures",
|
||||
]}
|
||||
"Elysian Club", "Grand Heritage", "Oasis Resorts", "Prime Estates", "Signature Hotels", "Royal Dining", "Select Ventures"]}
|
||||
title="Trusted Partners"
|
||||
description="Collaborating with elite hospitality leaders."
|
||||
/>
|
||||
@@ -310,20 +198,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer private tastings?",
|
||||
content: "Yes, private sessions can be arranged upon request.",
|
||||
},
|
||||
id: "q1", title: "Do you offer private tastings?", content: "Yes, private sessions can be arranged upon request."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Where are your beans sourced?",
|
||||
content: "Our beans are sourced from boutique estates globally.",
|
||||
},
|
||||
id: "q2", title: "Where are your beans sourced?", content: "Our beans are sourced from boutique estates globally."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is your coffee organic?",
|
||||
content: "We prioritize organic and ethically grown harvests.",
|
||||
},
|
||||
id: "q3", title: "Is your coffee organic?", content: "We prioritize organic and ethically grown harvests."},
|
||||
]}
|
||||
title="Curated Inquiries"
|
||||
description="Answers for the curious connoisseur."
|
||||
@@ -338,20 +217,12 @@ export default function LandingPage() {
|
||||
description="Get in touch for bookings, events, or inquiries."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Inquiry Details",
|
||||
}}
|
||||
name: "message", placeholder: "Inquiry Details"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-new-york-city-daytime_23-2149488519.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -360,29 +231,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user