From d70851d92cb5d36255455fd5ecfef1ae5ae816ab Mon Sep 17 00:00:00 2001
From: "dusk.gecko" <dusk.gecko@protonmail.ch>
Date: Tue, 18 Feb 2025 12:33:35 -0600
Subject: [PATCH] Add facebook link & more placeholder menu items
---
src/components/section-2.tsx | 188 +++++++++++++++++++++++++++++++++++
src/components/section.tsx | 14 ++-
2 files changed, 200 insertions(+), 2 deletions(-)
diff --git a/src/components/section-2.tsx b/src/components/section-2.tsx
index 0f63273..ac3b8b4 100644
--- a/src/components/section-2.tsx
+++ b/src/components/section-2.tsx
@@ -27,6 +27,23 @@ export function Section2() {
height={200}
className="rounded-lg object-cover w-full h-48"
/>
+ <div className="mt-4">
+ <h3 className="font-heading text-lg mb-2">Extra Toppings</h3>
+ <div className="space-y-2">
+ <div className="flex items-center justify-between">
+ <span className="text-muted-foreground">Caramel Syrup</span>
+ <span className="font-bold">+$0.50</span>
+ </div>
+ <div className="flex items-center justify-between">
+ <span className="text-muted-foreground">Vanilla Cream</span>
+ <span className="font-bold">+$0.75</span>
+ </div>
+ <div className="flex items-center justify-between">
+ <span className="text-muted-foreground">Chocolate Drizzle</span>
+ <span className="font-bold">+$0.60</span>
+ </div>
+ </div>
+ </div>
</CardContent>
</Card>
<Card>
@@ -47,6 +64,143 @@ export function Section2() {
height={200}
className="rounded-lg object-cover w-full h-48"
/>
+ <div className="mt-4">
+ <h3 className="font-heading text-lg mb-2">Extra Toppings</h3>
+ <div className="space-y-2">
+ <div className="flex items-center justify-between">
+ <span className="text-muted-foreground">Cinnamon Powder</span>
+ <span className="font-bold">+$0.40</span>
+ </div>
+ <div className="flex items-center justify-between">
+ <span className="text-muted-foreground">Whipped Cream</span>
+ <span className="font-bold">+$0.70</span>
+ </div>
+ <div className="flex items-center justify-between">
+ <span className="text-muted-foreground">Cocoa Sprinkle</span>
+ <span className="font-bold">+$0.50</span>
+ </div>
+ </div>
+ </div>
+ </CardContent>
+ </Card>
+ <Card>
+ <CardHeader>
+ <div className="flex items-center justify-between">
+ <CardTitle>Coffee</CardTitle>
+ <div className="flex gap-2">
+ <span className="font-bold">12oz: $3.00</span>
+ <span className="font-bold">16oz: $3.50</span>
+ </div>
+ </div>
+ <CardDescription className="text-muted-foreground">
+ Classic brewed coffee, smooth and rich
+ </CardDescription>
+ </CardHeader>
+ <CardContent>
+ <Image
+ alt="Coffee"
+ src="/images/placeholder.png"
+ width={300}
+ height={200}
+ className="rounded-lg object-cover w-full h-48"
+ />
+ <div className="mt-4">
+ <h3 className="font-heading text-lg mb-2">Extra Toppings</h3>
+ <div className="space-y-2">
+ <div className="flex items-center justify-between">
+ <span className="text-muted-foreground">Hazelnut Syrup</span>
+ <span className="font-bold">+$0.50</span>
+ </div>
+ <div className="flex items-center justify-between">
+ <span className="text-muted-foreground">Almond Milk</span>
+ <span className="font-bold">+$0.75</span>
+ </div>
+ <div className="flex items-center justify-between">
+ <span className="text-muted-foreground">Extra Shot</span>
+ <span className="font-bold">+$1.00</span>
+ </div>
+ </div>
+ </div>
+ </CardContent>
+ </Card>
+ </div>
+ </div>
+ <Separator className="my-8" />
+ <div className="space-y-4">
+ <h2 className="text-3xl font-heading">Specialty Drinks</h2>
+ <div className="grid gap-6 md:grid-cols-2">
+ <Card>
+ <CardHeader>
+ <div className="flex items-center justify-between">
+ <CardTitle>Lavender Latte</CardTitle>
+ <span className="font-bold">$5.50</span>
+ </div>
+ <CardDescription className="text-muted-foreground">
+ Espresso with lavender-infused milk
+ </CardDescription>
+ </CardHeader>
+ <CardContent>
+ <Image
+ alt="Lavender Latte"
+ src="/images/placeholder.png"
+ width={300}
+ height={200}
+ className="rounded-lg object-cover w-full h-48"
+ />
+ <div className="mt-4">
+ <h3 className="font-heading text-lg mb-2">Extra Toppings</h3>
+ <div className="space-y-2">
+ <div className="flex items-center justify-between">
+ <span className="text-muted-foreground">Honey Drizzle</span>
+ <span className="font-bold">+$0.50</span>
+ </div>
+ <div className="flex items-center justify-between">
+ <span className="text-muted-foreground">Almond Milk</span>
+ <span className="font-bold">+$0.75</span>
+ </div>
+ <div className="flex items-center justify-between">
+ <span className="text-muted-foreground">Lavender Sprinkle</span>
+ <span className="font-bold">+$0.40</span>
+ </div>
+ </div>
+ </div>
+ </CardContent>
+ </Card>
+ <Card>
+ <CardHeader>
+ <div className="flex items-center justify-between">
+ <CardTitle>Matcha Frappe</CardTitle>
+ <span className="font-bold">$5.99</span>
+ </div>
+ <CardDescription className="text-muted-foreground">
+ Blended green tea with ice and cream
+ </CardDescription>
+ </CardHeader>
+ <CardContent>
+ <Image
+ alt="Matcha Frappe"
+ src="/images/placeholder.png"
+ width={300}
+ height={200}
+ className="rounded-lg object-cover w-full h-48"
+ />
+ <div className="mt-4">
+ <h3 className="font-heading text-lg mb-2">Extra Toppings</h3>
+ <div className="space-y-2">
+ <div className="flex items-center justify-between">
+ <span className="text-muted-foreground">Coconut Cream</span>
+ <span className="font-bold">+$0.60</span>
+ </div>
+ <div className="flex items-center justify-between">
+ <span className="text-muted-foreground">Whipped Cream</span>
+ <span className="font-bold">+$0.70</span>
+ </div>
+ <div className="flex items-center justify-between">
+ <span className="text-muted-foreground">Extra Matcha</span>
+ <span className="font-bold">+$0.50</span>
+ </div>
+ </div>
+ </div>
</CardContent>
</Card>
</div>
@@ -73,6 +227,23 @@ export function Section2() {
height={200}
className="rounded-lg object-cover w-full h-48"
/>
+ <div className="mt-4">
+ <h3 className="font-heading text-lg mb-2">Extra Toppings</h3>
+ <div className="space-y-2">
+ <div className="flex items-center justify-between">
+ <span className="text-muted-foreground">Poached Egg</span>
+ <span className="font-bold">+$1.50</span>
+ </div>
+ <div className="flex items-center justify-between">
+ <span className="text-muted-foreground">Smoked Salmon</span>
+ <span className="font-bold">+$2.50</span>
+ </div>
+ <div className="flex items-center justify-between">
+ <span className="text-muted-foreground">Feta Cheese</span>
+ <span className="font-bold">+$1.00</span>
+ </div>
+ </div>
+ </div>
</CardContent>
</Card>
<Card>
@@ -93,6 +264,23 @@ export function Section2() {
height={200}
className="rounded-lg object-cover w-full h-48"
/>
+ <div className="mt-4">
+ <h3 className="font-heading text-lg mb-2">Extra Toppings</h3>
+ <div className="space-y-2">
+ <div className="flex items-center justify-between">
+ <span className="text-muted-foreground">Jam</span>
+ <span className="font-bold">+$0.50</span>
+ </div>
+ <div className="flex items-center justify-between">
+ <span className="text-muted-foreground">Butter</span>
+ <span className="font-bold">+$0.30</span>
+ </div>
+ <div className="flex items-center justify-between">
+ <span className="text-muted-foreground">Honey</span>
+ <span className="font-bold">+$0.60</span>
+ </div>
+ </div>
+ </div>
</CardContent>
</Card>
</div>
diff --git a/src/components/section.tsx b/src/components/section.tsx
index 2851a7e..6d110b3 100644
--- a/src/components/section.tsx
+++ b/src/components/section.tsx
@@ -2,14 +2,13 @@
import Image from "next/image";
import Link from "next/link";
-import { MapPin, Mail, Phone } from "lucide-react";
+import { MapPin, Mail, Phone, Facebook } from "lucide-react";
import { Button } from "@/components/ui/button";
import { Card, CardHeader, CardTitle, CardDescription, CardContent } from "@/components/ui/card";
export function Section() {
const openMapsApp = () => {
- console.log('Button clicked!'); // Add this log to check if the function is being triggered
const coordinates = "500 Broadway East, Little Falls, MN 56345";
const userAgent = navigator.userAgent || navigator.vendor;
@@ -150,6 +149,17 @@ export function Section() {
</Link>
</div>
</div>
+ <div className="flex items-center justify-center p-4">
+ <a
+ href="https://www.facebook.com/people/Lucys/61572709646000/"
+ target="_blank"
+ rel="noopener noreferrer"
+ className="inline-flex items-center gap-2 px-4 py-2 text-sm font-medium transition-colors rounded-md hover:bg-accent hover:text-accent-foreground bg-background"
+ >
+ <Facebook className="w-5 h-5" />
+ <span>Follow us on Facebook</span>
+ </a>
+ </div>
</section>
<footer className="bg-background border-t py-8 px-6">
<div className="max-w-6xl mx-auto text-center">