57 lines
2.3 KiB
TypeScript
57 lines
2.3 KiB
TypeScript
import { Navbar } from "@/components/Navbar";
|
||
import { Footer } from "@/components/Footer";
|
||
import { FloatingWhatsApp } from "@/components/FloatingWhatsApp";
|
||
import { CTASection } from "@/components/CTASection";
|
||
import { LoadMeterSection } from "@/components/LoadMeterSection";
|
||
import Image from "next/image";
|
||
import { Metadata } from "next";
|
||
import { FLEET_ITEMS } from "@/lib/data";
|
||
import { FleetList } from "@/components/FleetList";
|
||
|
||
export const metadata: Metadata = {
|
||
title: "Vinç Filosu ve İş Makinelerimiz | Dalaman Muğla",
|
||
description: "Mobil vinçler, sepetli platformlar ve hiyap vinçlerden oluşan geniş araç parkurumuz hakkında detaylı bilgi alın. Her tonajda profesyonel çözüm.",
|
||
};
|
||
|
||
const FLEET_CATEGORIES = ["Hepsi", "Mobil Vinç", "Sepetli Platform", "Hiyap", "Kule Vinç"];
|
||
|
||
export default function FleetPage() {
|
||
return (
|
||
<main className="relative min-h-screen flex flex-col bg-background selection:bg-primary selection:text-on-primary">
|
||
<Navbar />
|
||
|
||
{/* Hero Section */}
|
||
<header className="relative h-[70vh] flex items-end overflow-hidden bg-surface-container-lowest">
|
||
<div className="absolute inset-0 z-0">
|
||
<Image
|
||
src="https://images.unsplash.com/photo-1504307651254-35680f356dfd?q=80&w=2070&auto=format&fit=crop"
|
||
alt="Heavy crane"
|
||
fill
|
||
sizes="100vw"
|
||
className="object-cover grayscale opacity-60"
|
||
/>
|
||
<div className="absolute inset-0 bg-gradient-to-t from-surface via-transparent to-transparent"></div>
|
||
</div>
|
||
<div className="relative z-10 w-full px-8 pb-16">
|
||
<div className="max-w-7xl mx-auto">
|
||
<span className="text-primary font-headline font-bold text-sm tracking-[0.3em] uppercase mb-4 block">
|
||
PREZİSYONEL GÜÇ
|
||
</span>
|
||
<h1 className="text-6xl md:text-8xl font-black text-on-surface uppercase tracking-tighter leading-none mb-6">
|
||
MAKİNE <br/><span className="text-primary">PARKURUMUZ</span>
|
||
</h1>
|
||
<div className="w-24 h-2 bg-primary"></div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<FleetList items={FLEET_ITEMS} categories={FLEET_CATEGORIES} />
|
||
|
||
<LoadMeterSection />
|
||
<CTASection />
|
||
<Footer />
|
||
<FloatingWhatsApp />
|
||
</main>
|
||
);
|
||
}
|