From d38840351e4c3c688b7b19bd7dd163f25d09c695 Mon Sep 17 00:00:00 2001 From: Vy Ngo Chi Date: Wed, 19 Aug 2026 21:09:38 +0700 Subject: [PATCH] feat: implement about-us and tutor-guide landing pages with modular feature components --- apps/sale/app/(guest)/about-us/page.tsx | 48 ++++ apps/sale/app/(guest)/page.tsx | 2 + apps/sale/app/(guest)/tutor-guide/page.tsx | 28 +-- .../features/about/components/AboutCta.tsx | 48 ++++ .../features/about/components/AboutHero.tsx | 79 +++++++ .../about/components/AboutMission.tsx | 111 +++++++++ .../features/about/components/AboutTeam.tsx | 125 ++++++++++ .../landing/components/FaqSection.tsx | 4 +- .../landing/components/SponsorSection.tsx | 43 ++++ .../tutor-guide/components/TutorGuideCta.tsx | 22 +- .../tutor-guide/components/TutorGuideFaq.tsx | 2 +- .../components/TutorGuideFeatures.tsx | 6 +- .../components/TutorGuideFeedback.tsx | 213 ++++++++++++++++++ .../components/TutorGuidePainPoints.tsx | 98 ++++++-- .../components/TutorGuideSteps.tsx | 4 +- 15 files changed, 781 insertions(+), 52 deletions(-) create mode 100644 apps/sale/app/(guest)/about-us/page.tsx create mode 100644 apps/sale/features/about/components/AboutCta.tsx create mode 100644 apps/sale/features/about/components/AboutHero.tsx create mode 100644 apps/sale/features/about/components/AboutMission.tsx create mode 100644 apps/sale/features/about/components/AboutTeam.tsx create mode 100644 apps/sale/features/landing/components/SponsorSection.tsx create mode 100644 apps/sale/features/tutor-guide/components/TutorGuideFeedback.tsx diff --git a/apps/sale/app/(guest)/about-us/page.tsx b/apps/sale/app/(guest)/about-us/page.tsx new file mode 100644 index 0000000..e322214 --- /dev/null +++ b/apps/sale/app/(guest)/about-us/page.tsx @@ -0,0 +1,48 @@ +import type { Metadata } from "next"; +import { Header } from "@workspace/ui/components/layout/Header"; +import { Footer } from "@workspace/ui/components/layout/Footer"; +import { AboutHero } from "@/features/about/components/AboutHero"; +import { AboutMission } from "@/features/about/components/AboutMission"; +import { AboutTeam } from "@/features/about/components/AboutTeam"; +import { AboutCta } from "@/features/about/components/AboutCta"; +import { SponsorSection } from "@/features/landing/components/SponsorSection"; + +export const metadata: Metadata = { + title: "Về Chúng Tôi | BeeWise - Nền Tảng Kết Nối Gia Sư", + description: + "Tìm hiểu về BeeWise — đội ngũ sáng lập, sứ mệnh và giá trị cốt lõi của nền tảng kết nối gia sư và học viên thông minh nhất Việt Nam.", + keywords: [ + "về BeeWise", + "đội ngũ BeeWise", + "sứ mệnh BeeWise", + "nền tảng gia sư", + "startup giáo dục", + "FPT University", + ], + openGraph: { + title: "Về Chúng Tôi | BeeWise", + description: + "Tìm hiểu về BeeWise — sứ mệnh kết nối gia sư và học viên minh bạch, chất lượng.", + type: "website", + locale: "vi_VN", + siteName: "BeeWise", + }, +}; + +export default function AboutPage() { + return ( +
+
+ +
+ + + + + +
+ +
+
+ ); +} diff --git a/apps/sale/app/(guest)/page.tsx b/apps/sale/app/(guest)/page.tsx index 0c2e82e..f9fa728 100644 --- a/apps/sale/app/(guest)/page.tsx +++ b/apps/sale/app/(guest)/page.tsx @@ -9,6 +9,7 @@ import { HowItWorksSection } from "@/features/landing/components/HowItWorksSecti import { TutorSection } from "@/features/landing/components/TutorSection"; import { TutorCarouselSection } from "@/features/landing/components/TutorCarouselSection"; import { FeedbackSection } from "@/features/landing/components/FeedbackSection"; +import { SponsorSection } from "@/features/landing/components/SponsorSection"; import { FaqSection } from "@/features/landing/components/FaqSection"; import { TutorGuideTrust } from "@/features/tutor-guide/components/TutorGuideTrust"; @@ -58,6 +59,7 @@ export default function LandingPage() { +