Reverted to commit f7e88aa

Author: lovable-dev[bot]

package-lock.json

@@ -127,51 +127,18 @@ export const BeautyAssistant = () => {
             {/* Chat Area */}
             <ScrollArea ref={scrollRef} className="flex-1 p-5 space-y-5 bg-white/50 backdrop-blur-md">
               {messages.length === 0 && (
-                <div className="text-center py-6">
-                  <div className="w-20 h-20 mx-auto mb-6 rounded-full bg-gradient-to-br from-polished-gold/20 to-transparent flex items-center justify-center border border-polished-gold/30 shadow-[0_4px_20px_-5px_rgba(212,175,55,0.3)]">
+                <div className="text-center py-10">
+                  <div className="w-20 h-20 mx-auto mb-6 rounded-full bg-gradient-to-br from-polished-gold/20 to-transparent flex items-center justify-center border border-polished-gold/30">
                     <img src="/dr-bot-character.png" className="w-16 h-16 object-contain" alt="Dr. Sami Icon" />
                   </div>
                   <h4 className="text-asper-ink font-heading text-xl font-bold mb-2">
                     {isAr ? "استشارة مجانية" : "Private Consultation"}
                   </h4>
-                  <p className="text-asper-ink/70 text-sm max-w-xs mx-auto leading-relaxed mb-6">
+                  <p className="text-asper-ink/70 text-sm max-w-xs mx-auto leading-relaxed">
                     {isAr 
-                      ? "أهلاً بكِ في عيادتنا الرقمية. صفي لي حالة بشرتكِ أو اختاري مما يلي:"
-                      : "Welcome to our digital clinic. Tell me about your skin concerns or select an option below:"}
+                      ? "أهلاً بكِ في عيادتنا الرقمية. صفي لي حالة بشرتكِ أو ما تبحثين عنه."
+                      : "Welcome to our digital clinic. Tell me about your skin concerns or what you're looking for."}
                   </p>
-                  
-                  <div className="flex flex-col gap-2 px-4">
-                    {['Routine for acne-prone skin', 'Best anti-aging serum', 'Daily hydration for sensitive skin'].map((suggestion, idx) => (
-                      <button 
-                        key={idx}
-                        onClick={() => {
-                          setInput(suggestion);
-                          // We wait a tick to ensure state is updated before sending
-                          setTimeout(() => {
-                             const userMsg = { role: "user", content: suggestion };
-                             setMessages(prev => [...prev, userMsg]);
-                             setInput("");
-                             setIsLoading(true);
-                             supabase.functions.invoke('beauty-assistant', { body: { messages: [userMsg], language } })
-                               .then(({data, error}) => {
-                                  if(error) throw error;
-                                  setMessages(prev => [...prev, { role: "assistant", content: data.reply, trayProducts: data.products }]);
-                               })
-                               .catch(err => {
-                                  console.error(err);
-                                  toast.error(ASPER_PROTOCOL.errorShort[language === 'ar' ? 'ar' : 'en']);
-                               })
-                               .finally(() => setIsLoading(false));
-                          }, 50);
-                        }}
-                        className="text-left px-4 py-3 text-sm bg-white border border-polished-gold/20 rounded-xl text-asper-ink/80 hover:bg-polished-gold/5 hover:border-polished-gold/40 hover:text-asper-ink transition-all shadow-sm active:scale-95"
-                      >
-                        {isAr && idx === 0 ? "روتين للبشرة المعرضة لحب الشباب" : 
-                         isAr && idx === 1 ? "أفضل سيروم مقاوم للتجاعيد" : 
-                         isAr && idx === 2 ? "ترطيب يومي للبشرة الحساسة" : suggestion}
-                      </button>
-                    ))}
-                  </div>
                 </div>
               )}
 

scripts/sync-asar-fast.js

@@ -69,11 +69,11 @@ export const BrandMarquee = () => {
         </div>
 
         {/* Luxury Brand Grid - Show first 8 on large screens */}
-        <div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-6 gap-4 md:gap-6 place-items-center">
+        <div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-6 gap-4 md:gap-6">
           {BRANDS.slice(0, 6).map((brand, index) => (
             <div
               key={brand.name}
-              className="group relative flex items-center justify-center w-full h-24 sm:h-32 p-4 sm:p-6
+              className="group relative flex items-center justify-center p-6 md:p-8 
                          bg-white/80 backdrop-blur-sm rounded-xl
                          border border-cream-dark/50 
                          shadow-[0_4px_24px_-4px_rgba(0,0,0,0.05)]
@@ -122,7 +122,7 @@ export const BrandMarquee = () => {
               <img
                 src={brand.logo}
                 alt={`${brand.name} Logo`}
-                className="relative w-full h-full max-w-[120px] object-contain 
+                className="relative h-8 md:h-10 w-auto max-w-full object-contain 
                            filter grayscale opacity-70
                            group-hover:grayscale-0 group-hover:opacity-100
                            transition-all duration-500 ease-out

scripts/sync-asar-v3.js

@@ -40,7 +40,7 @@ export default function ShopByConcern() {
           </p>
         </div>
 
-        <div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-7 gap-4">
+        <div className="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-7 gap-4">
           {concerns.map((c, i) => (
             <motion.div
               key={c.label}
@@ -51,15 +51,15 @@ export default function ShopByConcern() {
             >
               <Link
                 to={`/products?q=${encodeURIComponent(c.query)}`}
-                className="group flex flex-col items-center gap-3 p-4 sm:p-6 h-full rounded-xl border border-border bg-card hover:border-accent/50 hover:shadow-[0_8px_30px_rgba(212,175,55,0.15)] transition-all duration-300 active:scale-95"
+                className="group flex flex-col items-center gap-3 p-6 rounded-lg border border-border bg-card hover:border-accent/50 hover:shadow-lg transition-all duration-300"
               >
-                <div className="w-14 h-14 rounded-full bg-muted flex items-center justify-center group-hover:bg-accent/10 transition-colors shadow-inner">
+                <div className="w-14 h-14 rounded-full bg-muted flex items-center justify-center group-hover:bg-accent/10 transition-colors">
                   <c.Icon
                     size={26}
                     className="text-primary group-hover:text-accent transition-colors duration-300"
                   />
                 </div>
-                <span className="font-body text-xs sm:text-sm font-medium text-foreground text-center tracking-wide">
+                <span className="font-body text-sm font-medium text-foreground text-center">
                   {c.label}
                 </span>
               </Link>