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