added few testimonials to 3D Bits docs

Author: matas-bitbybit-dev

docs/learn/3d-bits/intro.md

@@ -32,6 +32,31 @@ Traditional online stores use static images, but modern shoppers want to see pro
   </iframe>
 </div>
 
+## What Our Customers Say
+
+<div class="testimonials-section">
+
+<div class="testimonial-item">
+
+### "An outstanding app for 3D configuration and beyond! It's intuitive, fully customizable, and backed by exceptional support from Matas. You can seamlessly integrate 3D models into Shopify product media and dynamically reflect different variants — from accessories to color changes and more. A definite must-have!"
+
+**Nicolas Quendez, Co-Founder & CEO**  
+[![Kahe E-Nautic](https://ik.imagekit.io/bitbybit/app/assets/start/shopify/kahe-enautic.webp)](https://kahe-nautic.com/)
+
+</div>
+
+<div class="testimonial-item">
+
+### "I wasn't expecting to be this impressed. This guy delivers real value with authenticity, quality, and professionalism. Every interaction we've had has been smooth, straightforward, and reliable. What you see is exactly what you get, just solid, well-executed work with no unnecessary noise. This is the kind of service I'd recommend without hesitation. I'll definitely continue working with Matas."
+
+**Francesco, Founder & CEO**  
+[![Ironside Armour](https://ik.imagekit.io/bitbybit/app/assets/start/shopify/ironside-armour.webp)](https://ironsidearmour.com)
+
+</div>
+
+</div>
+
+
 ## How Does 3D Bits Work?
 
 3D Bits is built on the [bitbybit.dev](https://bitbybit.dev) platform, which provides powerful 3D and CAD tools for both beginners and professionals. You can:

docs/src/css/custom.css

@@ -57,4 +57,47 @@
 
 .category-icon-small {
     width: 100px;
+}
+
+.testimonials-section {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 2rem;
+  margin: 2rem 0;
+}
+
+.testimonial-item {
+  background: #34383e;
+  padding: 1.5rem;
+  border-radius: 8px;
+  color: #f0cebb;
+  border-left: 4px solid #f0cebb;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.testimonial-item h3 {
+  font-style: italic;
+  color: white;
+  font-weight: 400;
+  margin-bottom: 1rem;
+  line-height: 1.6;
+  font-size: 1rem;
+  flex-grow: 1;
+}
+
+.testimonial-item img {
+  margin-top: 10px;
+  border-radius: 4px;
+  width: 160px;
+  object-fit: contain;
+  align-self: flex-start;
+}
+
+@media (max-width: 768px) {
+  .testimonials-section {
+    grid-template-columns: 1fr;
+    gap: 1rem;
+  }
 }

docs/src/theme/Layout/index.tsx

@@ -11,12 +11,24 @@ export default function LayoutWrapper(props: Props): ReactNode {
 
     const [trackingInitialized, setTrackingInitialized] = useState(false);
 
+    // Check if running in iframe
+    const isInIframe = ExecutionEnvironment.canUseDOM && window.parent !== window;
+
     // Check if cookies are disabled via query parameter
-    const isCookieDisabled = ExecutionEnvironment.canUseDOM && 
+    const isCookieDisabledByQuery = ExecutionEnvironment.canUseDOM && 
         new URLSearchParams(window.location.search).get("cookies") === "disabled";
 
+    // Set decline cookie if disabled by query parameter (but not in iframe)
+    if (isCookieDisabledByQuery && ExecutionEnvironment.canUseDOM && !isInIframe) {
+        Cookies.set("bitbybit-docs-cookie-consent", "false", { expires: 365 });
+    }
+
+    // Check if cookies are disabled (by query, iframe, or previous decline)
+    const cookieConsent = Cookies.get("bitbybit-docs-cookie-consent");
+    const isCookieDisabled = isCookieDisabledByQuery || cookieConsent === "false" || isInIframe;
+
     const initializeGATracking = () => {
-        if (ExecutionEnvironment.canUseDOM && !window.gtag) {
+        if (ExecutionEnvironment.canUseDOM && !window.gtag && !isCookieDisabled) {
             const script = document.createElement("script");
             script.src = `https://www.googletagmanager.com/gtag/js?id=${GA_MEASUREMENT_ID}`;
             script.async = true;
@@ -35,8 +47,6 @@ export default function LayoutWrapper(props: Props): ReactNode {
         }
     };
 
-    const cookieConsent = Cookies.get("bitbybit-docs-cookie-consent");
-
     if (cookieConsent === "true" && trackingInitialized === false && !isCookieDisabled) {
         initializeGATracking();
         setTrackingInitialized(true);
@@ -45,7 +55,7 @@ export default function LayoutWrapper(props: Props): ReactNode {
     return (
         <>
             <Layout {...props} />
-            {!isCookieDisabled && (
+            {!isCookieDisabled && !cookieConsent && (
                 <CookieConsent
                     location="bottom"
                     buttonText="ACCEPT COOKIES ❤️"