Merge version_2 into main #4
@@ -1,58 +1,22 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Halant } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import { Inter_Tight } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant", subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const interTight = Inter_Tight({
|
||||
variable: "--font-inter-tight", subsets: ["latin"],
|
||||
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
|
||||
});
|
||||
const inter = Inter({ variable: "--font-inter", subsets: ["latin"] });
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Agroreolid | Tienda Agrícola en Hellín - Fertilizantes, Piensos y Herramientas", description: "Agroreolid es tu tienda agrícola de confianza en Hellín desde 1994. Venta de fertilizantes, piensos para animales, productos fitosanitarios y herramientas con asesoramiento profesional.", keywords: "tienda agrícola Hellín, fertilizantes Hellín, piensos para animales, productos agrícolas Albacete, agricultura, ganadería, jardinería", metadataBase: new URL("https://www.agroreolid.es"),
|
||||
alternates: {
|
||||
canonical: "https://www.agroreolid.es"},
|
||||
openGraph: {
|
||||
title: "Agroreolid | Tu Tienda Agrícola de Confianza desde 1994", description: "Más de 30 años ofreciendo los mejores productos agrícolas, piensos y herramientas con asesoramiento profesional en Hellín.", url: "https://www.agroreolid.es", siteName: "Agroreolid", type: "website", images: [
|
||||
{
|
||||
url: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-blond-long-hair-white-dress-straw-hat-collects-flowers-wheat-field-flying-hair-sun-summer-time-dreamers-golden-sunset_1321-2212.jpg", alt: "Tienda Agrícola Agroreolid Hellín"},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "Agroreolid - Tienda Agrícola Profesional", description: "Fertilizantes, piensos, herramientas y asesoramiento agrícola en Hellín.", images: ["http://img.b2bpic.net/free-photo/young-beautiful-woman-with-blond-long-hair-white-dress-straw-hat-collects-flowers-wheat-field-flying-hair-sun-summer-time-dreamers-golden-sunset_1321-2212.jpg"],
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
},
|
||||
};
|
||||
title: "Agroreolid - Tienda Agrícola en Hellín", description: "Tienda agrícola de confianza en Hellín desde 1994. Productos agrícolas, piensos, fertilizantes y asesoramiento profesional."};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} ${interTight.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
<html lang="es">
|
||||
<body className={`${inter.variable} antialiased`}>
|
||||
{children}
|
||||
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1420,7 +1384,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
|
||||
118
src/app/page.tsx
118
src/app/page.tsx
@@ -9,9 +9,22 @@ import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwe
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { Phone, MessageCircle, MapPin, Leaf, Droplets, Sprout } from 'lucide-react';
|
||||
import { useEffect, useState } from 'react';
|
||||
|
||||
export default function LandingPage() {
|
||||
const [showCallButton, setShowCallButton] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
const handleScroll = () => {
|
||||
setShowCallButton(window.scrollY > 300);
|
||||
};
|
||||
window.addEventListener('scroll', handleScroll);
|
||||
return () => window.removeEventListener('scroll', handleScroll);
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
@@ -33,6 +46,7 @@ export default function LandingPage() {
|
||||
{ name: "Sobre Nosotros", id: "about" },
|
||||
{ name: "Productos", id: "products" },
|
||||
{ name: "Servicios", id: "features" },
|
||||
{ name: "Preguntas Frecuentes", id: "faq" },
|
||||
{ name: "Contacto", id: "contact" }
|
||||
]}
|
||||
/>
|
||||
@@ -183,6 +197,105 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Preguntas Frecuentes"
|
||||
description="Resuelve tus dudas sobre nuestros productos, servicios y políticas. Si no encuentras lo que buscas, contáctanos directamente."
|
||||
tag="Ayuda"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
animationType="smooth"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "¿Realizan entregas a domicilio?", content: "Sí, realizamos entregas a domicilio en la zona de Hellín y alrededores. Consulta con nuestro equipo sobre disponibilidad y costos de envío según tu ubicación."
|
||||
},
|
||||
{
|
||||
id: "2", title: "¿Cuáles son vuestros métodos de pago?", content: "Aceptamos pagos en efectivo, tarjeta de crédito, tarjeta de débito y transferencia bancaria. También disponemos de opciones de pago flexible para clientes mayoristas."
|
||||
},
|
||||
{
|
||||
id: "3", title: "¿Ofrecen asesoramiento personalizado?", content: "Por supuesto. Nuestro equipo de expertos está disponible para asesorarte sobre qué productos son los más adecuados para tus cultivos, animales o jardín. Llámanos sin compromiso."
|
||||
},
|
||||
{
|
||||
id: "4", title: "¿Cuál es vuestro horario de atención?", content: "Abrimos de lunes a viernes de 9:00 a 14:00 y de 16:30 a 20:30. Los sábados abrimos de 9:00 a 14:00. Los domingos estamos cerrados. Llamadas telefónicas disponibles durante el horario comercial."
|
||||
},
|
||||
{
|
||||
id: "5", title: "¿Tienen productos ecológicos?", content: "Sí, disponemos de una línea de productos ecológicos certificados para agricultura ecológica. Consulta con nuestro personal sobre disponibilidad y variedades."
|
||||
},
|
||||
{
|
||||
id: "6", title: "¿Hacen facturas y presupuestos para empresas?", content: "Sí, emitimos facturas oficiales para todas las compras. También elaboramos presupuestos personalizados para empresas y explotaciones agrícolas. Contáctanos para solicitar un presupuesto."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="agricultural-tips" data-section="agricultural-tips" className="py-16 px-4 bg-gradient-to-b from-transparent to-background-accent">
|
||||
<div className="max-w-4xl mx-auto">
|
||||
<div className="text-center mb-12">
|
||||
<h2 className="text-4xl font-bold mb-4 text-foreground">Consejos Agrícolas Útiles</h2>
|
||||
<p className="text-lg text-foreground/70">Aprende de nuestros expertos cómo optimizar tus cultivos y mantener tus animales saludables.</p>
|
||||
</div>
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
|
||||
<div className="p-6 bg-card rounded-lg border border-accent/20 hover:border-accent/50 transition-colors">
|
||||
<div className="flex items-center justify-center w-12 h-12 bg-primary-cta rounded-full mb-4">
|
||||
<Leaf className="w-6 h-6 text-background" />
|
||||
</div>
|
||||
<h3 className="text-xl font-semibold mb-3 text-foreground">Fertilización Adecuada</h3>
|
||||
<p className="text-foreground/70">El momento correcto para aplicar fertilizantes aumenta la productividad. Elige según el tipo de cultivo y época del año. Consúltanos para recomendaciones específicas.</p>
|
||||
</div>
|
||||
<div className="p-6 bg-card rounded-lg border border-accent/20 hover:border-accent/50 transition-colors">
|
||||
<div className="flex items-center justify-center w-12 h-12 bg-primary-cta rounded-full mb-4">
|
||||
<Droplets className="w-6 h-6 text-background" />
|
||||
</div>
|
||||
<h3 className="text-xl font-semibold mb-3 text-foreground">Riego Eficiente</h3>
|
||||
<p className="text-foreground/70">Un riego adecuado es crucial para el crecimiento óptimo. Adapta la frecuencia y cantidad según clima y tipo de planta. Disponemos de sistemas de riego de última generación.</p>
|
||||
</div>
|
||||
<div className="p-6 bg-card rounded-lg border border-accent/20 hover:border-accent/50 transition-colors">
|
||||
<div className="flex items-center justify-center w-12 h-12 bg-primary-cta rounded-full mb-4">
|
||||
<Sprout className="w-6 h-6 text-background" />
|
||||
</div>
|
||||
<h3 className="text-xl font-semibold mb-3 text-foreground">Control de Plagas</h3>
|
||||
<p className="text-foreground/70">La prevención es mejor que la cura. Implementa prácticas de control integrado de plagas. Nuestro equipo te ayudará con productos fitosanitarios efectivos.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="floating-actions" className="fixed bottom-6 right-6 flex flex-col gap-4 z-40">
|
||||
{showCallButton && (
|
||||
<a
|
||||
href="tel:967305363"
|
||||
className="flex items-center justify-center w-14 h-14 bg-primary-cta text-background rounded-full shadow-lg hover:shadow-xl hover:scale-110 transition-all duration-300 group"
|
||||
title="Llamar a Agroreolid"
|
||||
aria-label="Llamar por teléfono"
|
||||
>
|
||||
<Phone className="w-6 h-6" />
|
||||
</a>
|
||||
)}
|
||||
<a
|
||||
href="https://wa.me/34967305363?text=Hola%2C%20me%20gustaría%20consultar%20sobre%20vuestros%20productos%20y%20servicios"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="flex items-center justify-center w-14 h-14 bg-green-500 text-white rounded-full shadow-lg hover:shadow-xl hover:scale-110 transition-all duration-300 group"
|
||||
title="Contactar por WhatsApp"
|
||||
aria-label="Enviar mensaje por WhatsApp"
|
||||
>
|
||||
<MessageCircle className="w-6 h-6" />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div id="google-maps" data-section="google-maps" className="w-full h-96 bg-card">
|
||||
<iframe
|
||||
width="100%"
|
||||
height="100%"
|
||||
style={{ border: 0 }}
|
||||
loading="lazy"
|
||||
allowFullScreen
|
||||
referrerPolicy="no-referrer-when-downgrade"
|
||||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3074.5428957890876!2d-1.6421!3d38.31!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd63f8a1b2c3d4e5f%3A0x1234567890abcdef!2sAgroreolid%20-%20Tienda%20Agricola!5e0!3m2!1ses!2ses!4v1234567890"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Contacto"
|
||||
@@ -204,14 +317,15 @@ export default function LandingPage() {
|
||||
{ label: "Inicio", href: "#hero" },
|
||||
{ label: "Sobre Nosotros", href: "#about" },
|
||||
{ label: "Productos", href: "#products" },
|
||||
{ label: "Servicios", href: "#features" }
|
||||
{ label: "Servicios", href: "#features" },
|
||||
{ label: "Preguntas Frecuentes", href: "#faq" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contacto", items: [
|
||||
{ label: "Teléfono: 967 305 363", href: "tel:967305363" },
|
||||
{ label: "Email: administracion@agroreolid.com", href: "mailto:administracion@agroreolid.com" },
|
||||
{ label: "Calle Mono 14, Hellín", href: "#" }
|
||||
{ label: "WhatsApp: 967 305 363", href: "https://wa.me/34967305363" }
|
||||
]
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user