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

@@ -0,0 +1,69 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+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"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="mediumLarge"
+        background="blurBottom"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="layered"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Vendors", id: "/vendors" },
+            { name: "Classes", id: "/classes" },
+            { name: "About", id: "/about" },
+            { name: "Visit", id: "/visit" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="gilded nest"
+          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
+            tag="Contact Us"
+            title="Get in Touch"
+            description="Whether you have a question about our vendors, want to request a custom quote, or just want to say hi, we'd love to hear from you."
+            background={{ variant: "gradient-bars" }}
+            buttonText="Send Message"
+            useInvertedBackground={false}
+          />
+        </div>
+
+        <FooterBase
+          columns={[
+            { title: "Shop", items: [{ label: "Vendors", href: "/vendors" }, { label: "Bookstore", href: "/bookstore" }] },
+            { title: "Visit", items: [{ label: "Hours & Map", href: "/visit" }, { label: "Community", href: "/about" }, { label: "Contact", href: "/contact" }] }
+          ]}
+          logoText="gilded nest"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -9,8 +9,11 @@ import FooterBase from '@/components/sections/footer/FooterBase';
 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"
@@ -33,10 +36,20 @@ export default function LandingPage() {
         { name: "Classes", id: "/classes" },
         { name: "About", id: "/about" },
         { name: "Visit", id: "/visit" },
+        { 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">
@@ -48,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"
@@ -67,6 +80,21 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="testimonials" data-section="testimonials">
+    <TestimonialCardThirteen
+      title="Words from our Community"
+      description="Hear what our neighbors have to say about Gilded Nest."
+      animationType="slide-up"
+      showRating={true}
+      textboxLayout="default"
+      useInvertedBackground={false}
+      testimonials={[
+        { id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "A hidden gem in the heart of the city!", rating: 5 },
+        { id: "t2", name: "Mike D.", handle: "@miked", testimonial: "The best place to find unique handmade gifts.", rating: 5 }
+      ]}
+    />
+  </div>
+
   <div id="metric" data-section="metric">
       <MetricCardSeven
       animationType="slide-up"
@@ -111,7 +139,7 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         { title: "Shop", items: [{ label: "Vendors", href: "/vendors" }, { label: "Bookstore", href: "/bookstore" }] },
-        { title: "Visit", items: [{ label: "Hours & Map", href: "/visit" }, { label: "Community", href: "/about" }] }
+        { title: "Visit", items: [{ label: "Hours & Map", href: "/visit" }, { label: "Community", href: "/about" }, { label: "Contact", href: "/contact" }] }
       ]}
       logoText="gilded nest"
     />

src/app/services/page.tsx

@@ -0,0 +1,70 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+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"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="mediumLarge"
+        background="blurBottom"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="layered"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" }
+            ]}
+            brandName="gilded nest"
+            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="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?_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>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }] }
+            ]}
+            logoText="gilded nest"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

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">