src/pages/HomePage/sections/Location.tsx

@@ -1,5 +1,6 @@
 import ScrollReveal from '@/components/ui/ScrollReveal';
 import TextAnimation from '@/components/ui/TextAnimation';
+import Button from '@/components/ui/Button';
 import { MapPin, Clock, Phone } from 'lucide-react';
 
 export default function LocationSection() {
@@ -12,14 +13,14 @@ export default function LocationSection() {
               <div className="space-y-8">
                 <div>
                   <TextAnimation
-                    text="Visit Us"
+                    text="Drop By or Order Ahead"
                     variant="slide-up"
                     tag="h2"
                     className="text-4xl md:text-5xl font-bold text-foreground mb-4"
                     gradientText={false}
                   />
                   <p className="text-lg text-accent">
-                    Experience the perfect blend of premium coffee and curated wines in our sophisticated lounge.
+                    Whether you're settling in for a slow morning or grabbing your favorite brew on the go, we've got you covered.
                   </p>
                 </div>
 
@@ -30,7 +31,7 @@ export default function LocationSection() {
                     </div>
                     <div>
                       <h3 className="text-xl font-semibold text-foreground mb-1">Location</h3>
-                      <p className="text-accent">123 Luxury Avenue<br />Metropolis, NY 10001</p>
+                      <p className="text-accent">314 S Main St Ste 110<br />Fort Worth, TX 76104</p>
                     </div>
                   </div>
 
@@ -50,17 +51,30 @@ export default function LocationSection() {
                     </div>
                     <div>
                       <h3 className="text-xl font-semibold text-foreground mb-1">Contact</h3>
-                      <p className="text-accent">+1 (555) 123-4567<br />hello@chillcoffeewine.com</p>
+                      <p className="text-accent">+1 (817) 555-0198<br />hello@chillcoffeewine.com</p>
                     </div>
                   </div>
                 </div>
+
+                <div className="flex flex-wrap gap-4 pt-4">
+                  <Button 
+                    text="Order Pickup" 
+                    variant="primary" 
+                    href="#pickup" 
+                  />
+                  <Button 
+                    text="Order Delivery" 
+                    variant="secondary" 
+                    href="#delivery" 
+                  />
+                </div>
               </div>
             </ScrollReveal>
 
             <ScrollReveal variant="fade-blur" delay={0.2}>
               <div className="w-full h-[500px] rounded-lg overflow-hidden border border-card">
                 <iframe
-                  src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3022.1422937950147!2d-73.98731968459391!3d40.75889497932681!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25855c6480299%3A0x55194ec5a1ae072e!2sTimes%20Square!5e0!3m2!1sen!2sus!4v1621530000000!5m2!1sen!2sus"
+                  src="https://maps.google.com/maps?q=314%20S%20Main%20St%20Ste%20110,%20Fort%20Worth,%20TX%2076104&t=&z=15&ie=UTF8&iwloc=&output=embed"
                   width="100%"
                   height="100%"
                   style={{ border: 0 }}
@@ -76,4 +90,4 @@ export default function LocationSection() {
       </section>
     </div>
   );
-}
+}