Update src/app/page.tsx

Merge version_4 into main

src/app/contact/page.tsx

@@ -0,0 +1,58 @@
+"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';
+
+export default function ContactPage() {
+  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: "Visit Us", href: "/visit" }}
+        />
+        
+        <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,6 +9,7 @@ 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';
 
 export default function LandingPage() {
   return (
@@ -33,6 +34,7 @@ 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" }}
@@ -67,6 +69,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 +128,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"
     />
@@ -119,4 +136,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/services/page.tsx

@@ -0,0 +1,59 @@
+"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';
+
+export default function ServicesPage() {
+  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: "Contact", href: "#footer" }}
+          />
+        </div>
+
+        <div id="services" data-section="features">
+          <FeatureCardNineteen
+            textboxLayout="default"
+            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" }
+            ]}
+          />
+        </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>
+  );
+}