Update src/app/visit/page.tsx

Merge version_11 into main

src/app/about/page.tsx

@@ -6,8 +6,10 @@ import FooterBase from '@/components/sections/footer/FooterBase';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
+import { useState } from 'react';
 
 export default function LandingPage() {
+  const [isChatOpen, setIsChatOpen] = useState(false);
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -32,8 +34,17 @@ export default function LandingPage() {
         { name: "Visit", id: "/visit" },
       ]}
       brandName="gilded nest"
-      button={{ text: "Contact", href: "#footer" }}
+      button={{ text: "Gilded Nest AI Agent", onClick: () => setIsChatOpen(true) }}
     />
+    {isChatOpen && (
+        <div className="fixed bottom-20 right-8 z-50 w-80 h-96 bg-white border border-gray-200 rounded-2xl shadow-xl flex flex-col p-4">
+            <div className="flex justify-between items-center mb-4">
+                <h3 className="font-bold">AI Assistant</h3>
+                <button onClick={() => setIsChatOpen(false)}>×</button>
+            </div>
+            <div className="flex-1 overflow-y-auto mb-4 border-t pt-2">How can I help you today?</div>
+        </div>
+    )}
   </div>
 
   <div id="about" data-section="about">

src/app/classes/page.tsx

@@ -6,8 +6,10 @@ import FooterBase from '@/components/sections/footer/FooterBase';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import { useState } from 'react';
 
 export default function LandingPage() {
+  const [isChatOpen, setIsChatOpen] = useState(false);
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -32,8 +34,17 @@ export default function LandingPage() {
         { name: "Visit", id: "/visit" },
       ]}
       brandName="gilded nest"
-      button={{ text: "Sign Up", href: "#product" }}
+      button={{ text: "Gilded Nest AI Agent", onClick: () => setIsChatOpen(true) }}
     />
+    {isChatOpen && (
+        <div className="fixed bottom-20 right-8 z-50 w-80 h-96 bg-white border border-gray-200 rounded-2xl shadow-xl flex flex-col p-4">
+            <div className="flex justify-between items-center mb-4">
+                <h3 className="font-bold">AI Assistant</h3>
+                <button onClick={() => setIsChatOpen(false)}>×</button>
+            </div>
+            <div className="flex-1 overflow-y-auto mb-4 border-t pt-2">How can I help you today?</div>
+        </div>
+    )}
   </div>
 
   <div id="metric" data-section="metric">

src/app/contact/page.tsx

@@ -5,8 +5,10 @@ import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBase from '@/components/sections/footer/FooterBase';
+import { useState } from 'react';
 
 export default function ContactPage() {
+  const [isChatOpen, setIsChatOpen] = useState(false);
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -31,8 +33,17 @@ export default function ContactPage() {
             { name: "Contact", id: "/contact" },
           ]}
           brandName="gilded nest"
-          button={{ text: "Visit Us", href: "/visit" }}
+          button={{ text: "Gilded Nest AI Agent", onClick: () => setIsChatOpen(true) }}
         />
+        {isChatOpen && (
+            <div className="fixed bottom-20 right-8 z-50 w-80 h-96 bg-white border border-gray-200 rounded-2xl shadow-xl flex flex-col p-4">
+                <div className="flex justify-between items-center mb-4">
+                    <h3 className="font-bold">AI Assistant</h3>
+                    <button onClick={() => setIsChatOpen(false)}>×</button>
+                </div>
+                <div className="flex-1 overflow-y-auto mb-4 border-t pt-2">How can I help you today?</div>
+            </div>
+        )}
         
         <div id="contact" data-section="contact" className="py-20">
           <ContactSplit

src/app/page.tsx

@@ -10,8 +10,10 @@ import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll'
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import { useState } from 'react';
 
 export default function LandingPage() {
+  const [isChatOpen, setIsChatOpen] = useState(false);
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -37,8 +39,17 @@ export default function LandingPage() {
         { name: "Contact", id: "/contact" },
       ]}
       brandName="gilded nest"
-      button={{ text: "Visit Us", href: "/visit" }}
+      button={{ text: "Gilded Nest AI Agent", onClick: () => setIsChatOpen(true) }}
     />
+    {isChatOpen && (
+        <div className="fixed bottom-20 right-8 z-50 w-80 h-96 bg-white border border-gray-200 rounded-2xl shadow-xl flex flex-col p-4">
+            <div className="flex justify-between items-center mb-4">
+                <h3 className="font-bold">AI Assistant</h3>
+                <button onClick={() => setIsChatOpen(false)}>×</button>
+            </div>
+            <div className="flex-1 overflow-y-auto mb-4 border-t pt-2">How can I help you today?</div>
+        </div>
+    )}
   </div>
 
   <div id="hero" data-section="hero">
@@ -50,18 +61,18 @@ export default function LandingPage() {
       imageAlt="Inside our shop featuring unique artisan goods"
       buttons={[
         { text: "Visit Us", href: "/visit" },
-        { text: "Wonder if they have what you're looking for? Give them a call at +", href: "tel:+13173182191" }
+        { text: "Call Us", href: "tel:+13173182191" }
       ]}
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureCardNineteen
-      textboxLayout="default"
+      textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        { tag: "Curated", title: "Handcrafted Jewelry", subtitle: "One-of-a-kind", description: "Beautiful pieces created by our local jewelers.", imageSrc: "http://img.b2bpic.net/free-photo/preparing-cocoa-drink-barista-making-cocoa-cafe_169016-66904.jpg" },
-        { tag: "Natural", title: "Artisan Apothecary", subtitle: "Pure ingredients", description: "Lotions, soaps, and candles that soothe the soul.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-natural-self-care-products_23-2148980984.jpg" },
+        { tag: "Curated", title: "Handcrafted Jewelry", subtitle: "One-of-a-kind", description: "Beautiful pieces created by our local jewelers.", imageSrc: "http://img.b2bpic.net/free-photo/preparing-cocoa-drink-barista-making-cocoa-cafe_169016-66904.jpg?_wi=1" },
+        { tag: "Natural", title: "Artisan Apothecary", subtitle: "Pure ingredients", description: "Lotions, soaps, and candles that soothe the soul.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-natural-self-care-products_23-2148980984.jpg?_wi=1" },
         { tag: "Apparel", title: "Curated Apparel", subtitle: "Handmade style", description: "Clothing pieces you'll love to wear and share.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bridesmaids-dresses-hangers_23-2149081536.jpg" }
       ]}
       title="Meet Our Artisans"

src/app/services/page.tsx

@@ -5,8 +5,10 @@ import ReactLenis from "lenis/react";
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import FooterBase from '@/components/sections/footer/FooterBase';
+import { useState } from 'react';
 
 export default function ServicesPage() {
+  const [isChatOpen, setIsChatOpen] = useState(false);
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -28,19 +30,28 @@ export default function ServicesPage() {
               { name: "Services", id: "/services" }
             ]}
             brandName="gilded nest"
-            button={{ text: "Contact", href: "#footer" }}
+            button={{ text: "Gilded Nest AI Agent", onClick: () => setIsChatOpen(true) }}
           />
+        {isChatOpen && (
+            <div className="fixed bottom-20 right-8 z-50 w-80 h-96 bg-white border border-gray-200 rounded-2xl shadow-xl flex flex-col p-4">
+                <div className="flex justify-between items-center mb-4">
+                    <h3 className="font-bold">AI Assistant</h3>
+                    <button onClick={() => setIsChatOpen(false)}>×</button>
+                </div>
+                <div className="flex-1 overflow-y-auto mb-4 border-t pt-2">How can I help you today?</div>
+            </div>
+        )}
         </div>
 
         <div id="services" data-section="features">
           <FeatureCardNineteen
-            textboxLayout="default"
+            textboxLayout="split"
             useInvertedBackground={false}
             title="Our Services"
             description="Explore the various professional services we offer to help you achieve your goals."
             features={[
-              { tag: "Support", title: "Consulting", subtitle: "Expert advice", description: "Get professional guidance on your projects.", imageSrc: "http://img.b2bpic.net/free-photo/preparing-cocoa-drink-barista-making-cocoa-cafe_169016-66904.jpg" },
-              { tag: "Creative", title: "Design", subtitle: "Tailored solutions", description: "High-quality design services for your brand.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-natural-self-care-products_23-2148980984.jpg" }
+              { tag: "Support", title: "Consulting", subtitle: "Expert advice", description: "Get professional guidance on your projects.", imageSrc: "http://img.b2bpic.net/free-photo/preparing-cocoa-drink-barista-making-cocoa-cafe_169016-66904.jpg?_wi=2" },
+              { tag: "Creative", title: "Design", subtitle: "Tailored solutions", description: "High-quality design services for your brand.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-natural-self-care-products_23-2148980984.jpg?_wi=2" }
             ]}
           />
         </div>

src/app/vendors/page.tsx

@@ -6,8 +6,10 @@ import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import { useState } from 'react';
 
 export default function LandingPage() {
+  const [isChatOpen, setIsChatOpen] = useState(false);
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -32,13 +34,22 @@ export default function LandingPage() {
         { name: "Visit", id: "/visit" },
       ]}
       brandName="gilded nest"
-      button={{ text: "Apply", href: "#vendor-cta" }}
+      button={{ text: "Gilded Nest AI Agent", onClick: () => setIsChatOpen(true) }}
     />
+    {isChatOpen && (
+        <div className="fixed bottom-20 right-8 z-50 w-80 h-96 bg-white border border-gray-200 rounded-2xl shadow-xl flex flex-col p-4">
+            <div className="flex justify-between items-center mb-4">
+                <h3 className="font-bold">AI Assistant</h3>
+                <button onClick={() => setIsChatOpen(false)}>×</button>
+            </div>
+            <div className="flex-1 overflow-y-auto mb-4 border-t pt-2">How can I help you today?</div>
+        </div>
+    )}
   </div>
 
   <div id="vendor-list" data-section="vendor-list">
       <FeatureCardNineteen
-      textboxLayout="default"
+      textboxLayout="split"
       useInvertedBackground={true}
       features={[
         { tag: "Maker", title: "Greenfield Woodworks", subtitle: "Home Decor", description: "Hand-carved reclaimed wood furniture.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-zero-waste-products-wooden-background_23-2148491113.jpg" },

src/app/visit/page.tsx

@@ -6,8 +6,10 @@ import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen
 import FooterBase from '@/components/sections/footer/FooterBase';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import { useState } from 'react';
 
 export default function LandingPage() {
+  const [isChatOpen, setIsChatOpen] = useState(false);
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -32,8 +34,17 @@ export default function LandingPage() {
         { name: "Visit", id: "/visit" },
       ]}
       brandName="gilded nest"
-      button={{ text: "Map", href: "https://maps.google.com" }}
+      button={{ text: "Gilded Nest AI Agent", onClick: () => setIsChatOpen(true) }}
     />
+    {isChatOpen && (
+        <div className="fixed bottom-20 right-8 z-50 w-80 h-96 bg-white border border-gray-200 rounded-2xl shadow-xl flex flex-col p-4">
+            <div className="flex justify-between items-center mb-4">
+                <h3 className="font-bold">AI Assistant</h3>
+                <button onClick={() => setIsChatOpen(false)}>×</button>
+            </div>
+            <div className="flex-1 overflow-y-auto mb-4 border-t pt-2">How can I help you today?</div>
+        </div>
+    )}
   </div>
 
   <div id="metric" data-section="metric">