Merge version_3 into main
Merge version_3 into main
This commit was merged in pull request #1.
This commit is contained in:
289
src/app/page.tsx
289
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,28 +29,13 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Trang chủ",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Sim số đẹp",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Phụ kiện",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Review",
|
||||
id: "blog",
|
||||
},
|
||||
{
|
||||
name: "Liên hệ",
|
||||
id: "contact",
|
||||
},
|
||||
{ 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"
|
||||
/>
|
||||
@@ -60,37 +45,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={[
|
||||
{
|
||||
text: "Khám phá sim số",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
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",
|
||||
},
|
||||
{ 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>
|
||||
@@ -112,21 +74,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: "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: "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."
|
||||
@@ -140,42 +90,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: "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",
|
||||
},
|
||||
{ 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."
|
||||
@@ -188,39 +108,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: "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",
|
||||
],
|
||||
},
|
||||
{ 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ệ."
|
||||
@@ -233,27 +123,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: "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",
|
||||
},
|
||||
{ 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."
|
||||
@@ -261,103 +133,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={{
|
||||
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."
|
||||
buttons={[{ text: "Liên hệ ngay" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Về LongSim888",
|
||||
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"
|
||||
<FooterLogoReveal
|
||||
logoText="LongSim888"
|
||||
leftLink={{ text: "Giới thiệu", href: "#about" }}
|
||||
rightLink={{ text: "Hỗ trợ", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user