81 lines
2.7 KiB
TypeScript
81 lines
2.7 KiB
TypeScript
"use client";
|
|
|
|
import Image from "next/image";
|
|
import { Button } from "../ui/button";
|
|
import { motion } from "framer-motion";
|
|
|
|
export default function HeaderSalesServices() {
|
|
return (
|
|
<>
|
|
<section className="py-10 px-4 sm:px-6 md:px-10 bg-white">
|
|
<motion.div
|
|
initial={{ opacity: 0, y: 50 }}
|
|
animate={{ opacity: 1, y: 0 }}
|
|
transition={{ duration: 0.8 }}
|
|
className="flex flex-col items-center gap-6"
|
|
>
|
|
<h2 className="text-4xl font-bold mb-1">Layanan Konsumen Sales</h2>
|
|
<div className="relative w-full max-w-[1400px] mx-auto h-[300px] sm:h-[400px] md:h-[640px] overflow-hidden">
|
|
<Image
|
|
src="/layanan-sales.png"
|
|
alt="about-header"
|
|
fill
|
|
className="object-cover"
|
|
sizes="(max-width: 768px) 100vw, 640px"
|
|
priority
|
|
/>
|
|
</div>
|
|
</motion.div>
|
|
<motion.div
|
|
initial={{ opacity: 0, y: 50 }}
|
|
animate={{ opacity: 1, y: 0 }}
|
|
transition={{ duration: 0.8 }}
|
|
className="flex flex-col items-center gap-6 mt-20"
|
|
>
|
|
<div className="w-full max-w-[1400px] mx-auto grid grid-cols-1 lg:grid-cols-[3fr_1fr] gap-6">
|
|
<div className="relative h-[300px] sm:h-[400px] md:h-[600px] w-full overflow-hidden ">
|
|
<Image
|
|
src="/further-news.png"
|
|
alt="Banner After Sales"
|
|
fill
|
|
className="rounded-md object-cover"
|
|
priority
|
|
/>
|
|
</div>
|
|
|
|
<div className="flex flex-col items-center lg:items-start justify-center text-center lg:text-left gap-4 px-4 py-6">
|
|
<Image
|
|
src="/henny.png"
|
|
alt="Johny"
|
|
width={150}
|
|
height={150}
|
|
className="rounded-md object-cover"
|
|
/>
|
|
<div>
|
|
<h3 className="text-xl font-semibold">Henny</h3>
|
|
<p className="text-sm text-gray-600 mt-1">
|
|
Silahkan Hubungi Taufik untuk Layanan Konsumen After Sales
|
|
Jaecoo Kelapa Gading
|
|
</p>
|
|
</div>
|
|
<Button
|
|
asChild
|
|
className="bg-transparent hover:bg-green-600 mt-4 w-full border border-[#BCD4DF] text-[#1F6779]"
|
|
size={"lg"}
|
|
>
|
|
<a
|
|
href="https://wa.me/+62 816-1124- 631"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
Whatsapp →
|
|
</a>
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</motion.div>
|
|
</section>
|
|
</>
|
|
);
|
|
}
|