Merge version_1 into main #2
317
src/app/page.tsx
317
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Philosophy",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Baristas",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Philosophy", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Baristas", id: "team" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Aura Cafe"
|
||||
/>
|
||||
@@ -59,67 +44,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Aura Cafe: Artisanal Coffee Redefined"
|
||||
description="Where 3D-inspired precision meets the soulful warmth of hand-poured coffee. Step into an immersive sensory journey designed for the modern connoisseur."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg",
|
||||
alt: "Patron",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-girl-with-book-reading-with-thoughtful-smirk-thinking-something-drinking_1258-199199.jpg",
|
||||
alt: "Patron",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-having-coffee-meeting_23-2148817108.jpg",
|
||||
alt: "Patron",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-corporate-woman-smiling_23-2148352540.jpg",
|
||||
alt: "Patron",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6717.jpg",
|
||||
alt: "Patron",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg", alt: "Patron" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-beautiful-girl-with-book-reading-with-thoughtful-smirk-thinking-something-drinking_1258-199199.jpg", alt: "Patron" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-having-coffee-meeting_23-2148817108.jpg", alt: "Patron" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-corporate-woman-smiling_23-2148352540.jpg", alt: "Patron" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6717.jpg", alt: "Patron" },
|
||||
]}
|
||||
avatarText="Join our community of coffee lovers."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Explore Menu", href: "#menu" },
|
||||
{ text: "Visit Us", href: "#contact" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethically Sourced",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Artisan Roasted",
|
||||
icon: Coffee,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Brewing",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Sustainable Future",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Focused",
|
||||
},
|
||||
{ type: "text", text: "Ethically Sourced" },
|
||||
{ type: "text-icon", text: "Artisan Roasted", icon: Coffee },
|
||||
{ type: "text", text: "Precision Brewing" },
|
||||
{ type: "text-icon", text: "Sustainable Future", icon: Leaf },
|
||||
{ type: "text", text: "Community Focused" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -132,7 +77,7 @@ export default function LandingPage() {
|
||||
description="We treat every bean as a masterpiece. By combining traditional roasting methods with innovative design, we ensure a perfect cup every single time."
|
||||
subdescription="From single-origin beans sourced ethically to our custom brewing techniques, Aura Cafe is where science meets the art of coffee."
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-female-barista-holding-coffee-machine-cup_23-2148824453.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-female-barista-holding-coffee-machine-cup_23-2148824453.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -144,49 +89,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ethical Sourcing",
|
||||
description: "We partner directly with sustainable farmers to bring you the highest quality beans.",
|
||||
icon: Leaf,
|
||||
title: "Ethical Sourcing", description: "We partner directly with sustainable farmers to bring you the highest quality beans.", icon: Leaf,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-view-cold-coffee-with-cookies-blurred-grinder_23-2148441200.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-view-morning-coffee-breakfast-croissant_23-2148337119.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-rounded-3d-object_23-2151881072.jpg",
|
||||
imageAlt: "latte art close up coffee",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-view-cold-coffee-with-cookies-blurred-grinder_23-2148441200.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-view-morning-coffee-breakfast-croissant_23-2148337119.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Precision Roasting",
|
||||
description: "Our custom roasting profiles unlock complex flavors that mass production simply misses.",
|
||||
icon: Zap,
|
||||
title: "Precision Roasting", description: "Our custom roasting profiles unlock complex flavors that mass production simply misses.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-filter-coffee-brewing-kit-kettle-cafe-barista-preparing-filter-counter_1258-133337.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646422.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-barista-holding-coffee-machine-cup_23-2148824453.jpg?_wi=2",
|
||||
imageAlt: "latte art close up coffee",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-filter-coffee-brewing-kit-kettle-cafe-barista-preparing-filter-counter_1258-133337.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646422.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Expert Baristas",
|
||||
description: "Our team are masters of their craft, ensuring each cup is poured to perfection.",
|
||||
icon: Award,
|
||||
title: "Expert Baristas", description: "Our team are masters of their craft, ensuring each cup is poured to perfection.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-coffee-concept_23-2148464854.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-coffee-cup-table_1203-9896.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-barista-working-coffee-house_1303-31788.jpg?_wi=1",
|
||||
imageAlt: "latte art close up coffee",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-coffee-concept_23-2148464854.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-coffee-cup-table_1203-9896.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Crafting the Future"
|
||||
@@ -196,46 +117,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Espresso",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cappuccino-with-beautiful-painting-foam_181624-8920.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Cappuccino Art",
|
||||
price: "$5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-breakfast_23-2148877586.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Signature Cold Brew",
|
||||
price: "$6.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-barista-pouring-boiling-water-coffee-filter_23-2148824410.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Nitro Vanilla",
|
||||
price: "$7.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trendy-delicious-fresh-dalgona-coffee-with-milk-white-wood-table_181624-22225.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Velvet Mocha",
|
||||
price: "$6.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cup-coffee-latte-with-kettle_23-2148337135.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Single Origin Drip",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-hot-coffee-cup-with-nice-latte-art-decoration-old-wooden-texture-table_1150-6338.jpg",
|
||||
},
|
||||
{ id: "1", name: "Classic Espresso", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cappuccino-with-beautiful-painting-foam_181624-8920.jpg" },
|
||||
{ id: "2", name: "Cappuccino Art", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-breakfast_23-2148877586.jpg" },
|
||||
{ id: "3", name: "Signature Cold Brew", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-barista-pouring-boiling-water-coffee-filter_23-2148824410.jpg" },
|
||||
{ id: "4", name: "Nitro Vanilla", price: "$7.00", imageSrc: "http://img.b2bpic.net/free-photo/trendy-delicious-fresh-dalgona-coffee-with-milk-white-wood-table_181624-22225.jpg" },
|
||||
{ id: "5", name: "Velvet Mocha", price: "$6.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cup-coffee-latte-with-kettle_23-2148337135.jpg" },
|
||||
{ id: "6", name: "Single Origin Drip", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/vintage-hot-coffee-cup-with-nice-latte-art-decoration-old-wooden-texture-table_1150-6338.jpg" },
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Discover our collection of premium coffee selections and artisan blends."
|
||||
@@ -249,21 +141,9 @@ export default function LandingPage() {
|
||||
tag="Our Baristas"
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-barista-working-coffee-house_1303-31788.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-unrecognizable-man-brewing-cup-coffee-espresso-machine_1098-20606.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sofia K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-barista-brewing-coffee_23-2147775918.jpg",
|
||||
},
|
||||
{ id: "1", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/young-male-barista-working-coffee-house_1303-31788.jpg" },
|
||||
{ id: "2", name: "Marcus L.", imageSrc: "http://img.b2bpic.net/free-photo/hands-unrecognizable-man-brewing-cup-coffee-espresso-machine_1098-20606.jpg" },
|
||||
{ id: "3", name: "Sofia K.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-barista-brewing-coffee_23-2147775918.jpg" },
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -274,46 +154,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Incredible brew",
|
||||
quote: "The best coffee I've ever had, hands down.",
|
||||
name: "James W.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-restaurant_1203-65.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Modern sanctuary",
|
||||
quote: "A perfect escape with an amazing ambiance.",
|
||||
name: "Sarah P.",
|
||||
role: "Writer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-reading-book-while-having-coffee_23-2150064781.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Exceptional service",
|
||||
quote: "The team here truly cares about the craft.",
|
||||
name: "Alex K.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-bearded-man-drinking-morning-fresh-coffee-caucasian-handsome-male-business-professional-having-coffee-indoors-say-hello_639032-2877.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Daily staple",
|
||||
quote: "I come here every single day for my fix.",
|
||||
name: "Linda M.",
|
||||
role: "Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-leisure-concept-headshot-attractive-young-hipster-trendy-black-hat-drinking-coffee-listening-music_273609-1725.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Top notch quality",
|
||||
quote: "You can taste the dedication in every sip.",
|
||||
name: "David O.",
|
||||
role: "Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overjoyed-two-women-laugh-happily-while-share-opininos-about-planning-project-communicate-coffee-break-write-records-organizer-eat-delicious-dessert-wear-casual-clothes-spectacles_273609-29065.jpg",
|
||||
},
|
||||
{ id: "1", title: "Incredible brew", quote: "The best coffee I've ever had, hands down.", name: "James W.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/blurred-restaurant_1203-65.jpg" },
|
||||
{ id: "2", title: "Modern sanctuary", quote: "A perfect escape with an amazing ambiance.", name: "Sarah P.", role: "Writer", imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-reading-book-while-having-coffee_23-2150064781.jpg" },
|
||||
{ id: "3", title: "Exceptional service", quote: "The team here truly cares about the craft.", name: "Alex K.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-bearded-man-drinking-morning-fresh-coffee-caucasian-handsome-male-business-professional-having-coffee-indoors-say-hello_639032-2877.jpg" },
|
||||
{ id: "4", title: "Daily staple", quote: "I come here every single day for my fix.", name: "Linda M.", role: "Director", imageSrc: "http://img.b2bpic.net/free-photo/people-leisure-concept-headshot-attractive-young-hipster-trendy-black-hat-drinking-coffee-listening-music_273609-1725.jpg" },
|
||||
{ id: "5", title: "Top notch quality", quote: "You can taste the dedication in every sip.", name: "David O.", role: "Artist", imageSrc: "http://img.b2bpic.net/free-photo/overjoyed-two-women-laugh-happily-while-share-opininos-about-planning-project-communicate-coffee-break-write-records-organizer-eat-delicious-dessert-wear-casual-clothes-spectacles_273609-29065.jpg" },
|
||||
]}
|
||||
title="Voices of Aura"
|
||||
description="What our guests say about their experience."
|
||||
@@ -326,27 +171,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "12,000+",
|
||||
title: "Cups Served",
|
||||
description: "Hand-poured perfection",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-black-coffee-with-biscuits-marble-surface_114579-54050.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "25+",
|
||||
title: "Bean Varieties",
|
||||
description: "Ethically sourced",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-profess-making-coffee_23-2148366542.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
title: "Happy Guests",
|
||||
description: "Community heartbeat",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-brunette-asian-girl-barista-wearing-apron-making-coffee-prepare-order-cafe-pouring-milk-cup-cappuccino-latte-art_1258-129840.jpg",
|
||||
},
|
||||
{ id: "m1", value: "12,000+", title: "Cups Served", description: "Hand-poured perfection", imageSrc: "http://img.b2bpic.net/free-photo/cup-black-coffee-with-biscuits-marble-surface_114579-54050.jpg" },
|
||||
{ id: "m2", value: "25+", title: "Bean Varieties", description: "Ethically sourced", imageSrc: "http://img.b2bpic.net/free-photo/close-up-profess-making-coffee_23-2148366542.jpg" },
|
||||
{ id: "m3", value: "500+", title: "Happy Guests", description: "Community heartbeat", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-brunette-asian-girl-barista-wearing-apron-making-coffee-prepare-order-cafe-pouring-milk-cup-cappuccino-latte-art_1258-129840.jpg" },
|
||||
]}
|
||||
title="By the Numbers"
|
||||
description="Impact in every drop."
|
||||
@@ -359,24 +186,10 @@ export default function LandingPage() {
|
||||
title="Get in Touch"
|
||||
description="Have questions or want to host an event? We'd love to hear from you."
|
||||
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: "Your message",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Your message", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064702.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -387,29 +200,15 @@ export default function LandingPage() {
|
||||
logoText="Aura Cafe"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Menu", href: "#menu" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user