Update src/app/visit/page.tsx

Merge version_11 into main

src/app/about/page.tsx

@@ -6,9 +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 { Sparkles } from 'lucide-react';
+import { useState } from 'react';
 
 export default function LandingPage() {
+  const [isChatOpen, setIsChatOpen] = useState(false);
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -33,8 +34,17 @@ export default function LandingPage() {
         { name: "Visit", id: "/visit" },
       ]}
       brandName="gilded nest"
-      button={{ text: "Gilded Nest AI", onClick: () => alert("Connecting to Gilded Nest AI agent..."), href: "#" }}
+      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">
@@ -76,4 +86,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/classes/page.tsx

@@ -6,9 +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 { Sparkles } from 'lucide-react';
+import { useState } from 'react';
 
 export default function LandingPage() {
+  const [isChatOpen, setIsChatOpen] = useState(false);
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -33,8 +34,17 @@ export default function LandingPage() {
         { name: "Visit", id: "/visit" },
       ]}
       brandName="gilded nest"
-      button={{ text: "Gilded Nest AI", onClick: () => alert("Connecting to Gilded Nest AI agent..."), href: "#" }}
+      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">
@@ -79,4 +89,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/contact/page.tsx

@@ -5,9 +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 { Sparkles } from 'lucide-react';
+import { useState } from 'react';
 
 export default function ContactPage() {
+  const [isChatOpen, setIsChatOpen] = useState(false);
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -32,8 +33,17 @@ export default function ContactPage() {
             { name: "Contact", id: "/contact" },
           ]}
           brandName="gilded nest"
-          button={{ text: "Gilded Nest AI", onClick: () => alert("Connecting to Gilded Nest AI agent..."), href: "#" }}
+          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
@@ -56,4 +66,4 @@ export default function ContactPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -10,9 +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 { Sparkles } from 'lucide-react';
+import { useState } from 'react';
 
 export default function LandingPage() {
+  const [isChatOpen, setIsChatOpen] = useState(false);
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -38,8 +39,17 @@ export default function LandingPage() {
         { name: "Contact", id: "/contact" },
       ]}
       brandName="gilded nest"
-      button={{ text: "Gilded Nest AI", onClick: () => alert("Connecting to Gilded Nest AI agent..."), href: "#" }}
+      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">
@@ -137,4 +147,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/services/page.tsx

@@ -5,9 +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 { Sparkles } from 'lucide-react';
+import { useState } from 'react';
 
 export default function ServicesPage() {
+  const [isChatOpen, setIsChatOpen] = useState(false);
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -29,8 +30,17 @@ export default function ServicesPage() {
               { name: "Services", id: "/services" }
             ]}
             brandName="gilded nest"
-            button={{ text: "Gilded Nest AI", onClick: () => alert("Connecting to Gilded Nest AI agent..."), href: "#" }}
+            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">
@@ -57,4 +67,4 @@ export default function ServicesPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/vendors/page.tsx

@@ -6,9 +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 { Sparkles } from 'lucide-react';
+import { useState } from 'react';
 
 export default function LandingPage() {
+  const [isChatOpen, setIsChatOpen] = useState(false);
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -33,8 +34,17 @@ export default function LandingPage() {
         { name: "Visit", id: "/visit" },
       ]}
       brandName="gilded nest"
-      button={{ text: "Gilded Nest AI", onClick: () => alert("Connecting to Gilded Nest AI agent..."), href: "#" }}
+      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">
@@ -77,4 +87,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/visit/page.tsx

@@ -6,9 +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 { Sparkles } from 'lucide-react';
+import { useState } from 'react';
 
 export default function LandingPage() {
+  const [isChatOpen, setIsChatOpen] = useState(false);
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"
@@ -33,8 +34,17 @@ export default function LandingPage() {
         { name: "Visit", id: "/visit" },
       ]}
       brandName="gilded nest"
-      button={{ text: "Gilded Nest AI", onClick: () => alert("Connecting to Gilded Nest AI agent..."), href: "#" }}
+      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">
@@ -75,4 +85,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}