Giới thiệu | VinFast Nam Thắng

<!DOCTYPE html>

<head>

<title>Giới thiệu - VinFast Nam Thắng</title>

<style>

:root {

--primary-blue: #1464F4;

--icon-color: #7FBF3F; /* Màu icon đơn sắc theo yêu cầu */

--text-dark: #333333;

--text-light: #666666;

--bg-light: #f8fcfb;

--border-color: #e1e8ed;

}

* {

box-sizing: border-box;

margin: 0;

padding: 0;

}

body {

font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

line-height: 1.6;

color: var(--text-dark);

background-color: #f4f7f6;

padding: 20px;

}

.about-container {

max-width: 1100px;

margin: 0 auto;

background: #ffffff;

border-radius: 16px;

box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);

overflow: hidden;

}

/* Hero Section */

.hero-section {

background: linear-gradient(135deg, var(--primary-blue), #0b49b8);

color: #ffffff;

padding: 60px 30px;

text-align: center;

}

.hero-section h1 {

font-size: 2.5rem;

margin-bottom: 15px;

font-weight: 700;

}

.hero-section p {

font-size: 1.1rem;

max-width: 800px;

margin: 0 auto;

opacity: 0.9;

}

/* Content Section */

.content-section {

padding: 50px 40px;

}

/* Vision & Mission */

.vm-grid {

display: grid;

grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

gap: 30px;

margin-bottom: 50px;

}

.vm-card {

background: var(--bg-light);

padding: 30px;

border-radius: 12px;

border-left: 4px solid var(--icon-color);

transition: transform 0.3s ease;

}

.vm-card:hover {

transform: translateY(-5px);

box-shadow: 0 10px 20px rgba(0,0,0,0.05);

}

.vm-card h2 {

display: flex;

align-items: center;

color: var(--primary-blue);

font-size: 1.5rem;

margin-bottom: 15px;

}

.vm-card h2 svg {

margin-right: 12px;

flex-shrink: 0;

}

.vm-card p {

color: var(--text-light);

text-align: justify;

}

/* Why Choose Us */

.why-choose-us {

text-align: center;

}

.why-choose-us h2 {

font-size: 2rem;

color: var(--primary-blue);

margin-bottom: 10px;

}

.why-choose-us > p {

color: var(--text-light);

margin-bottom: 40px;

}

.features-grid {

display: grid;

grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

gap: 25px;

}

.feature-item {

padding: 30px 20px;

border: 1px solid var(--border-color);

border-radius: 12px;

text-align: center;

transition: all 0.3s ease;

}

.feature-item:hover {

border-color: var(--icon-color);

box-shadow: 0 10px 20px rgba(127, 191, 63, 0.1);

}

.feature-icon {

margin-bottom: 15px;

display: inline-flex;

align-items: center;

justify-content: center;

}

.feature-item h3 {

color: var(--text-dark);

margin-bottom: 10px;

font-size: 1.2rem;

}

.feature-item p {

color: var(--text-light);

font-size: 0.95rem;

}

/* Footer Note */

.footer-note {

margin-top: 50px;

padding-top: 30px;

border-top: 1px solid #eeeeee;

text-align: center;

font-style: italic;

color: var(--icon-color);

font-weight: 600;

}

/* Responsive */

@media (max-width: 768px) {

.hero-section h1 {

font-size: 2rem;

}

.content-section {

padding: 30px 20px;

}

</style>

</head>

<body>

<h1>VinFast Nam Thắng</h1>

<p>Tiên Phong Kỷ Nguyên Di Chuyển Xanh. Đại lý xe máy điện VinFast chính hãng hàng đầu tại Rạch Giá - An Giang, mang đến giải pháp di chuyển thông minh và thân thiện với môi trường.</p>

</div>

<h2>

</svg>

Tầm Nhìn

</h2>

<p>Trở thành biểu tượng tin cậy cho cộng đồng sử dụng xe điện tại khu vực Đồng bằng sông Cửu Long, tiên phong kiến tạo một hệ sinh thái giao thông không khí thải, hiện đại và đẳng cấp.</p>

</div>

<h2>

</svg>

Sứ Mệnh

</h2>

<p>Cam kết cung cấp các dòng xe máy điện VinFast thế hệ mới nhất (Evo200, Feliz S, Klara S...) với chất lượng kiểm định nghiêm ngặt, trải nghiệm mua sắm tuyệt vời cùng dịch vụ bảo trì chuyên nghiệp, tận tâm trọn đời.</p>

</div>

<h2>Tại Sao Chọn VinFast Nam Thắng?</h2>

<p>Ba giá trị cốt lõi xây dựng niềm tin của hàng ngàn khách hàng</p>

</svg>

</div>

<h3>Chính Hãng 100%</h3>

<p>Cam kết phân phối xe máy điện, phụ tùng và phụ kiện chính hãng nhập trực tiếp từ nhà máy VinFast, đảm bảo chất lượng tuyệt đối.</p>

</div>

</svg>

</div>

<p>Đội ngũ kỹ thuật viên được đào tạo bài bản, chuẩn hóa quy trình bảo dưỡng. Hỗ trợ sự cố kỹ thuật giải quyết nhanh chóng, chuyên nghiệp.</p>

</div>

</svg>

</div>

<p>Showroom hiện đại sang trọng đặt tại khu đô thị sầm uất Nam Cần Thơ, không gian rộng rãi thuận tiện cho khách hàng tham quan và trải nghiệm lái xe.</p>

</div>

"Chúng tôi cam kết mang đến những phương tiện di chuyển xanh, thông minh và thân thiện với môi trường, hướng tới một tương lai bền vững."

</div>

</body>

</html>