Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -9,7 +9,7 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Coffee, Crown, Zap, Heart, MapPin, Sparkles, Utensils, Star } from 'lucide-react';
+import { Coffee, Crown, Zap, Heart, MapPin, Sparkles, Utensils, Star, Phone, Clock, MapPinIcon } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -32,6 +32,7 @@ export default function LandingPage() {
             { name: "Menu", id: "menu" },
             { name: "About", id: "about" },
             { name: "Reviews", id: "reviews" },
+            { name: "Location", id: "location" },
             { name: "Contact", id: "contact" },
             { name: "Order Online", id: "https://tinyurl.com" }
           ]}
@@ -52,7 +53,7 @@ export default function LandingPage() {
           mediaAnimation="opacity"
           buttons={[
             { text: "Order Online", href: "https://tinyurl.com" },
-            { text: "Get Directions", href: "#contact" }
+            { text: "Get Directions", href: "#location" }
           ]}
           buttonAnimation="slide-up"
         />
@@ -163,12 +164,27 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="location" data-section="location">
+        <ContactCenter
+          tag="Visit Us"
+          title="Find Milk and Honey Location"
+          description="Located at 26921 Aliso Creek Rd Suite G in Aliso Viejo Town Center. Open 10:00 AM – 12:00 AM daily. Call (949) 328-9696 for directions or inquiries. Our friendly staff welcomes walk-ins and reservations."
+          tagIcon={MapPinIcon}
+          tagAnimation="slide-up"
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+          inputPlaceholder="Enter your email"
+          buttonText="Get Directions"
+          termsText="We respect your privacy. Visit us in person to experience the warm hospitality and premium coffee that makes Milk and Honey special."
+        />
+      </div>
+
       <div id="contact" data-section="contact">
         <ContactCenter
           tag="Get in Touch"
-          title="Visit or Contact Milk and Honey"
-          description="Located at 26921 Aliso Creek Rd Suite G in Aliso Viejo Town Center. Open 10:00 AM – 12:00 AM daily. Call (949) 328-9696 or subscribe for special offers and updates."
-          tagIcon={MapPin}
+          title="Contact Milk and Honey"
+          description="Have questions? Reach out to us for reservations, catering inquiries, or feedback. Subscribe below for special offers and new menu announcements."
+          tagIcon={Phone}
           tagAnimation="slide-up"
           background={{ variant: "plain" }}
           useInvertedBackground={false}
@@ -192,8 +208,8 @@ export default function LandingPage() {
             {
               title: "Contact",              items: [
                 { label: "Phone: (949) 328-9696", href: "tel:(949) 328-9696" },
-                { label: "26921 Aliso Creek Rd Suite G", href: "#contact" },
-                { label: "Aliso Viejo Town Center", href: "#contact" }
+                { label: "26921 Aliso Creek Rd Suite G", href: "#location" },
+                { label: "Aliso Viejo Town Center", href: "#location" }
               ]
             },
             {

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-nunito), sans-serif;
+  font-family: var(--font-inter), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-nunito), sans-serif;
+  font-family: var(--font-libre-baskerville), serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
-  --card: #dad6cd;
-  --foreground: #2a2928;
-  --primary-cta: #2a2928;
-  --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
-  --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
-  --background-accent: #c6b180;
+  --background: #f3ede2;
+  --card: #efe7dd;
+  --foreground: #2e2521;
+  --primary-cta: #d4a574;
+  --primary-cta-text: #2e2521;
+  --secondary-cta: #f3ede2;
+  --secondary-cta-text: #2e2521;
+  --accent: #c9a876;
+  --background-accent: #b2a28b;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);