Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -24,28 +24,16 @@ export default function LandingPage() {
         cardStyle="gradient-mesh"
         primaryButtonStyle="shadow"
         secondaryButtonStyle="layered"
-        headingFontWeight="light"
+        headingFontWeight="medium"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Menu",
-          id: "#menu",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Hours",
-          id: "#hours",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Menu", id: "#menu" },
+        { name: "About", id: "#about" },
+        { name: "Hours", id: "#hours" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="Lolo Café"
     />
@@ -54,38 +42,15 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCarouselLogo
       logoText="Lolo Café"
-      description="Vintage café in the heart of Little Italy. Classic coffees, artisan lattes, and fresh pastries in a cozy, welcoming atmosphere."
-      buttons={[
-        {
-          text: "View Menu",
-          href: "#menu",
-        },
-      ]}
+      description=""
+      buttons={[{ text: "View Menu", href: "#menu" }]}
       slides={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/ceramic-cups-coffee-machine_23-2147830564.jpg",
-          imageAlt: "Cafe ambiance",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-cheesecake-wooden-table-front-cushion-against-white-wall_23-2148067198.jpg",
-          imageAlt: "Pastries display",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg",
-          imageAlt: "Coffee perfection",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-croissants-plate-with-coffee_23-2148696272.jpg",
-          imageAlt: "Refreshers display",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/restaurant-with-leather-sofa-paintings-wall_140725-9715.jpg",
-          imageAlt: "Vintage interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/cheese-cake-with-cup-hot-coffee-coffee-shop_1150-6438.jpg",
-          imageAlt: "Morning pastries",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/ceramic-cups-coffee-machine_23-2147830564.jpg", imageAlt: "Cafe ambiance" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-cheesecake-wooden-table-front-cushion-against-white-wall_23-2148067198.jpg", imageAlt: "Pastries display" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg", imageAlt: "Coffee perfection" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-croissants-plate-with-coffee_23-2148696272.jpg", imageAlt: "Refreshers display" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/restaurant-with-leather-sofa-paintings-wall_140725-9715.jpg", imageAlt: "Vintage interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/cheese-cake-with-cup-hot-coffee-coffee-shop_1150-6438.jpg", imageAlt: "Morning pastries" },
       ]}
     />
   </div>
@@ -105,42 +70,12 @@ export default function LandingPage() {
       gridVariant="two-columns-alternating-heights"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",
-          name: "Cappuccino",
-          price: "$5.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-vintage-grinder-cookie-coffee-beans-turkish-cofee-old-wooden-table_181624-48095.jpg",
-        },
-        {
-          id: "2",
-          name: "Iced Coffee",
-          price: "$4.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-holidays-sipping-fresh-drink-attractive-caucasian-female-trendy-round-shades-drinking-non-alcoholic-cocktail_273609-1913.jpg",
-        },
-        {
-          id: "3",
-          name: "Cinnamon Vanilla Tea",
-          price: "$3.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-tea-inside-plate-cup-dark-background-tea-drink-color-photo-sweet_140725-55787.jpg",
-        },
-        {
-          id: "4",
-          name: "Pistachio Latte",
-          price: "$9.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-lime-milkshake_23-2148635710.jpg",
-        },
-        {
-          id: "5",
-          name: "Plain Croissant",
-          price: "$4.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/strawberry-syrup-pie-served-with-cup-tea_114579-61842.jpg",
-        },
-        {
-          id: "6",
-          name: "Mango Refresher",
-          price: "$8.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/fruit-drink-pink-beverage-strawberry_1339-59.jpg",
-        },
+        { id: "1", name: "Cappuccino", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-vintage-grinder-cookie-coffee-beans-turkish-cofee-old-wooden-table_181624-48095.jpg" },
+        { id: "2", name: "Iced Coffee", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-holidays-sipping-fresh-drink-attractive-caucasian-female-trendy-round-shades-drinking-non-alcoholic-cocktail_273609-1913.jpg" },
+        { id: "3", name: "Cinnamon Vanilla Tea", price: "$3.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-tea-inside-plate-cup-dark-background-tea-drink-color-photo-sweet_140725-55787.jpg" },
+        { id: "4", name: "Pistachio Latte", price: "$9.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-lime-milkshake_23-2148635710.jpg" },
+        { id: "5", name: "Plain Croissant", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/strawberry-syrup-pie-served-with-cup-tea_114579-61842.jpg" },
+        { id: "6", name: "Mango Refresher", price: "$8.50", imageSrc: "http://img.b2bpic.net/free-photo/fruit-drink-pink-beverage-strawberry_1339-59.jpg" },
       ]}
       title="Our Menu"
       description="Indulge in our classic espresso blends, signature lattes, and fresh baked goods."
@@ -153,27 +88,9 @@ export default function LandingPage() {
       textboxLayout="split-description"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "1",
-          value: "10:30am - 11pm",
-          title: "Friday/Saturday",
-          description: "Extended hours for your weekend cravings.",
-          imageSrc: "http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211472.jpg",
-        },
-        {
-          id: "2",
-          value: "10:30am - 10pm",
-          title: "Tue-Thu/Sun",
-          description: "Your daily caffeine and pastry fix.",
-          imageSrc: "http://img.b2bpic.net/free-photo/old-wooden-wall-background-with-shelves-old-coffee-cup_1150-6333.jpg",
-        },
-        {
-          id: "3",
-          value: "Closed",
-          title: "Monday",
-          description: "Taking time to rest and reset.",
-          imageSrc: "http://img.b2bpic.net/free-photo/2-cups-coffee-serving-tray-with-decorative-items-white_176474-4958.jpg",
-        },
+        { id: "1", value: "10:30am - 11pm", title: "Friday/Saturday", description: "Extended hours for your weekend cravings.", imageSrc: "http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211472.jpg" },
+        { id: "2", value: "10:30am - 10pm", title: "Tue-Thu/Sun", description: "Your daily caffeine and pastry fix.", imageSrc: "http://img.b2bpic.net/free-photo/old-wooden-wall-background-with-shelves-old-coffee-cup_1150-6333.jpg" },
+        { id: "3", value: "Closed", title: "Monday", description: "Taking time to rest and reset.", imageSrc: "http://img.b2bpic.net/free-photo/2-cups-coffee-serving-tray-with-decorative-items-white_176474-4958.jpg" },
       ]}
       title="Opening Hours"
       description="Come visit us in the heart of Little Italy."
@@ -186,46 +103,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah",
-          handle: "@sarah_w",
-          testimonial: "The best pistachio latte in Windsor! The vibe is so cozy and vintage.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-holding-takeaway-coffee-cup_23-2147906467.jpg",
-        },
-        {
-          id: "2",
-          name: "Mark",
-          handle: "@mark_d",
-          testimonial: "Great spot for Gilmore Girls inspired lattes. Highly recommended.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-winter-coziness-arrangement_23-2148715936.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily",
-          handle: "@emily_r",
-          testimonial: "Fresh croissants and amazing Turkish coffee. My go-to morning spot.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-colleagues-work-break-time_23-2149308456.jpg",
-        },
-        {
-          id: "4",
-          name: "James",
-          handle: "@james_c",
-          testimonial: "Authentic Little Italy charm. The staff is always so welcoming.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-woman-apron-barista-giving-you-cup-coffee-working-cafe-serving_1258-199256.jpg",
-        },
-        {
-          id: "5",
-          name: "Olivia",
-          handle: "@olivia_b",
-          testimonial: "Wonderful atmosphere, perfect for reading with a cup of tea.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/best-friends-are-chatting-laughing-with-tasty-snacks-terrace_8353-10306.jpg",
-        },
+        { id: "1", name: "Sarah", handle: "@sarah_w", testimonial: "The best pistachio latte in Windsor! The vibe is so cozy and vintage.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-holding-takeaway-coffee-cup_23-2147906467.jpg" },
+        { id: "2", name: "Mark", handle: "@mark_d", testimonial: "Great spot for Gilmore Girls inspired lattes. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-winter-coziness-arrangement_23-2148715936.jpg" },
+        { id: "3", name: "Emily", handle: "@emily_r", testimonial: "Fresh croissants and amazing Turkish coffee. My go-to morning spot.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-colleagues-work-break-time_23-2149308456.jpg" },
+        { id: "4", name: "James", handle: "@james_c", testimonial: "Authentic Little Italy charm. The staff is always so welcoming.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-woman-apron-barista-giving-you-cup-coffee-working-cafe-serving_1258-199256.jpg" },
+        { id: "5", name: "Olivia", handle: "@olivia_b", testimonial: "Wonderful atmosphere, perfect for reading with a cup of tea.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/best-friends-are-chatting-laughing-with-tasty-snacks-terrace_8353-10306.jpg" },
       ]}
       showRating={true}
       title="What Our Community Says"
@@ -237,21 +119,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "1",
-          title: "Do you offer vegan options?",
-          content: "Yes, we offer several plant-based milk alternatives and some pastries.",
-        },
-        {
-          id: "2",
-          title: "Is there outdoor seating?",
-          content: "During warmer months, we do have a lovely patio area.",
-        },
-        {
-          id: "3",
-          title: "Can I reserve a table?",
-          content: "We operate on a walk-in basis, but feel free to call ahead for group inquiries.",
-        },
+        { id: "1", title: "Do you offer vegan options?", content: "Yes, we offer several plant-based milk alternatives and some pastries." },
+        { id: "2", title: "Is there outdoor seating?", content: "During warmer months, we do have a lovely patio area." },
+        { id: "3", title: "Can I reserve a table?", content: "We operate on a walk-in basis, but feel free to call ahead for group inquiries." },
       ]}
       sideTitle="Frequently Asked Questions"
       faqsAnimation="slide-up"
@@ -261,14 +131,14 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Contact Us"
       title="Visit Us Today"
       description="769 Erie St E Unit C, Windsor, Ontario N9A 3Y3"
       imageSrc="http://img.b2bpic.net/free-photo/attractive-young-woman-uses-smartphone-christmas-online-shopping_169016-16942.jpg"
       mediaAnimation="slide-up"
+      buttonText="Get Directions"
+      onSubmit={() => window.open("https://www.google.com/maps/dir/?api=1&destination=769+Erie+St+E+Unit+C+Windsor+Ontario", "_blank")}
     />
   </div>
 
@@ -276,32 +146,8 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="Lolo Café"
       columns={[
-        {
-          title: "Menu",
-          items: [
-            {
-              label: "Coffee",
-              href: "#menu",
-            },
-            {
-              label: "Pastries",
-              href: "#menu",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
+        { title: "Menu", items: [{ label: "Coffee", href: "#menu" }, { label: "Pastries", href: "#menu" }] },
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
       ]}
       copyrightText="© 2025 Lolo Café | Windsor, ON"
     />

src/app/styles/base.css

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