52 lines
2.0 KiB
TypeScript
52 lines
2.0 KiB
TypeScript
"use client";
|
|
import { Container } from "@/components/container";
|
|
import { Heading } from "@/components/heading";
|
|
import { Subheading } from "@/components/subheading";
|
|
import { Button } from "@/components/ui/button";
|
|
import { motion } from "framer-motion";
|
|
|
|
export function Hero() {
|
|
return (
|
|
<section className="relative pt-32 pb-20 md:pt-48 md:pb-32 overflow-hidden">
|
|
<div className="absolute inset-0 bg-neutral-50 -z-10" />
|
|
<Container>
|
|
<div className="flex flex-col items-center text-center max-w-4xl mx-auto">
|
|
<motion.div
|
|
initial={{ opacity: 0, y: 20 }}
|
|
animate={{ opacity: 1, y: 0 }}
|
|
transition={{ duration: 0.5 }}
|
|
>
|
|
<Heading as="h1" className="text-5xl md:text-7xl font-bold tracking-tight">
|
|
Construimos la casa de tus sueños con <span className="text-blue-600">transparencia total</span>
|
|
</Heading>
|
|
</motion.div>
|
|
|
|
<motion.div
|
|
initial={{ opacity: 0, y: 20 }}
|
|
animate={{ opacity: 1, y: 0 }}
|
|
transition={{ duration: 0.5, delay: 0.1 }}
|
|
>
|
|
<Subheading className="mt-6 text-xl text-neutral-600">
|
|
Viviendas personalizadas en La Plata y Zona Sur. Calidad, confianza y acompañamiento real en cada etapa de tu proyecto de vida.
|
|
</Subheading>
|
|
</motion.div>
|
|
|
|
<motion.div
|
|
initial={{ opacity: 0, y: 20 }}
|
|
animate={{ opacity: 1, y: 0 }}
|
|
transition={{ duration: 0.5, delay: 0.2 }}
|
|
className="flex flex-col sm:flex-row gap-4 mt-10"
|
|
>
|
|
<Button size="lg" className="text-lg px-8" asChild>
|
|
<a href="https://wa.me/5411357715177" target="_blank" rel="noopener noreferrer">Contactar por WhatsApp</a>
|
|
</Button>
|
|
<Button size="lg" variant="outline" className="text-lg px-8" asChild>
|
|
<a href="#servicios">Ver servicios</a>
|
|
</Button>
|
|
</motion.div>
|
|
</div>
|
|
</Container>
|
|
</section>
|
|
);
|
|
}
|