wip

components/ProductTabs.tsx

@@ -3,13 +3,29 @@ import React from 'react';
 interface ProductTabsProps {
   children: React.ReactNode;
   technicalData?: React.ReactNode;
+  sidebar?: React.ReactNode;
 }
 
-export default function ProductTabs({ children, technicalData }: ProductTabsProps) {
+export default function ProductTabs({ children, technicalData, sidebar }: ProductTabsProps) {
   return (
     <div className="space-y-24">
-      <div className="max-w-none">
-        {children}
+      <div className="flex flex-col lg:flex-row gap-12 items-start">
+        <div className="flex-1 min-w-0">
+          {sidebar && (
+            <div className="lg:hidden mb-12">
+              {sidebar}
+            </div>
+          )}
+          <div className="max-w-none">
+            {children}
+          </div>
+        </div>
+
+        {sidebar && (
+          <div className="hidden lg:block sticky top-32 w-[350px] xl:w-[400px] flex-shrink-0">
+            {sidebar}
+          </div>
+        )}
       </div>
 
       {technicalData && (