85 lines
3.3 KiB
TypeScript
85 lines
3.3 KiB
TypeScript
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import { Input } from "@/components/ui/input";
|
|
import { Textarea } from "@/components/ui/textarea";
|
|
import { Label } from "@/components/ui/label";
|
|
import { Card, CardContent } from "@/components/ui/card";
|
|
import { Mail, Phone, MapPin } from "lucide-react";
|
|
|
|
export default function ContactPage() {
|
|
return (
|
|
<div className="py-24">
|
|
<Container>
|
|
<div className="grid grid-cols-1 lg:grid-cols-2 gap-16">
|
|
<div>
|
|
<Heading>Contactez-nous</Heading>
|
|
<Subheading className="mt-4">
|
|
Une question ? Un projet ? Notre équipe est là pour vous répondre sous 24h.
|
|
</Subheading>
|
|
|
|
<div className="mt-12 space-y-8">
|
|
<div className="flex gap-4">
|
|
<div className="p-3 bg-neutral-100 rounded-lg h-fit">
|
|
<Mail className="w-6 h-6" />
|
|
</div>
|
|
<div>
|
|
<p className="font-semibold">Email</p>
|
|
<p className="text-neutral-600">contact@entreprisepro.fr</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="flex gap-4">
|
|
<div className="p-3 bg-neutral-100 rounded-lg h-fit">
|
|
<Phone className="w-6 h-6" />
|
|
</div>
|
|
<div>
|
|
<p className="font-semibold">Téléphone</p>
|
|
<p className="text-neutral-600">+33 1 23 45 67 89</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="flex gap-4">
|
|
<div className="p-3 bg-neutral-100 rounded-lg h-fit">
|
|
<MapPin className="w-6 h-6" />
|
|
</div>
|
|
<div>
|
|
<p className="font-semibold">Bureaux</p>
|
|
<p className="text-neutral-600">75008 Paris, France</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<Card>
|
|
<CardContent className="pt-6">
|
|
<form className="space-y-6">
|
|
<div className="grid grid-cols-2 gap-4">
|
|
<div className="space-y-2">
|
|
<Label htmlFor="first-name">Prénom</Label>
|
|
<Input id="first-name" placeholder="Jean" />
|
|
</div>
|
|
<div className="space-y-2">
|
|
<Label htmlFor="last-name">Nom</Label>
|
|
<Input id="last-name" placeholder="Dupont" />
|
|
</div>
|
|
</div>
|
|
<div className="space-y-2">
|
|
<Label htmlFor="email">Email</Label>
|
|
<Input id="email" type="email" placeholder="jean@exemple.fr" />
|
|
</div>
|
|
<div className="space-y-2">
|
|
<Label htmlFor="message">Message</Label>
|
|
<Textarea id="message" placeholder="Comment pouvons-nous vous aider ?" className="min-h-[150px]" />
|
|
</div>
|
|
<Button className="w-full h-12 text-base">Envoyer le message</Button>
|
|
</form>
|
|
</CardContent>
|
|
</Card>
|
|
</div>
|
|
</Container>
|
|
</div>
|
|
);
|
|
}
|