Update src/app/page.tsx
This commit is contained in:
232
src/app/page.tsx
232
src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Experience",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Experience", id: "hero"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Location",
|
||||
id: "location",
|
||||
},
|
||||
name: "Location", id: "location"},
|
||||
]}
|
||||
brandName="Lucid Cafe"
|
||||
/>
|
||||
@@ -50,21 +44,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="NYC's Warmest Coffee Ritual"
|
||||
description="Specialty espresso, homemade almond milk, and unforgettable brunch moments."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Explore Menu", href: "#menu"},
|
||||
{
|
||||
text: "Visit Cafe",
|
||||
href: "#location",
|
||||
},
|
||||
text: "Visit Cafe", href: "#location"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/warm-cup-tea-rainy-afternoon-steam-rising-soft-golden-light-that-filters-through-rainstreaked-windows_73899-27535.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/warm-cup-tea-rainy-afternoon-steam-rising-soft-golden-light-that-filters-through-rainstreaked-windows_73899-27535.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -73,78 +62,38 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "A tiny, cozy NYC coffee shop experience in the heart of Midtown.",
|
||||
},
|
||||
type: "text", content: "A tiny, cozy NYC coffee shop experience in the heart of Midtown."},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/empty-cafe-street-terrace-with-chairs-tables-guests_501050-570.jpg",
|
||||
alt: "Lucid Cafe Interior",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/empty-cafe-street-terrace-with-chairs-tables-guests_501050-570.jpg", alt: "Lucid Cafe Interior"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Coffee",
|
||||
name: "Cappuccino",
|
||||
price: "$6.00",
|
||||
rating: 5,
|
||||
reviewCount: "128",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-smelling-coffee-with-heart-latte-art_1170-687.jpg?_wi=1",
|
||||
},
|
||||
id: "1", brand: "Coffee", name: "Cappuccino", price: "$6.00", rating: 5,
|
||||
reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-smelling-coffee-with-heart-latte-art_1170-687.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Special",
|
||||
name: "Matcha Latte",
|
||||
price: "$7.00",
|
||||
rating: 5,
|
||||
reviewCount: "94",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-delicious-drink_23-2149356018.jpg?_wi=1",
|
||||
},
|
||||
id: "2", brand: "Special", name: "Matcha Latte", price: "$7.00", rating: 5,
|
||||
reviewCount: "94", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-delicious-drink_23-2149356018.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Food",
|
||||
name: "Avocado Toast",
|
||||
price: "$14.00",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nutritious-breakfast-meal-arrangement_23-2148833902.jpg?_wi=1",
|
||||
},
|
||||
id: "3", brand: "Food", name: "Avocado Toast", price: "$14.00", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/nutritious-breakfast-meal-arrangement_23-2148833902.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Coffee",
|
||||
name: "Cold Brew",
|
||||
price: "$5.00",
|
||||
rating: 4,
|
||||
reviewCount: "87",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ice-cold-drinks-ready-be-served_23-2148617688.jpg",
|
||||
},
|
||||
id: "4", brand: "Coffee", name: "Cold Brew", price: "$5.00", rating: 4,
|
||||
reviewCount: "87", imageSrc: "http://img.b2bpic.net/free-photo/ice-cold-drinks-ready-be-served_23-2148617688.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Food",
|
||||
name: "Brioche French Toast",
|
||||
price: "$16.00",
|
||||
rating: 5,
|
||||
reviewCount: "156",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-fluffy-pancakes-with-cherry-powdered-sugar_181624-17736.jpg",
|
||||
},
|
||||
id: "5", brand: "Food", name: "Brioche French Toast", price: "$16.00", rating: 5,
|
||||
reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-fluffy-pancakes-with-cherry-powdered-sugar_181624-17736.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Extra",
|
||||
name: "Almond Milk",
|
||||
price: "$1.50",
|
||||
rating: 5,
|
||||
reviewCount: "42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/almond-milk-with-almond-wooden-bowl-black-background_1150-37676.jpg",
|
||||
},
|
||||
id: "6", brand: "Extra", name: "Almond Milk", price: "$1.50", rating: 5,
|
||||
reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/almond-milk-with-almond-wooden-bowl-black-background_1150-37676.jpg"},
|
||||
]}
|
||||
title="Holographic Menu"
|
||||
description="Select from our premium selection of specialty coffee and brunch favorites."
|
||||
@@ -158,34 +107,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Morning",
|
||||
title: "Avocado Toast",
|
||||
items: [
|
||||
"Fresh sourdough",
|
||||
"Organic avocado",
|
||||
"Extra virgin oil",
|
||||
],
|
||||
id: "f1", label: "Morning", title: "Avocado Toast", items: [
|
||||
"Fresh sourdough", "Organic avocado", "Extra virgin oil"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Morning",
|
||||
title: "Brioche French Toast",
|
||||
items: [
|
||||
"Honey drizzle",
|
||||
"Seasonal berries",
|
||||
"Whipped cream",
|
||||
],
|
||||
id: "f2", label: "Morning", title: "Brioche French Toast", items: [
|
||||
"Honey drizzle", "Seasonal berries", "Whipped cream"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Morning",
|
||||
title: "Croissant Egg Cheese",
|
||||
items: [
|
||||
"Flaky pastry",
|
||||
"Free-range egg",
|
||||
"Aged cheddar",
|
||||
],
|
||||
id: "f3", label: "Morning", title: "Croissant Egg Cheese", items: [
|
||||
"Flaky pastry", "Free-range egg", "Aged cheddar"],
|
||||
},
|
||||
]}
|
||||
title="Unforgettable Brunch Culture"
|
||||
@@ -199,60 +130,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
date: "Nov 2023",
|
||||
title: "Local Regular",
|
||||
quote: "Best avocado toast in NYC.",
|
||||
tag: "Brunch",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-longhaired-brunette-woman-bright-beret-red-dress-smiles-widely-sits-beautiful-cafe-young-asian-lady-eyeglasses-holds-white-coffee-cup_197531-29276.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/warm-cup-tea-rainy-afternoon-steam-rising-soft-golden-light-that-filters-through-rainstreaked-windows_73899-27535.jpg?_wi=2",
|
||||
imageAlt: "person cafe happy",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", date: "Nov 2023", title: "Local Regular", quote: "Best avocado toast in NYC.", tag: "Brunch", avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-longhaired-brunette-woman-bright-beret-red-dress-smiles-widely-sits-beautiful-cafe-young-asian-lady-eyeglasses-holds-white-coffee-cup_197531-29276.jpg", imageSrc: "http://img.b2bpic.net/free-photo/warm-cup-tea-rainy-afternoon-steam-rising-soft-golden-light-that-filters-through-rainstreaked-windows_73899-27535.jpg", imageAlt: "person cafe happy"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike D.",
|
||||
date: "Oct 2023",
|
||||
title: "Coffee Lover",
|
||||
quote: "Homemade almond milk is unreal.",
|
||||
tag: "Coffee",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/modern-man-drinking-coffee_23-2147986122.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-cafe-street-terrace-with-chairs-tables-guests_501050-570.jpg",
|
||||
imageAlt: "person cafe happy",
|
||||
},
|
||||
id: "t2", name: "Mike D.", date: "Oct 2023", title: "Coffee Lover", quote: "Homemade almond milk is unreal.", tag: "Coffee", avatarSrc: "http://img.b2bpic.net/free-photo/modern-man-drinking-coffee_23-2147986122.jpg", imageSrc: "http://img.b2bpic.net/free-photo/empty-cafe-street-terrace-with-chairs-tables-guests_501050-570.jpg", imageAlt: "person cafe happy"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Anna P.",
|
||||
date: "Sep 2023",
|
||||
title: "Midtown Pro",
|
||||
quote: "Feels like home.",
|
||||
tag: "Vibe",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-asian-woman-sitting-cafe-smartphone-coffee-table-businesswoman_1258-199404.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-smelling-coffee-with-heart-latte-art_1170-687.jpg?_wi=2",
|
||||
imageAlt: "person cafe happy",
|
||||
},
|
||||
id: "t3", name: "Anna P.", date: "Sep 2023", title: "Midtown Pro", quote: "Feels like home.", tag: "Vibe", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-asian-woman-sitting-cafe-smartphone-coffee-table-businesswoman_1258-199404.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-smelling-coffee-with-heart-latte-art_1170-687.jpg", imageAlt: "person cafe happy"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David L.",
|
||||
date: "Aug 2023",
|
||||
title: "Visitor",
|
||||
quote: "Incredible latte art.",
|
||||
tag: "Coffee",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-cafe-holding-disposable-coffee-cup-table_23-2148148235.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-delicious-drink_23-2149356018.jpg?_wi=2",
|
||||
imageAlt: "person cafe happy",
|
||||
},
|
||||
id: "t4", name: "David L.", date: "Aug 2023", title: "Visitor", quote: "Incredible latte art.", tag: "Coffee", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-cafe-holding-disposable-coffee-cup-table_23-2148148235.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-delicious-drink_23-2149356018.jpg", imageAlt: "person cafe happy"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena R.",
|
||||
date: "Jul 2023",
|
||||
title: "Brunchie",
|
||||
quote: "Unmatched morning energy.",
|
||||
tag: "Brunch",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-woman-having-plate-waffle-fruits-using-laptop_23-2147942132.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nutritious-breakfast-meal-arrangement_23-2148833902.jpg?_wi=2",
|
||||
imageAlt: "person cafe happy",
|
||||
},
|
||||
id: "t5", name: "Elena R.", date: "Jul 2023", title: "Brunchie", quote: "Unmatched morning energy.", tag: "Brunch", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-woman-having-plate-waffle-fruits-using-laptop_23-2147942132.jpg", imageSrc: "http://img.b2bpic.net/free-photo/nutritious-breakfast-meal-arrangement_23-2148833902.jpg", imageAlt: "person cafe happy"},
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="What our guests say about their daily ritual."
|
||||
@@ -261,30 +147,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="location" data-section="location">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Daily",
|
||||
title: "Opening Hours",
|
||||
description: "7AM - 7PM Weekdays",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/we-are-open-glass-wall-coffee-shop_53876-63393.jpg",
|
||||
},
|
||||
id: "m1", value: "Daily", title: "Opening Hours", description: "7AM - 7PM Weekdays", imageSrc: "http://img.b2bpic.net/free-photo/we-are-open-glass-wall-coffee-shop_53876-63393.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Midtown",
|
||||
title: "Our Location",
|
||||
description: "311 Lexington Ave",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-study-map-drinking-coffee-street-cafe-redhead-happy-girl-travel-canary-islands-looking-new-place-visit-sunny-day_1217-1756.jpg",
|
||||
},
|
||||
id: "m2", value: "Midtown", title: "Our Location", description: "311 Lexington Ave", imageSrc: "http://img.b2bpic.net/free-photo/woman-study-map-drinking-coffee-street-cafe-redhead-happy-girl-travel-canary-islands-looking-new-place-visit-sunny-day_1217-1756.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Fresh",
|
||||
title: "Ritual",
|
||||
description: "Coffee served hot",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-cafe-signage-design_23-2149295822.jpg",
|
||||
},
|
||||
id: "m3", value: "Fresh", title: "Ritual", description: "Coffee served hot", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-cafe-signage-design_23-2149295822.jpg"},
|
||||
]}
|
||||
title="Visit Lucid Cafe"
|
||||
description="311 Lexington Ave, New York, NY"
|
||||
@@ -298,22 +170,14 @@ export default function LandingPage() {
|
||||
description="Planning a catered event or have a question? Drop us a line."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "How can we help?", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-hands-hold-coffee-cup-map-table-girl-travel-canary-islands-looking-new-place-visit-sunny-day-street-cafe_1217-1754.jpg"
|
||||
@@ -326,25 +190,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user