"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
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 NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="largeSizeMediumTitles"
        background="none"
        cardStyle="subtle-shadow"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Trang chủ", id: "hero" },
        { name: "Sim số đẹp", id: "products" },
        { name: "Phụ kiện", id: "features" },
        { name: "Review", id: "testimonials" },
        { name: "Liên hệ", id: "contact" },
      ]}
      brandName="LongSim888"
    />
  </div>

  <div id="hero" data-section="hero">
      <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={[{ 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/optimistic-young-interracial-business-people-showing-thumbs-up_1262-20282.jpg", 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>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="20 năm uy tín trong lĩnh vực sim số và phụ kiện"
      description="Thành lập từ năm 2006, chúng tôi tự hào là điểm đến tin cậy hàng đầu với hàng trăm ngàn giao dịch thành công trên toàn quốc."
      imageSrc="http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862066.jpg"
      imageAlt="Cửa hàng LongSim888"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      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: "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."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="scale-rotate"
      textboxLayout="default"
      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: "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."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardOne
      animationType="depth-3d"
      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: "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ệ."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      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: "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."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      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">
      <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}
      buttons={[{ text: "Liên hệ ngay" }]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="LongSim888"
      leftLink={{ text: "Giới thiệu", href: "#about" }}
      rightLink={{ text: "Hỗ trợ", href: "#" }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}