jaecoo
/
jaecoo-kelapagading
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

This commit is contained in:
Anang Yusman 2025-10-21 17:22:39 +08:00
parent bec970f6c4
commit faa0f215c4
11 changed files with 47 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
app/product/j5-ev/page.tsx Normal file
View File

@ -0,0 +1,21 @@
import Exterior from "@/components/landing-page/exterior";
import FeaturesAndSpecifications from "@/components/landing-page/features-and-specifications";
import Footer from "@/components/landing-page/footer";
import HeaderProductJ7Awd from "@/components/landing-page/header-product-j7-awd";
import Interior from "@/components/landing-page/interior";
import Navbar from "@/components/landing-page/navbar";
export default function ProductJ7Page() {
return (
<div className="relative min-h-screen font-[family-name:var(--font-geist-sans)]">
<div className="relative z-10 bg-white w-full mx-auto">
<Navbar />
<HeaderProductJ7Awd />
<Exterior />
<Interior />
<FeaturesAndSpecifications />
<Footer />
</div>
</div>
);
}

12
components/landing-page/agent.tsx
View File

@ -24,11 +24,11 @@ const agents = [
title: "Spv Jaecoo Kelapa Gading", title: "Spv Jaecoo Kelapa Gading",
image: "/sutino.png", image: "/sutino.png",
}, },
{ // {
name: "Amendra Ismail", // name: "Amendra Ismail",
title: "Spv Jaecoo Kelapa Gading", // title: "Spv Jaecoo Kelapa Gading",
image: "/amendra.png", // image: "/amendra.png",
}, // },
]; ];
export default function Agent() { export default function Agent() {
@ -44,7 +44,7 @@ export default function Agent() {
Our Teams Our Teams
</motion.h2> </motion.h2>
<div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-5 gap-2 place-items-center mt-10"> <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-2 place-items-center mt-10">
{agents.map((agent, index) => ( {agents.map((agent, index) => (
<motion.div <motion.div
key={index} key={index}

2
components/landing-page/exterior.tsx
View File

@ -53,7 +53,7 @@ export default function Exterior() {
transition={{ duration: 0.6 }} transition={{ duration: 0.6 }}
className="text-2xl mt-5 mb-8" className="text-2xl mt-5 mb-8"
> >
<span className="text-[#1F6779] font-semibold">Jaecoo 7 AWD</span>{" "} <span className="text-[#1F6779] font-semibold">Jaecoo 5 EV</span>{" "}
Teknologi dan Exterior Teknologi dan Exterior
</motion.h2> </motion.h2>

4
components/landing-page/features-and-specifications.tsx
View File

@ -6,7 +6,7 @@ export default function FeaturesAndSpecifications() {
return ( return (
<section className="pt-10 px-4 sm:px-6 md:px-20 bg-white"> <section className="pt-10 px-4 sm:px-6 md:px-20 bg-white">
<h2 className="text-2xl mt-5 mb-8"> <h2 className="text-2xl mt-5 mb-8">
<span className="text-[#1F6779] font-semibold">Jaecoo 7 AWD</span> Fitur <span className="text-[#1F6779] font-semibold">Jaecoo 5 EV</span> Fitur
</h2> </h2>
<div className="relative w-full h-[300px] sm:h-[400px] md:h-[600px]"> <div className="relative w-full h-[300px] sm:h-[400px] md:h-[600px]">
@ -38,7 +38,7 @@ export default function FeaturesAndSpecifications() {
/> />
</div> </div>
<h2 className="text-2xl mt-5 mb-8"> <h2 className="text-2xl mt-5 mb-8">
<span className="text-[#1F6779] font-semibold">Jaecoo 7 AWD</span>{" "} <span className="text-[#1F6779] font-semibold">Jaecoo 5 EV</span>{" "}
Spesifikasi Spesifikasi
</h2> </h2>
<div className="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-x-32 gap-y-6 text-sm sm:text-base text-start my-10"> <div className="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-x-32 gap-y-6 text-sm sm:text-base text-start my-10">

2
components/landing-page/header-after-sales.tsx
View File

@ -99,7 +99,7 @@ export default function HeaderAfterSalesServices() {
size={"lg"} size={"lg"}
> >
<a <a
href="https://wa.me/62XXXXXXXXXX" href="https://wa.me/+62 818-778-575"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
> >

6
components/landing-page/header-product-j7-awd.tsx
View File

@ -48,7 +48,7 @@ export default function HeaderProductJ7Awd() {
> >
<div className="relative w-full h-[300px] sm:h-[400px] md:h-[640px] overflow-hidden"> <div className="relative w-full h-[300px] sm:h-[400px] md:h-[640px] overflow-hidden">
<Image <Image
src="/product1.jpg" src="/j5-ev.jpg"
alt="about-header" alt="about-header"
fill fill
className="object-cover" className="object-cover"
@ -132,7 +132,7 @@ export default function HeaderProductJ7Awd() {
</motion.div> </motion.div>
</section> </section>
<motion.div {/* <motion.div
initial={{ opacity: 0 }} initial={{ opacity: 0 }}
animate={{ opacity: 1 }} animate={{ opacity: 1 }}
transition={{ delay: 0.5, duration: 0.8 }} transition={{ delay: 0.5, duration: 0.8 }}
@ -169,7 +169,7 @@ export default function HeaderProductJ7Awd() {
/> />
))} ))}
</motion.div> </motion.div>
</motion.div> </motion.div> */}
</> </>
); );
} }

6
components/landing-page/header-sales.tsx
View File

@ -45,14 +45,14 @@ export default function HeaderSalesServices() {
<div className="flex flex-col items-center lg:items-start justify-center text-center lg:text-left gap-4 px-4 py-6"> <div className="flex flex-col items-center lg:items-start justify-center text-center lg:text-left gap-4 px-4 py-6">
<Image <Image
src="/jhony.png" src="/henny.png"
alt="Johny" alt="Johny"
width={150} width={150}
height={150} height={150}
className="rounded-md object-cover" className="rounded-md object-cover"
/> />
<div> <div>
<h3 className="text-xl font-semibold">Taufik</h3> <h3 className="text-xl font-semibold">Henny</h3>
<p className="text-sm text-gray-600 mt-1"> <p className="text-sm text-gray-600 mt-1">
Silahkan Hubungi Taufik untuk Layanan Konsumen After Sales Silahkan Hubungi Taufik untuk Layanan Konsumen After Sales
Jaecoo Kelapa Gading Jaecoo Kelapa Gading
@ -64,7 +64,7 @@ export default function HeaderSalesServices() {
size={"lg"} size={"lg"}
> >
<a <a
href="https://wa.me/62XXXXXXXXXX" href="https://wa.me/+62 816-1124- 631"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
> >

2
components/landing-page/interior.tsx
View File

@ -61,7 +61,7 @@ export default function Interior() {
animate={inView ? { opacity: 1, y: 0 } : {}} animate={inView ? { opacity: 1, y: 0 } : {}}
transition={{ duration: 0.6 }} transition={{ duration: 0.6 }}
> >
<span className="text-[#1F6779] font-semibold">Jaecoo 7 AWD</span>{" "} <span className="text-[#1F6779] font-semibold">Jaecoo 5 EV</span>{" "}
Interior Interior
</motion.h2> </motion.h2>

4
components/landing-page/navbar.tsx
View File

@ -47,9 +47,9 @@ export default function Navbar() {
const produkList = [ const produkList = [
{ {
name: "JAECOO J7 AWD", name: "JAECOO J5 EV",
img: "/j7awd.png", img: "/j7awd.png",
link: "/product/j7-awd", link: "/product/j5-ev",
}, },
{ {
name: "JAECOO J7 SHS", name: "JAECOO J7 SHS",

32
components/landing-page/program-sales.tsx
View File

@ -4,6 +4,11 @@ import Image from "next/image";
import { motion } from "framer-motion"; import { motion } from "framer-motion";
const teamMembers = [ const teamMembers = [
{
name: "LIA KURNIA PUTRI",
role: "CRO",
image: "/lia.png",
},
{ {
name: "Arlene McCoy", name: "Arlene McCoy",
role: "Service Advisor", role: "Service Advisor",
@ -29,14 +34,9 @@ const teamMembers = [
role: "Service Manager", role: "Service Manager",
image: "/howard.png", image: "/howard.png",
}, },
{
name: "LIA KURNIA PUTRI",
role: "CRO",
image: "/lia.png",
},
]; ];
const topMembers = teamMembers.slice(0, 5); const topMembers = teamMembers.slice(0, 1);
const bottomMember = teamMembers[5]; const bottomMember = teamMembers[5];
export default function HeaderProgramSales() { export default function HeaderProgramSales() {
@ -76,7 +76,7 @@ export default function HeaderProgramSales() {
<div className="w-full max-w-[1200px] mt-12"> <div className="w-full max-w-[1200px] mt-12">
<h2 className="text-3xl font-bold text-center mb-8">Our Teams</h2> <h2 className="text-3xl font-bold text-center mb-8">Our Teams</h2>
<div className="grid grid-cols-1 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-6 justify-center"> <div className="grid grid-cols-1 sm:grid-cols-1 md:grid-cols-1 lg:grid-cols-1 gap-6 justify-center">
{topMembers.map((member, index) => ( {topMembers.map((member, index) => (
<div <div
key={index} key={index}
@ -96,24 +96,6 @@ export default function HeaderProgramSales() {
</div> </div>
))} ))}
</div> </div>
<div className="md:flex w-full md:justify-center mt-8">
<div className="bg-white rounded-lg shadow-sm p-6 text-center hover:shadow-md transition-shadow duration-300 h-[300px]">
<div className="w-40 h-40 rounded-full overflow-hidden mb-8 mx-auto md:mx-2">
<Image
src={bottomMember.image}
alt={bottomMember.name}
width={96}
height={96}
className="object-cover w-full h-full"
/>
</div>
<h3 className="font-semibold text-md mb-3">
{bottomMember.name}
</h3>
<p className="text-gray-500 text-sm">{bottomMember.role}</p>
</div>
</div>
</div> </div>
</motion.div> </motion.div>
</section> </section>

BIN
public/j5-ev.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 MiB