Merge version_1 into main #1
216
src/app/page.tsx
216
src/app/page.tsx
@@ -31,103 +31,69 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Coffee Monster"
|
||||
button={{
|
||||
text: "Order Now", href: "#products"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Your Neighborhood Coffee Spot"
|
||||
description="Great Coffee, Good Vibes, Easy Parking. Discover your home away from home in the heart of Whitestone, Queens."
|
||||
kpis={[
|
||||
{
|
||||
value: "10+",
|
||||
label: "Unique Drinks",
|
||||
},
|
||||
value: "10+", label: "Unique Drinks"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Community Vibe",
|
||||
},
|
||||
value: "24/7", label: "Community Vibe"},
|
||||
{
|
||||
value: "Free",
|
||||
label: "Street Parking",
|
||||
},
|
||||
value: "Free", label: "Street Parking"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Stop by today",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Stop by today", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-arrangement-with-beverages_23-2148865606.jpg"
|
||||
imageAlt="cozy cafe interior wood warm lighting"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-pouring-milk-coffee-latte-foam-decor_141793-17531.jpg",
|
||||
alt: "Man pouring milk in coffee latte foam decor",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-pouring-milk-coffee-latte-foam-decor_141793-17531.jpg", alt: "Man pouring milk in coffee latte foam decor"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-time_1122-2871.jpg",
|
||||
alt: "Coffee Time",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-time_1122-2871.jpg", alt: "Coffee Time"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-hand-holding-cup-with-coffee_23-2148892839.jpg",
|
||||
alt: "Close up hand holding cup with coffee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-hand-holding-cup-with-coffee_23-2148892839.jpg", alt: "Close up hand holding cup with coffee"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-hands-holding-coffee_23-2149045715.jpg",
|
||||
alt: "Close up hands holding coffee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-hands-holding-coffee_23-2149045715.jpg", alt: "Close up hands holding coffee"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/great-coffee-is-only-this-place_329181-2889.jpg",
|
||||
alt: "Great coffee is only in this place",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/great-coffee-is-only-this-place_329181-2889.jpg", alt: "Great coffee is only in this place"},
|
||||
]}
|
||||
avatarText="Join our community of coffee lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Locally Roasted",
|
||||
icon: Coffee,
|
||||
type: "text-icon", text: "Locally Roasted", icon: Coffee,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Owned",
|
||||
type: "text", text: "Family Owned"},
|
||||
{
|
||||
type: "text-icon", text: "Pet Friendly", icon: Coffee,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Pet Friendly",
|
||||
icon: Coffee,
|
||||
},
|
||||
type: "text", text: "Free Wi-Fi"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Free Wi-Fi",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Events Weekly",
|
||||
icon: Calendar,
|
||||
type: "text-icon", text: "Events Weekly", icon: Calendar,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -140,9 +106,7 @@ export default function LandingPage() {
|
||||
description="Coffee Monster is more than just coffee—it's a hub for the community. Whether you're here to study, work with our free Wi-Fi, or play board games with friends, we provide the perfect warm atmosphere. Indulge in our creative drinks like Tiramisu Lattes or Strawberry Matcha, paired perfectly with our famous croffles."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Our Menu", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-senior-women-eating-healthy-food_23-2149151664.jpg"
|
||||
imageAlt="cafe interior community hangout"
|
||||
@@ -157,47 +121,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Nutella Latte",
|
||||
price: "$6.50",
|
||||
variant: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-coffee-milk-dark-plate_114579-57879.jpg",
|
||||
},
|
||||
id: "1", name: "Nutella Latte", price: "$6.50", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/glass-coffee-milk-dark-plate_114579-57879.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Croffle",
|
||||
price: "$5.00",
|
||||
variant: "Pastry",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-full-food_23-2149209197.jpg",
|
||||
},
|
||||
id: "2", name: "Croffle", price: "$5.00", variant: "Pastry", imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-full-food_23-2149209197.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Strawberry Matcha",
|
||||
price: "$7.00",
|
||||
variant: "Unique",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-green-milkshake-with-floral-decoration_23-2152002562.jpg",
|
||||
},
|
||||
id: "3", name: "Strawberry Matcha", price: "$7.00", variant: "Unique", imageSrc: "http://img.b2bpic.net/free-photo/refreshing-green-milkshake-with-floral-decoration_23-2152002562.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Panini",
|
||||
price: "$8.50",
|
||||
variant: "Light Bite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/packed-toast-sandwiches-with-copy-space_23-2148454743.jpg",
|
||||
},
|
||||
id: "4", name: "Panini", price: "$8.50", variant: "Light Bite", imageSrc: "http://img.b2bpic.net/free-photo/packed-toast-sandwiches-with-copy-space_23-2148454743.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Shaved Ice",
|
||||
price: "$9.00",
|
||||
variant: "Dessert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charcoal-toast-with-ice-cream_1339-8467.jpg",
|
||||
},
|
||||
id: "5", name: "Shaved Ice", price: "$9.00", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/charcoal-toast-with-ice-cream_1339-8467.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Avocado Toast",
|
||||
price: "$7.50",
|
||||
variant: "Light Bite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pancakes-with-various-ingredients_140725-114878.jpg",
|
||||
},
|
||||
id: "6", name: "Avocado Toast", price: "$7.50", variant: "Light Bite", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pancakes-with-various-ingredients_140725-114878.jpg"},
|
||||
]}
|
||||
title="Explore Our Menu"
|
||||
description="From handcrafted lattes to artisanal light bites, we have something to delight every palate."
|
||||
@@ -211,20 +145,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Loyalty Program",
|
||||
description: "Stamp card: 9 drinks and your 10th one is on us!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-working-as-barista-making-coffee-restaurant-barista-apron-white-shirt-standing-with-cup-coffee-his-workplace-coffee-shop_574295-4957.jpg",
|
||||
},
|
||||
title: "Loyalty Program", description: "Stamp card: 9 drinks and your 10th one is on us!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-working-as-barista-making-coffee-restaurant-barista-apron-white-shirt-standing-with-cup-coffee-his-workplace-coffee-shop_574295-4957.jpg"},
|
||||
{
|
||||
title: "Parking Made Easy",
|
||||
description: "Stress-free street parking available right outside.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roommates-sitting-table_23-2149358462.jpg",
|
||||
},
|
||||
title: "Parking Made Easy", description: "Stress-free street parking available right outside.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roommates-sitting-table_23-2149358462.jpg"},
|
||||
{
|
||||
title: "Stay & Relax",
|
||||
description: "Spacious seating, fast Wi-Fi, and board games for everyone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-looking-menu-together-restaurant_23-2150520055.jpg",
|
||||
},
|
||||
title: "Stay & Relax", description: "Spacious seating, fast Wi-Fi, and board games for everyone.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-looking-menu-together-restaurant_23-2150520055.jpg"},
|
||||
]}
|
||||
title="Why You'll Love It Here"
|
||||
description="We've curated the perfect neighborhood hangout spot designed for comfort and convenience."
|
||||
@@ -238,40 +163,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Student",
|
||||
testimonial: "The best place to study in Whitestone! Love the Nutella lattes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149005452.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Student", testimonial: "The best place to study in Whitestone! Love the Nutella lattes.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149005452.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike R.",
|
||||
role: "Regular",
|
||||
testimonial: "Friendly staff, chill vibe, and the croffles are to die for.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-having-video-call-laptop_23-2148854851.jpg",
|
||||
},
|
||||
id: "2", name: "Mike R.", role: "Regular", testimonial: "Friendly staff, chill vibe, and the croffles are to die for.", imageSrc: "http://img.b2bpic.net/free-photo/man-having-video-call-laptop_23-2148854851.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily C.",
|
||||
role: "Local",
|
||||
testimonial: "Love catching up with my friends here. Always cozy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-enjoying-time-together_23-2148395314.jpg",
|
||||
},
|
||||
id: "3", name: "Emily C.", role: "Local", testimonial: "Love catching up with my friends here. Always cozy.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-enjoying-time-together_23-2148395314.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
role: "Freeloader",
|
||||
testimonial: "Great internet and plenty of outlets. Perfect for working remotely.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exploring-websites-inspiration-me_329181-2914.jpg",
|
||||
},
|
||||
id: "4", name: "David L.", role: "Freeloader", testimonial: "Great internet and plenty of outlets. Perfect for working remotely.", imageSrc: "http://img.b2bpic.net/free-photo/exploring-websites-inspiration-me_329181-2914.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica M.",
|
||||
role: "Regular",
|
||||
testimonial: "The staff feels like family. Can't start my morning without them.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-young-male-barista-making-cup-coffee-while-standing-cafe-counter-young-man-pouring-milk-into-cup-coffee_1253-969.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica M.", role: "Regular", testimonial: "The staff feels like family. Can't start my morning without them.", imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-young-male-barista-making-cup-coffee-while-standing-cafe-counter-young-man-pouring-milk-into-cup-coffee_1253-969.jpg"},
|
||||
]}
|
||||
title="Local Favorites"
|
||||
description="What our regulars say about their home away from home."
|
||||
@@ -282,14 +182,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Whitestone, Queens, NY. Stop by today for a cup of joy! Hours vary—check our Instagram for the latest updates or give us a call."
|
||||
buttons={[
|
||||
{
|
||||
text: "Find us on Google Maps",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
text: "Find us on Google Maps", href: "https://maps.google.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -300,42 +197,27 @@ export default function LandingPage() {
|
||||
logoText="Coffee Monster"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Menu", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Visit",
|
||||
items: [
|
||||
title: "Visit", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
label: "Directions", href: "https://maps.google.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user