App/sale

apps/lms/app/manifest.json

@@ -0,0 +1,21 @@
+{
+  "name": "BeeWise",
+  "short_name": "BeeWise",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}

apps/lms/next.config.ts

@@ -38,14 +38,20 @@ const nextConfig: NextConfig = {
     ],
   },
   async rewrites() {
+    if (!apiBaseUrl) {
+      return [];
+    }
+
+    const formattedBaseUrl = apiBaseUrl.replace(/\/$/, "");
+
     return [
       {
         source: "/api/ai/:path*",
-        destination: `${apiBaseUrl}/api/ai/:path*`,
+        destination: `${formattedBaseUrl}/api/ai/:path*`,
       },
       {
         source: "/api/:path*",
-        destination: `${apiBaseUrl}/:path*`,
+        destination: `${formattedBaseUrl}/:path*`,
       },
     ];
   },

apps/sale/app/manifest.json

@@ -0,0 +1,21 @@
+{
+  "name": "BeeWise",
+  "short_name": "BeeWise",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}

apps/sale/features/landing/components/FeatureShowcaseSection.tsx

@@ -69,7 +69,7 @@ const SHOWCASE_ITEMS: ShowcaseItem[] = [
     title: "Gia Sư Được Xác Thực",
     subtitle: "Hồ sơ minh bạch, uy tín tuyệt đối",
     description:
-      "Mọi gia sư trên BeeWise đều phải hoàn thành quy trình xác thực đa tầng gồm kiểm tra thông tin, bằng cấp chuyên môn, chứng chỉ quốc tế và phỏng vấn trực tiếp trước khi nhận lớp.",
+      "Mọi gia sư trên BeeWise đều phải hoàn thành quy trình xác thực đa tầng gồm kiểm tra thông tin, bằng cấp chuyên môn, chứng chỉ quốc tế và phỏng vấn trước khi nhận lớp.",
     benefits: [
       "100% hồ sơ được kiểm duyệt thực tế",
       "Bằng cấp, chứng chỉ rõ ràng, công khai",

apps/sale/features/landing/components/HeroSection.tsx

@@ -6,10 +6,12 @@ import Link from "next/link";
 import { HeroMotion } from "@workspace/ui/components/HeroMotion";
 import { HeroCarousel } from "./HeroCarousel";
 import { LightningIcon } from "@phosphor-icons/react";
+import { FunnelIcon } from "lucide-react";
 
 export function HeroSection() {
   const router = useRouter();
   const [query, setQuery] = useState("");
+  const [isFocused, setIsFocused] = useState(false);
 
   const handleSearch = () => {
     if (query.trim()) {
@@ -69,43 +71,90 @@ export function HeroSection() {
                   }}
                   aria-hidden="true"
                 />
-                <div className="relative z-10 rounded-[14.5px] p-3.5 flex items-center gap-3 bg-card w-full h-full">
-                  <input
-                    type="text"
-                    id="hero-ai-search"
-                    placeholder='Ví dụ: "Gia sư Toán lớp 12, học online, 200.000đ/buổi"'
-                    className="flex-1 bg-transparent text-sm text-foreground placeholder-foreground/35 outline-none min-w-0"
-                    aria-label="Nhập nhu cầu tìm gia sư"
-                    value={query}
-                    onChange={(e) => setQuery(e.target.value)}
-                    onKeyDown={(e) => {
-                      if (e.key === "Enter") handleSearch();
-                    }}
-                  />
+                <div className="relative z-10 rounded-[14.5px] p-2.5 sm:p-3.5 flex items-center gap-2 sm:gap-3 bg-card w-full">
+                  <div className="relative flex-1 min-w-0 flex items-center overflow-hidden py-1">
+                    <input
+                      type="text"
+                      id="hero-ai-search"
+                      placeholder='Ví dụ: "Gia sư Toán lớp 12, học online, 200.000đ/buổi"'
+                      className="w-full bg-transparent text-xs sm:text-sm text-foreground outline-none placeholder:text-foreground/35 placeholder:opacity-0 sm:placeholder:opacity-100 min-w-0 relative z-10 leading-normal"
+                      aria-label="Nhập nhu cầu tìm gia sư"
+                      value={query}
+                      onFocus={() => setIsFocused(true)}
+                      onBlur={() => setIsFocused(false)}
+                      onChange={(e) => setQuery(e.target.value)}
+                      onKeyDown={(e) => {
+                        if (e.key === "Enter") handleSearch();
+                      }}
+                    />
+
+                    {/* Running placeholder marquee for mobile when input is empty & not focused */}
+                    {!query && !isFocused && (
+                      <div
+                        aria-hidden="true"
+                        className="absolute inset-y-0 left-0 right-0 pointer-events-none flex items-center overflow-hidden sm:hidden select-none"
+                        style={{
+                          maskImage:
+                            "linear-gradient(to right, black 75%, transparent 95%)",
+                          WebkitMaskImage:
+                            "linear-gradient(to right, black 75%, transparent 95%)",
+                        }}
+                      >
+                        <div className="animate-marquee-text text-xs text-foreground/35 leading-normal flex items-center flex-nowrap whitespace-nowrap">
+                          <span className="whitespace-nowrap shrink-0 pr-12">
+                            Ví dụ: &quot;Gia sư Toán lớp 12, học online,
+                            200.000đ/buổi&quot;
+                          </span>
+                          <span className="whitespace-nowrap shrink-0 pr-12">
+                            Ví dụ: &quot;Gia sư Toán lớp 12, học online,
+                            200.000đ/buổi&quot;
+                          </span>
+                        </div>
+                      </div>
+                    )}
+                  </div>
+
                   <button
                     type="button"
                     onClick={handleSearch}
                     id="hero-cta-primary"
-                    className="shrink-0 inline-flex h-9 items-center justify-center rounded-full bg-primary px-5 text-sm font-bold text-primary-foreground transition-all duration-200 hover:bg-primary/90 active:scale-[0.98] whitespace-nowrap shadow-lg shadow-primary/30"
+                    className="shrink-0 inline-flex h-9 items-center justify-center rounded-full bg-primary px-3.5 sm:px-5 text-xs sm:text-sm font-bold text-primary-foreground transition-all duration-200 hover:bg-primary/90 active:scale-[0.98] whitespace-nowrap shadow-lg shadow-primary/30"
                   >
                     <LightningIcon
-                      size={16}
-                      className="mr-2"
+                      size={15}
+                      className="mr-1 sm:mr-2"
                       aria-hidden="true"
                     />
                     Tìm Ngay
                   </button>
                 </div>
               </div>
 
-              <div className="flex items-center gap-4">
-                <Link
-                  href="/tutors?mode=manual"
-                  id="hero-cta-secondary"
-                  className="inline-flex h-10 items-center justify-center rounded-full border-2 border-primary px-6 text-sm font-semibold text-primary transition-all duration-200 hover:bg-primary hover:text-primary-foreground active:scale-[0.98]"
-                >
-                  Tìm kiếm thủ công
-                </Link>
+              <div className="flex flex-wrap items-center justify-between gap-y-2 gap-x-4 px-1 text-xs sm:text-sm text-foreground/60">
+                <div className="flex items-center gap-2">
+                  <span className="text-foreground/50">Hoặc:</span>
+                  <Link
+                    href="/tutors?mode=manual"
+                    id="hero-cta-secondary"
+                    className="inline-flex items-center gap-1.5 rounded-full border border-primary/25 bg-accent/5 px-3.5 py-1 text-xs font-semibold text-accent transition-all duration-200 hover:bg-primary/10 hover:border-primary/40 active:scale-[0.98] group"
+                  >
+                    <span>Xem danh sách gia sư</span>
+                  </Link>
+                </div>
+
+                <div className="flex items-center gap-1.5">
+                  <span className="text-xs text-foreground/45">Gợi ý:</span>
+                  {["Toán 12", "IELTS", "Tiếng Anh"].map((tag) => (
+                    <button
+                      key={tag}
+                      type="button"
+                      onClick={() => setQuery(`Gia sư ${tag}`)}
+                      className="rounded-full bg-accent/70 px-2.5 py-0.5 text-xs font-medium text-primary/75 transition-all hover:bg-primary/10 hover:text-primary cursor-pointer active:scale-95"
+                    >
+                      {tag}
+                    </button>
+                  ))}
+                </div>
               </div>
             </div>
           </HeroMotion>

apps/sale/features/tutor-guide/components/TutorGuideHero.tsx

@@ -86,7 +86,7 @@ export function TutorGuideHero() {
         >
           <div className="relative aspect-[4/3] overflow-hidden rounded-[2rem] bg-muted shadow-[0_28px_70px_rgba(40,15,145,0.16)]">
             <Image
-              src="/brand/BeeWiseTeam-2.JPG"
+              src="https://res.cloudinary.com/xcrm6ykz/image/upload/v1789967862/15.png"
               alt="Đội ngũ BeeWise đồng hành cùng cộng đồng gia sư"
               fill
               priority

apps/sale/features/tutor-guide/components/TutorGuideSteps.tsx

@@ -8,19 +8,15 @@ import {
 const STEPS = [
   {
     title: "Hoàn thiện hồ sơ",
-    body: "Chia sẻ môn dạy, kinh nghiệm, khu vực, lịch trống và cách bạn tổ chức một buổi học.",
   },
   {
     title: "Tải lên giấy tờ",
-    body: "Gửi giấy tờ cần thiết để đội ngũ BeeWise kiểm tra và phản hồi nếu cần bổ sung.",
   },
   {
     title: "Phỏng vấn cùng trợ lý Beewise AI",
-    body: "Hoàn thành buổi phỏng vấn ngắn với trợ lý AI để chia sẻ chi tiết về chuyên môn và phong cách giảng dạy.",
   },
   {
     title: "Trở thành Gia sư",
-    body: "Sau khi hồ sơ và phỏng vấn được duyệt, bạn đã có thể nhận các yêu cầu kết nối phù hợp.",
   },
 ];
 
@@ -137,9 +133,6 @@ export function TutorGuideSteps() {
                     <h3 className="font-google-sans text-lg font-extrabold leading-snug text-foreground">
                       {step.title}
                     </h3>
-                    <p className="mt-1.5 text-sm leading-relaxed text-foreground/60">
-                      {step.body}
-                    </p>
                   </div>
                 </li>
               ))}

apps/sale/features/tutor-guide/components/TutorGuideTrust.tsx

@@ -131,7 +131,7 @@ export function TutorGuideTrust() {
 
           <div className="flex items-center gap-4 shrink-0">
             <Image
-              src="/images/Sticker/E3-1.PNG"
+              src="https://res.cloudinary.com/xcrm6ykz/image/upload/v1789966156/11.png"
               alt="BeeWise Sticker"
               width={80}
               height={70}

apps/sale/features/tutor-list/components/TutorListController.tsx

@@ -83,7 +83,7 @@ export function TutorListController({
             <div className="flex flex-col gap-4">
               <div>
                 <h1
-                  className="text-2xl uppercase md:text-3xl font-extrabold text-[#0c0c0b] tracking-tight leading-tight"
+                  className="text-2xl uppercase md:text-3xl font-extrabold text-primary tracking-tight leading-tight"
                   style={{ fontFamily: "var(--font-nunito-family)" }}
                 >
                   Tìm Kiếm Gia Sư

apps/sale/next.config.ts

@@ -46,14 +46,20 @@ const nextConfig: NextConfig = {
     ],
   },
   async rewrites() {
+    if (!apiBaseUrl) {
+      return [];
+    }
+
+    const formattedBaseUrl = apiBaseUrl.replace(/\/$/, "");
+
     return [
       {
         source: "/api/ai/:path*",
-        destination: `${apiBaseUrl}/api/ai/:path*`,
+        destination: `${formattedBaseUrl}/api/ai/:path*`,
       },
       {
         source: "/api/:path*",
-        destination: `${apiBaseUrl}/:path*`,
+        destination: `${formattedBaseUrl}/:path*`,
       },
     ];
   },

apps/staff/next.config.ts

@@ -38,10 +38,16 @@ const nextConfig: NextConfig = {
     ],
   },
   async rewrites() {
+    if (!apiBaseUrl) {
+      return [];
+    }
+
+    const formattedBaseUrl = apiBaseUrl.replace(/\/$/, "");
+
     return [
       {
         source: "/api/:path*",
-        destination: `${apiBaseUrl}/:path*`,
+        destination: `${formattedBaseUrl}/:path*`,
       },
     ];
   },