Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -2,16 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactText from '@/components/sections/contact/ContactText';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 
 export default function LandingPage() {
   return (
@@ -29,30 +29,16 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
+      <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "Trang chủ", id: "hero" },
-          name: "Trang chủ",
+        { name: "Sim số đẹp", id: "products" },
-          id: "hero",
+        { name: "Phụ kiện", id: "features" },
-        },
+        { name: "Review", id: "testimonials" },
-        {
+        { name: "Liên hệ", id: "contact" },
-          name: "Sim số đẹp",
-          id: "products",
-        },
-        {
-          name: "Phụ kiện",
-          id: "features",
-        },
-        {
-          name: "Review",
-          id: "blog",
-        },
-        {
-          name: "Liên hệ",
-          id: "contact",
-        },
       ]}
       brandName="LongSim888"
+      button={{ text: "Mua ngay", href: "#products" }}
     />
   </div>
 
@@ -60,37 +46,14 @@ export default function LandingPage() {
       <HeroCarouselLogo
       logoText="LongSim888"
       description="20 năm đồng hành cùng hơn 500.000 khách hàng. Uy tín xây dựng từ niềm tin."
-      buttons={[
+      buttons={[{ text: "Khám phá sim số", href: "#products" }]}
-        {
-          text: "Khám phá sim số",
-          href: "#products",
-        },
-      ]}
       slides={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861914.jpg", imageAlt: "Showroom sang trọng" },
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861914.jpg",
+        { imageSrc: "http://img.b2bpic.net/free-photo/optimistic-young-interracial-business-people-showing-thumbs-up_1262-20282.jpg", imageAlt: "Đội ngũ nhân viên tận tâm" },
-          imageAlt: "Showroom sang trọng",
+        { imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-designer-planning-renovation-modern-apartment_273609-37021.jpg", imageAlt: "Khách hàng hài lòng" },
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-geometric-glass-shape_23-2150979712.jpg", imageAlt: "Sản phẩm công nghệ cao" },
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/technology-particle-dots-5g-digital-corporate-background_53876-102624.jpg", imageAlt: "Sim số vip" },
-          imageSrc: "http://img.b2bpic.net/free-photo/optimistic-young-interracial-business-people-showing-thumbs-up_1262-20282.jpg",
+        { imageSrc: "http://img.b2bpic.net/free-photo/still-life-teenager-s-desk_23-2149371274.jpg", imageAlt: "Phụ kiện chính hãng" },
-          imageAlt: "Đội ngũ nhân viên tận tâm",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-designer-planning-renovation-modern-apartment_273609-37021.jpg",
-          imageAlt: "Khách hàng hài lòng",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-geometric-glass-shape_23-2150979712.jpg",
-          imageAlt: "Sản phẩm công nghệ cao",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/technology-particle-dots-5g-digital-corporate-background_53876-102624.jpg",
-          imageAlt: "Sim số vip",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-teenager-s-desk_23-2149371274.jpg",
-          imageAlt: "Phụ kiện chính hãng",
-        },
       ]}
     />
   </div>
@@ -112,21 +75,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Tai nghe Bluetooth", description: "Kết nối ổn định, âm thanh đỉnh cao.", imageSrc: "http://img.b2bpic.net/free-photo/music-controller-foreground_1381-31.jpg" },
-          title: "Tai nghe Bluetooth",
+        { title: "Sạc nhanh & Dự phòng", description: "Sạc an toàn, bảo vệ pin tối đa.", imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-shot-electric-car-charging-port_482257-123942.jpg" },
-          description: "Kết nối ổn định, âm thanh đỉnh cao.",
+        { title: "Kính cường lực", description: "Bảo vệ màn hình chuẩn quốc tế.", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-blank-screen-mockup-white-background_187299-46598.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/music-controller-foreground_1381-31.jpg",
-        },
-        {
-          title: "Sạc nhanh & Dự phòng",
-          description: "Sạc an toàn, bảo vệ pin tối đa.",
-          imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-shot-electric-car-charging-port_482257-123942.jpg",
-        },
-        {
-          title: "Kính cường lực",
-          description: "Bảo vệ màn hình chuẩn quốc tế.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-blank-screen-mockup-white-background_187299-46598.jpg",
-        },
       ]}
       title="Hệ sinh thái phụ kiện đẳng cấp"
       description="Cập nhật xu hướng công nghệ mới nhất từ Baseus, Anker, Samsung, Xiaomi."
@@ -140,42 +91,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "s1", name: "Sim Tứ Quý 8", price: "Liên hệ", imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-smartphone-vintage-tone-retro-filter-effect-soft-focus-low-light-selective-focus_1421-640.jpg" },
-          id: "s1",
+        { id: "s2", name: "Sim Lộc Phát 68", price: "Liên hệ", imageSrc: "http://img.b2bpic.net/free-photo/ramadan-credit-card-left-side-white-background_187299-37895.jpg" },
-          name: "Sim Tứ Quý 8",
+        { id: "s3", name: "Tai nghe Pro V2", price: "1.290.000đ", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722643.jpg" },
-          price: "Liên hệ",
+        { id: "s4", name: "Củ sạc nhanh 65W", price: "590.000đ", imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062856.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-smartphone-vintage-tone-retro-filter-effect-soft-focus-low-light-selective-focus_1421-640.jpg",
+        { id: "s5", name: "Sim Năm Sinh 1990", price: "Liên hệ", imageSrc: "http://img.b2bpic.net/free-photo/top-view-three-sim-cards-with-smartphone-copy-space_23-2148779253.jpg" },
-        },
+        { id: "s6", name: "Dock sạc đa năng", price: "890.000đ", imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736742.jpg" },
-        {
-          id: "s2",
-          name: "Sim Lộc Phát 68",
-          price: "Liên hệ",
-          imageSrc: "http://img.b2bpic.net/free-photo/ramadan-credit-card-left-side-white-background_187299-37895.jpg",
-        },
-        {
-          id: "s3",
-          name: "Tai nghe Pro V2",
-          price: "1.290.000đ",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722643.jpg",
-        },
-        {
-          id: "s4",
-          name: "Củ sạc nhanh 65W",
-          price: "590.000đ",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062856.jpg",
-        },
-        {
-          id: "s5",
-          name: "Sim Năm Sinh 1990",
-          price: "Liên hệ",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-three-sim-cards-with-smartphone-copy-space_23-2148779253.jpg",
-        },
-        {
-          id: "s6",
-          name: "Dock sạc đa năng",
-          price: "890.000đ",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736742.jpg",
-        },
       ]}
       title="Kho Sim VIP & Combo Công Nghệ"
       description="Lựa chọn sim số phong thủy, thần tài, tứ quý cùng các combo phụ kiện."
@@ -188,39 +109,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
+        { id: "p1", badge: "Combo", price: "990k", subtitle: "Phụ kiện cơ bản", features: ["Tai nghe", "Cáp sạc", "Kính"] },
-          id: "p1",
+        { id: "p2", badge: "Doanh nhân", price: "Liên hệ", subtitle: "Sim VIP + Phụ kiện", features: ["Sim số đẹp", "Dock sạc", "Loa BT"] },
-          badge: "Combo",
+        { id: "p3", badge: "Game", price: "1.5tr", subtitle: "Game chuyên nghiệp", features: ["Tai nghe Game", "Sạc 65W", "Cường lực"] },
-          price: "990k",
-          subtitle: "Phụ kiện cơ bản",
-          features: [
-            "Tai nghe",
-            "Cáp sạc",
-            "Kính",
-          ],
-        },
-        {
-          id: "p2",
-          badge: "Doanh nhân",
-          price: "Liên hệ",
-          subtitle: "Sim VIP + Phụ kiện",
-          features: [
-            "Sim số đẹp",
-            "Dock sạc",
-            "Loa BT",
-          ],
-        },
-        {
-          id: "p3",
-          badge: "Game",
-          price: "1.5tr",
-          subtitle: "Game chuyên nghiệp",
-          features: [
-            "Tai nghe Game",
-            "Sạc 65W",
-            "Cường lực",
-          ],
-        },
       ]}
       title="Gói giải pháp sim & phụ kiện"
       description="Đơn giản hóa việc chọn sim và combo phụ kiện công nghệ."
@@ -233,27 +124,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", value: "20+", title: "Năm kinh nghiệm", description: "Uy tín lâu đời.", imageSrc: "http://img.b2bpic.net/free-vector/20-years-celebrations-vector_1142-2625.jpg" },
-          id: "m1",
+        { id: "m2", value: "500k+", title: "Khách hàng", description: "Tin tưởng sử dụng.", imageSrc: "http://img.b2bpic.net/free-vector/500-followers-design-with-heart_1017-9766.jpg" },
-          value: "20+",
+        { id: "m3", value: "100%", title: "Cam kết", description: "Sản phẩm chính hãng.", imageSrc: "http://img.b2bpic.net/free-vector/award-ribbon-check-mark-with-stars_78370-1097.jpg" },
-          title: "Năm kinh nghiệm",
-          description: "Uy tín lâu đời.",
-          imageSrc: "http://img.b2bpic.net/free-vector/20-years-celebrations-vector_1142-2625.jpg",
-        },
-        {
-          id: "m2",
-          value: "500k+",
-          title: "Khách hàng",
-          description: "Tin tưởng sử dụng.",
-          imageSrc: "http://img.b2bpic.net/free-vector/500-followers-design-with-heart_1017-9766.jpg",
-        },
-        {
-          id: "m3",
-          value: "100%",
-          title: "Cam kết",
-          description: "Sản phẩm chính hãng.",
-          imageSrc: "http://img.b2bpic.net/free-vector/award-ribbon-check-mark-with-stars_78370-1097.jpg",
-        },
       ]}
       title="Sức mạnh thương hiệu LongSim888"
       description="Số liệu phản ánh 20 năm xây dựng uy tín."
@@ -261,103 +134,36 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
+      <TestimonialCardFive
       textboxLayout="default"
       useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          title: "Tuyệt vời",
-          quote: "Sim rất đẹp, hỗ trợ nhiệt tình.",
-          name: "Hùng",
-          role: "Doanh nhân",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg",
-        },
-        {
-          id: "2",
-          title: "Chất lượng",
-          quote: "Tai nghe Baseus quá xịn luôn.",
-          name: "Lan",
-          role: "Sinh viên",
-          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-77615.jpg",
-        },
-        {
-          id: "3",
-          title: "Đáng tin",
-          quote: "Đúng 20 năm uy tín thật.",
-          name: "Tuấn",
-          role: "KH thân thiết",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6491.jpg",
-        },
-        {
-          id: "4",
-          title: "Giao hàng nhanh",
-          quote: "Đặt sáng chiều có liền.",
-          name: "Minh",
-          role: "Game thủ",
-          imageSrc: "http://img.b2bpic.net/free-photo/excited-curly-girl-denim-dress-lies-soft-big-pillow-enjoying-music-morning_197531-4948.jpg",
-        },
-        {
-          id: "5",
-          title: "Đa dạng",
-          quote: "Kho sim quá khủng luôn.",
-          name: "Hằng",
-          role: "Nhân viên vp",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg",
-        },
-      ]}
       title="Cảm nhận khách hàng"
       description="Video thực tế và đánh giá khách hàng trải nghiệm sản phẩm."
+      testimonials={[
+        { id: "1", name: "Hùng", date: "2024", title: "Tuyệt vời", quote: "Sim rất đẹp, hỗ trợ nhiệt tình.", tag: "KH Doanh nhân", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg" },
+        { id: "2", name: "Lan", date: "2024", title: "Chất lượng", quote: "Tai nghe Baseus quá xịn luôn.", tag: "KH Sinh viên", avatarSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-77615.jpg" },
+        { id: "3", name: "Tuấn", date: "2024", title: "Đáng tin", quote: "Đúng 20 năm uy tín thật.", tag: "KH Thân thiết", avatarSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6491.jpg" },
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactText
+      text="Bạn cần tư vấn sim số đẹp? Hãy liên hệ ngay với chúng tôi để nhận tư vấn chuyên sâu miễn phí."
+      background={{ variant: "sparkles-gradient" }}
       useInvertedBackground={false}
-      background={{
+      buttons={[{ text: "Liên hệ ngay" }]}
-        variant: "animated-grid",
-      }}
-      tag="Liên hệ ngay"
-      title="Bạn cần tư vấn sim số đẹp?"
-      description="Để lại SĐT để đội ngũ chuyên nghiệp tư vấn phong thủy sim miễn phí cho bạn."
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterLogoReveal
-      columns={[
+      logoText="LongSim888"
-        {
+      leftLink={{ text: "Giới thiệu", href: "#about" }}
-          title: "Về LongSim888",
+      rightLink={{ text: "Hỗ trợ", href: "#" }}
-          items: [
-            {
-              label: "Giới thiệu",
-              href: "#about",
-            },
-            {
-              label: "Showroom",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Hỗ trợ",
-          items: [
-            {
-              label: "Chính sách bảo hành",
-              href: "#",
-            },
-            {
-              label: "Vận chuyển",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="LongSim888 © 2006-2026"
-      bottomRightText="Uy tín tạo nên thương hiệu"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}