administrator
/
Lucys
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Activity

Add facebook link & more placeholder menu items

This commit is contained in:
dusk.gecko 2025-02-18 12:33:35 -06:00
parent cc29527776
commit d70851d92c
2 changed files with 200 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

188
src/components/section-2.tsx
View File

@ -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>

14
src/components/section.tsx
View File

@ -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">