Merge version_3 into main #5
165
src/app/contact/page.tsx
Normal file
165
src/app/contact/page.tsx
Normal file
@@ -0,0 +1,165 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { MapPin, Phone, Mail } from 'lucide-react';
|
||||
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Crescendo SL"
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "/" },
|
||||
{ name: "Servicios", id: "services" },
|
||||
{ name: "Beneficios", id: "benefits" },
|
||||
{ name: "Ubicación", id: "/location" },
|
||||
{ name: "Contacto", id: "/contact" },
|
||||
{ name: "Preguntas", id: "faq" },
|
||||
{ name: "Llamar", id: "tel:+34971123456" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="pt-24 md:pt-32" id="contact-intro" data-section="contact-intro">
|
||||
<div className="px-4 md:px-8 py-12 md:py-20 max-w-4xl mx-auto">
|
||||
<h1 className="text-3xl md:text-5xl font-bold mb-4">Ponte en Contacto Con Nosotros</h1>
|
||||
<p className="text-lg text-foreground/70 mb-8 md:mb-12">Estamos aquí para ayudarte. Contáctanos a través del formulario, teléfono o email, y nuestro equipo te responderá lo antes posible.</p>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-6 mb-12">
|
||||
<div className="flex items-start gap-4 p-6 rounded-lg bg-card border border-foreground/10">
|
||||
<Phone className="w-6 h-6 text-var(--primary-cta) flex-shrink-0 mt-1" />
|
||||
<div>
|
||||
<h3 className="font-semibold mb-2">Teléfono</h3>
|
||||
<a href="tel:+34971123456" className="text-foreground/70 hover:text-var(--primary-cta) transition-colors">+34 971 123 456</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex items-start gap-4 p-6 rounded-lg bg-card border border-foreground/10">
|
||||
<Mail className="w-6 h-6 text-var(--primary-cta) flex-shrink-0 mt-1" />
|
||||
<div>
|
||||
<h3 className="font-semibold mb-2">Email</h3>
|
||||
<a href="mailto:info@crescendosl.es" className="text-foreground/70 hover:text-var(--primary-cta) transition-colors">info@crescendosl.es</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex items-start gap-4 p-6 rounded-lg bg-card border border-foreground/10">
|
||||
<MapPin className="w-6 h-6 text-var(--primary-cta) flex-shrink-0 mt-1" />
|
||||
<div>
|
||||
<h3 className="font-semibold mb-2">Ubicación</h3>
|
||||
<p className="text-foreground/70">C. de la Fàbrica 29<br />07013 Palma, España</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="contact-form" data-section="contact-form">
|
||||
<ContactSplitForm
|
||||
title="Formulario de Contacto"
|
||||
description="Rellena el siguiente formulario con tus datos y nos pondremos en contacto contigo en menos de 24 horas."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Tu nombre completo", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Tu teléfono", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Tu correo electrónico", required: true },
|
||||
{ name: "company", type: "text", placeholder: "Nombre de tu empresa (opcional)", required: false }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Cuéntanos cómo podemos ayudarte...", rows: 6,
|
||||
required: true
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/isometric-architecture-project-invoice-template_23-2149426847.jpg"
|
||||
imageAlt="Contact form illustration"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="right"
|
||||
buttonText="Enviar Mensaje"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="location-map" data-section="location-map" className="py-12 md:py-20 px-4 md:px-8">
|
||||
<div className="max-w-4xl mx-auto">
|
||||
<h2 className="text-3xl md:text-4xl font-bold mb-8 text-center">Visitanos en Palma</h2>
|
||||
<div className="w-full h-96 md:h-[500px] rounded-lg overflow-hidden shadow-lg border border-foreground/10">
|
||||
<iframe
|
||||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3035.6843869819886!2d2.6479!3d39.5697!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x1297949dd8b8c12f%3A0x1297949dd8b8c12f!2sC.%20de%20la%20F%C3%A0brica%2029%2C%2007013%20Palma!5e0!3m2!1ses!2ses!4v1234567890"
|
||||
width="100%"
|
||||
height="100%"
|
||||
style={{ border: 0 }}
|
||||
allowFullScreen
|
||||
loading="lazy"
|
||||
referrerPolicy="no-referrer-when-downgrade"
|
||||
/>
|
||||
</div>
|
||||
<div className="mt-8 p-6 rounded-lg bg-card border border-foreground/10">
|
||||
<h3 className="text-xl font-semibold mb-4">Horario de Atención</h3>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<div>
|
||||
<p className="text-foreground/70"><strong>De lunes a viernes:</strong> 9:00 - 18:00</p>
|
||||
<p className="text-foreground/70"><strong>Sábado:</strong> 10:00 - 14:00</p>
|
||||
<p className="text-foreground/70"><strong>Domingo:</strong> Cerrado</p>
|
||||
</div>
|
||||
<div>
|
||||
<p className="text-foreground/70"><strong>Acceso 24/7</strong> para nuestros clientes con llave de acceso.</p>
|
||||
<p className="text-foreground/70 mt-2">Urgencias: <a href="tel:+34671123456" className="text-var(--primary-cta) hover:underline">+34 671 123 456</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navegación", items: [
|
||||
{ label: "Inicio", href: "/" },
|
||||
{ label: "Servicios", href: "/#services" },
|
||||
{ label: "Beneficios", href: "/#benefits" },
|
||||
{ label: "Ubicación", href: "/location" },
|
||||
{ label: "Contacto", href: "/contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contacto", items: [
|
||||
{ label: "☎ +34 971 123 456", href: "tel:+34971123456" },
|
||||
{ label: "📧 info@crescendosl.es", href: "mailto:info@crescendosl.es" },
|
||||
{ label: "📍 C. de la Fàbrica 29", href: "https://maps.google.com/?q=C.+de+la+Fàbrica+29,+07013+Palma" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Política de Privacidad", href: "/privacy" },
|
||||
{ label: "Términos de Servicio", href: "/terms" },
|
||||
{ label: "Cookies", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Síguenos", items: [
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2025 Crescendo SL. Todos los derechos reservados."
|
||||
bottomRightText="Centro de Negocios en Palma"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
140
src/app/gallery/page.tsx
Normal file
140
src/app/gallery/page.tsx
Normal file
@@ -0,0 +1,140 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { Camera } from 'lucide-react';
|
||||
|
||||
export default function GalleryPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Crescendo SL"
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "/" },
|
||||
{ name: "Servicios", id: "#services" },
|
||||
{ name: "Beneficios", id: "#benefits" },
|
||||
{ name: "Galería", id: "#gallery" },
|
||||
{ name: "Contacto", id: "#contact" },
|
||||
{ name: "Preguntas", id: "#faq" },
|
||||
{ name: "Llamar", id: "tel:+34971123456" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
title="Galería de Nuestras Instalaciones"
|
||||
description="Descubre nuestros modernos espacios de trabajo, coworking y servicios empresariales. Fotografías de alta calidad de nuestras instalaciones en el centro de Palma."
|
||||
background={{ variant: "glowing-orb" }}
|
||||
kpis={[
|
||||
{ value: "1000m²", label: "Espacio Total" },
|
||||
{ value: "50+", label: "Clientes Felices" },
|
||||
{ value: "24/7", label: "Acceso Disponible" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
tag="Galería Visual"
|
||||
tagIcon={Camera}
|
||||
buttons={[
|
||||
{ text: "Solicitar Visita", href: "#contact" },
|
||||
{ text: "Ver Servicios", href: "/" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405375.jpg?_wi=1"
|
||||
imageAlt="Gallery hero image of workspace"
|
||||
mediaAnimation="blur-reveal"
|
||||
imagePosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureCardThree
|
||||
title="Espacios y Servicios en Detalle"
|
||||
description="Explora nuestra galería de fotos de alta calidad. Desde espacios de coworking hasta oficinas privadas, salas de reuniones y áreas comunes."
|
||||
features={[
|
||||
{
|
||||
id: "01", title: "Coworking Abierto", description: "Espacios de trabajo compartidos con ambiente colaborativo, conexión a internet de alta velocidad y áreas comunes completamente equipadas.", imageSrc: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405375.jpg?_wi=1", imageAlt: "Modern coworking space with shared desks and natural light"
|
||||
},
|
||||
{
|
||||
id: "02", title: "Oficinas Privadas", description: "Oficinas completamente equipadas para empresas y startups. Privacidad, profesionalismo y flexibilidad en ubicaciones céntrica.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-talking-phone_23-2149426651.jpg", imageAlt: "Private executive office with modern furniture and windows"
|
||||
},
|
||||
{
|
||||
id: "03", title: "Salas de Reuniones", description: "Salas de conferencias modernas equipadas con proyectores, videoconferencia y pizarras. Disponibles por horas o días.", imageSrc: "http://img.b2bpic.net/free-photo/boss-instructing-assistant-colleagues-standing-sitting-table-with-monitor-documents-manager-pointing-paper-listening-coworker-business-communication-concept_74855-11543.jpg", imageAlt: "Conference room with modern equipment and professional setup"
|
||||
},
|
||||
{
|
||||
id: "04", title: "Áreas Comunes", description: "Espacios de relax, cafetería y zonas de networking para que los profesionales puedan conectar y colaborar.", imageSrc: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405375.jpg?_wi=2", imageAlt: "Common areas with kitchen, lounge seating and social spaces"
|
||||
},
|
||||
{
|
||||
id: "05", title: "Recepción Profesional", description: "Recepción 24/7 con personal profesional para manejo de llamadas, correo y bienvenida de visitantes.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-employee-holding-resignation-letter_23-2149480571.jpg", imageAlt: "Professional reception desk with trained staff"
|
||||
},
|
||||
{
|
||||
id: "06", title: "Entrada Principal", description: "Ubicación céntrica en C. de la Fàbrica 29, fácil acceso, transporte público cercano y aparcamiento disponible.", imageSrc: "http://img.b2bpic.net/free-photo/short-break-cup-coffee_329181-19687.jpg", imageAlt: "Building entrance with modern architecture and signage"
|
||||
}
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Reservar Visita", href: "#contact" },
|
||||
{ text: "Volver al Inicio", href: "/" }
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navegación", items: [
|
||||
{ label: "Inicio", href: "/" },
|
||||
{ label: "Servicios", href: "/#services" },
|
||||
{ label: "Beneficios", href: "/#benefits" },
|
||||
{ label: "Galería", href: "/gallery" },
|
||||
{ label: "Contacto", href: "/#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contacto", items: [
|
||||
{ label: "☎ +34 971 123 456", href: "tel:+34971123456" },
|
||||
{ label: "📧 info@crescendosl.es", href: "mailto:info@crescendosl.es" },
|
||||
{ label: "📍 C. de la Fàbrica 29", href: "https://maps.google.com/?q=C.+de+la+Fàbrica+29,+07013+Palma" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Política de Privacidad", href: "#" },
|
||||
{ label: "Términos de Servicio", href: "#" },
|
||||
{ label: "Cookies", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Síguenos", items: [
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2025 Crescendo SL. Todos los derechos reservados."
|
||||
bottomRightText="Centro de Negocios en Palma"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
211
src/app/location/page.tsx
Normal file
211
src/app/location/page.tsx
Normal file
@@ -0,0 +1,211 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { MapPin, Clock, Phone, Mail, Coffee, Wifi, Zap } from 'lucide-react';
|
||||
|
||||
export default function LocationPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Crescendo SL"
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "/" },
|
||||
{ name: "Servicios", id: "services" },
|
||||
{ name: "Beneficios", id: "benefits" },
|
||||
{ name: "Ubicación", id: "/location" },
|
||||
{ name: "Contacto", id: "/contact" },
|
||||
{ name: "Preguntas", id: "faq" },
|
||||
{ name: "Llamar", id: "tel:+34971123456" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="pt-24 md:pt-32" id="location-hero" data-section="location-hero">
|
||||
<div className="px-4 md:px-8 py-12 md:py-20 max-w-4xl mx-auto">
|
||||
<h1 className="text-3xl md:text-5xl font-bold mb-4">Nuestra Ubicación</h1>
|
||||
<p className="text-lg text-foreground/70">Centro de Negocios Crescendo SL está estratégicamente ubicado en el corazón de Palma, con fácil acceso a transporte público, aparcamiento y todas las comodidades necesarias.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="map-section" data-section="map" className="px-4 md:px-8 py-8 md:py-16">
|
||||
<div className="max-w-6xl mx-auto grid grid-cols-1 lg:grid-cols-3 gap-8">
|
||||
<div className="lg:col-span-2">
|
||||
<div className="w-full h-96 md:h-[500px] rounded-lg overflow-hidden shadow-lg border border-foreground/10">
|
||||
<iframe
|
||||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3035.6843869819886!2d2.6479!3d39.5697!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x1297949dd8b8c12f%3A0x1297949dd8b8c12f!2sC.%20de%20la%20F%C3%A0brica%2029%2C%2007013%20Palma!5e0!3m2!1ses!2ses!4v1234567890"
|
||||
width="100%"
|
||||
height="100%"
|
||||
style={{ border: 0 }}
|
||||
allowFullScreen
|
||||
loading="lazy"
|
||||
referrerPolicy="no-referrer-when-downgrade"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="space-y-6">
|
||||
<div className="p-6 rounded-lg bg-card border border-foreground/10">
|
||||
<div className="flex items-start gap-3 mb-3">
|
||||
<MapPin className="w-6 h-6 text-var(--primary-cta) flex-shrink-0 mt-1" />
|
||||
<div>
|
||||
<h3 className="font-semibold mb-1">Dirección</h3>
|
||||
<p className="text-foreground/70 text-sm">C. de la Fàbrica 29<br />07013 Palma<br />España</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="p-6 rounded-lg bg-card border border-foreground/10">
|
||||
<div className="flex items-start gap-3 mb-3">
|
||||
<Phone className="w-6 h-6 text-var(--primary-cta) flex-shrink-0 mt-1" />
|
||||
<div>
|
||||
<h3 className="font-semibold mb-1">Teléfono</h3>
|
||||
<a href="tel:+34971123456" className="text-foreground/70 hover:text-var(--primary-cta) transition-colors text-sm">+34 971 123 456</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="p-6 rounded-lg bg-card border border-foreground/10">
|
||||
<div className="flex items-start gap-3 mb-3">
|
||||
<Mail className="w-6 h-6 text-var(--primary-cta) flex-shrink-0 mt-1" />
|
||||
<div>
|
||||
<h3 className="font-semibold mb-1">Email</h3>
|
||||
<a href="mailto:info@crescendosl.es" className="text-foreground/70 hover:text-var(--primary-cta) transition-colors text-sm">info@crescendosl.es</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="hours-section" data-section="hours" className="px-4 md:px-8 py-8 md:py-16 bg-background">
|
||||
<div className="max-w-4xl mx-auto">
|
||||
<h2 className="text-3xl font-bold mb-8 text-center">Horario de Atención</h2>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||||
<div className="p-6 rounded-lg bg-card border border-foreground/10">
|
||||
<div className="flex items-center gap-3 mb-4">
|
||||
<Clock className="w-6 h-6 text-var(--primary-cta)" />
|
||||
<h3 className="text-xl font-semibold">Recepción</h3>
|
||||
</div>
|
||||
<ul className="space-y-2 text-foreground/70">
|
||||
<li><strong>Lunes a Viernes:</strong> 9:00 - 18:00</li>
|
||||
<li><strong>Sábado:</strong> 10:00 - 14:00</li>
|
||||
<li><strong>Domingo:</strong> Cerrado</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="p-6 rounded-lg bg-card border border-foreground/10">
|
||||
<div className="flex items-center gap-3 mb-4">
|
||||
<Zap className="w-6 h-6 text-var(--primary-cta)" />
|
||||
<h3 className="text-xl font-semibold">Acceso 24/7</h3>
|
||||
</div>
|
||||
<p className="text-foreground/70 mb-3">Nuestros clientes tienen acceso ilimitado a las instalaciones a cualquier hora del día.</p>
|
||||
<p className="text-foreground/70"><strong>Urgencias:</strong> <a href="tel:+34671123456" className="text-var(--primary-cta) hover:underline">+34 671 123 456</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="amenities-section" data-section="amenities" className="px-4 md:px-8 py-8 md:py-16">
|
||||
<div className="max-w-4xl mx-auto">
|
||||
<h2 className="text-3xl font-bold mb-8 text-center">Servicios e Instalaciones</h2>
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
|
||||
<div className="p-6 rounded-lg bg-card border border-foreground/10 flex flex-col items-center text-center">
|
||||
<Wifi className="w-10 h-10 text-var(--primary-cta) mb-3" />
|
||||
<h3 className="font-semibold mb-2">WiFi de Alta Velocidad</h3>
|
||||
<p className="text-foreground/70 text-sm">Conexión a internet de fibra óptica 1GB/s para máximo rendimiento</p>
|
||||
</div>
|
||||
|
||||
<div className="p-6 rounded-lg bg-card border border-foreground/10 flex flex-col items-center text-center">
|
||||
<Coffee className="w-10 h-10 text-var(--primary-cta) mb-3" />
|
||||
<h3 className="font-semibold mb-2">Áreas Comunes</h3>
|
||||
<p className="text-foreground/70 text-sm">Sala de descanso, cocina equipada y espacios de networking</p>
|
||||
</div>
|
||||
|
||||
<div className="p-6 rounded-lg bg-card border border-foreground/10 flex flex-col items-center text-center">
|
||||
<MapPin className="w-10 h-10 text-var(--primary-cta) mb-3" />
|
||||
<h3 className="font-semibold mb-2">Aparcamiento</h3>
|
||||
<p className="text-foreground/70 text-sm">Fácil acceso a aparcamiento cercano y transporte público</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="access-info" data-section="access-info" className="px-4 md:px-8 py-8 md:py-16 bg-background">
|
||||
<div className="max-w-4xl mx-auto">
|
||||
<h2 className="text-3xl font-bold mb-8 text-center">Cómo Llegar</h2>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||||
<div>
|
||||
<h3 className="text-xl font-semibold mb-4">En Transporte Público</h3>
|
||||
<ul className="space-y-3 text-foreground/70">
|
||||
<li><strong>Autobús:</strong> Líneas 2, 3, 11 y 12 (parada cercana)</li>
|
||||
<li><strong>Tren:</strong> Estación de Palma a 15 min a pie</li>
|
||||
<li><strong>Taxi:</strong> Acceso directo y zona de parada</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="text-xl font-semibold mb-4">En Coche</h3>
|
||||
<ul className="space-y-3 text-foreground/70">
|
||||
<li><strong>Aparcamiento público:</strong> Múltiples opciones en la zona</li>
|
||||
<li><strong>Parking de clientes:</strong> Disponible para nuestros clientes</li>
|
||||
<li><strong>Acceso:</strong> Fácil entrada y salida desde la carretera principal</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navegación", items: [
|
||||
{ label: "Inicio", href: "/" },
|
||||
{ label: "Servicios", href: "/#services" },
|
||||
{ label: "Beneficios", href: "/#benefits" },
|
||||
{ label: "Ubicación", href: "/location" },
|
||||
{ label: "Contacto", href: "/contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contacto", items: [
|
||||
{ label: "☎ +34 971 123 456", href: "tel:+34971123456" },
|
||||
{ label: "📧 info@crescendosl.es", href: "mailto:info@crescendosl.es" },
|
||||
{ label: "📍 C. de la Fàbrica 29", href: "https://maps.google.com/?q=C.+de+la+Fàbrica+29,+07013+Palma" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Política de Privacidad", href: "/privacy" },
|
||||
{ label: "Términos de Servicio", href: "/terms" },
|
||||
{ label: "Cookies", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Síguenos", items: [
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2025 Crescendo SL. Todos los derechos reservados."
|
||||
bottomRightText="Centro de Negocios en Palma"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
182
src/app/menu/page.tsx
Normal file
182
src/app/menu/page.tsx
Normal file
@@ -0,0 +1,182 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { UtensilsCrossed, Wine } from 'lucide-react';
|
||||
|
||||
export default function MenuPage() {
|
||||
const foodCategories = [
|
||||
{
|
||||
id: "1", title: "Ensaladas", author: "Fresh & Healthy", description: "Ensaladas frescas con ingredientes de temporada, aderezos caseros y opciones vegetarianas.", tags: ["Saludable", "Vegetariano", "Fresco"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-salad-with-vegetables_23-2149404568.jpg", imageAlt: "Fresh salad"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Sopas & Cremas", author: "Reconfortante & Nutritivo", description: "Sopas caseras, consomés y cremas de temporada preparadas diariamente.", tags: ["Casero", "Caliente", "Tradicional"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowl-soup-with-vegetables_23-2149404576.jpg", imageAlt: "Creamy soup"
|
||||
},
|
||||
{
|
||||
id: "3", title: "Platos Principales", author: "Carnes & Pescados", description: "Selección de carnes a la parrilla, pescados frescos y platos de fusión Mediterranean.", tags: ["Proteína", "Gourmet", "Premium"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-fish-with-vegetables_23-2149404584.jpg", imageAlt: "Main course plate"
|
||||
},
|
||||
{
|
||||
id: "4", title: "Pasta & Arroces", author: "Italiano & Mediterráneo", description: "Pastas artesanales, risottos cremosos y arroces de la casa preparados al momento.", tags: ["Italiano", "Paella", "Tradicional"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paella-with-seafood_23-2149404592.jpg", imageAlt: "Pasta and rice dishes"
|
||||
},
|
||||
{
|
||||
id: "5", title: "Sándwiches & Bocatas", author: "Rápido & Delicioso", description: "Sándwiches premium con ingredientes selectos, perfecto para almuerzo rápido.", tags: ["Rápido", "Para Llevar", "Casual"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-vegetables_23-2149404600.jpg", imageAlt: "Sandwich selection"
|
||||
},
|
||||
{
|
||||
id: "6", title: "Postres", author: "Dulce & Artesanal", description: "Postres caseros, tartas recién hechas y delicias dulces preparadas por nuestro pastelero.", tags: ["Postres", "Casero", "Artesanal"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dessert-plate-with-chocolate_23-2149404608.jpg", imageAlt: "Dessert selection"
|
||||
}
|
||||
];
|
||||
|
||||
const drinkCategories = [
|
||||
{
|
||||
id: "7", title: "Bebidas Calientes", author: "Café & Té", description: "Café espresso de primera calidad, capuchinos, lattes y selección de tés premium.", tags: ["Café", "Té", "Gourmet"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-with-latte-art_23-2149404616.jpg", imageAlt: "Hot beverages"
|
||||
},
|
||||
{
|
||||
id: "8", title: "Bebidas Frías", author: "Refrescante & Natural", description: "Zumos naturales recién exprimidos, smoothies saludables y bebidas refrescantes.", tags: ["Zumo", "Natural", "Refrescante"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-juice-with-fruit_23-2149404624.jpg", imageAlt: "Cold beverages"
|
||||
},
|
||||
{
|
||||
id: "9", title: "Vinos & Bebidas Alcohólicas", author: "Selección Premium", description: "Selección de vinos españoles e internacionales, cócteles artesanales y bebidas premium.", tags: ["Vino", "Cócteles", "Premium"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wine-glass-with-red-wine_23-2149404632.jpg", imageAlt: "Wine selection"
|
||||
},
|
||||
{
|
||||
id: "10", title: "Batidos & Smoothies", author: "Saludable & Delicioso", description: "Batidos proteicos, smoothies tropicales y bebidas energéticas preparadas al momento.", tags: ["Saludable", "Proteína", "Fresco"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smoothie-bowl-with-fruits_23-2149404640.jpg", imageAlt: "Smoothies and shakes"
|
||||
},
|
||||
{
|
||||
id: "11", title: "Agua & Refrescos", author: "Básico & Refrescante", description: "Agua mineral, refrescos naturales, agua con gas y bebidas light sin azúcar.", tags: ["Agua", "Natural", "Sin Azúcar"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-bottle-with-lemon_23-2149404648.jpg", imageAlt: "Water and soft drinks"
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Crescendo SL"
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "/" },
|
||||
{ name: "Servicios", id: "#services" },
|
||||
{ name: "Beneficios", id: "#benefits" },
|
||||
{ name: "Contacto", id: "#contact" },
|
||||
{ name: "Preguntas", id: "#faq" },
|
||||
{ name: "Llamar", id: "tel:+34971123456" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
title="Nuestro Menú"
|
||||
description="Descubre nuestra amplia selección de platos y bebidas, preparados con ingredientes frescos y de calidad. Desde ensaladas saludables hasta postres artesanales, tenemos algo para todos los gustos."
|
||||
background={{ variant: "glowing-orb" }}
|
||||
kpis={[
|
||||
{ value: "11", label: "Categorías" },
|
||||
{ value: "100+", label: "Platos" },
|
||||
{ value: "Diario", label: "Fresco" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
tag="Menú del Día"
|
||||
tagIcon={UtensilsCrossed}
|
||||
buttons={[
|
||||
{ text: "Hacer Pedido", href: "tel:+34971123456" },
|
||||
{ text: "Contactar", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/restaurant-kitchen-with-chefs-cooking_23-2149404656.jpg"
|
||||
imageAlt="Restaurant kitchen"
|
||||
mediaAnimation="blur-reveal"
|
||||
imagePosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="food" data-section="food">
|
||||
<FeatureCardTwentyFour
|
||||
title="Nuestros Platos"
|
||||
description="Selección variada de comidas saludables y deliciosas para todos los paladares."
|
||||
features={foodCategories}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Ver Menú Completo", href: "tel:+34971123456" }
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="drinks" data-section="drinks">
|
||||
<FeatureCardTwentyFour
|
||||
title="Nuestras Bebidas"
|
||||
description="Una selección completa de bebidas para refrescarte, desde café premium hasta vinos selectos."
|
||||
features={drinkCategories}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
tag="Bebidas Variadas"
|
||||
tagIcon={Wine}
|
||||
buttons={[
|
||||
{ text: "Hacer Pedido", href: "tel:+34971123456" }
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navegación", items: [
|
||||
{ label: "Inicio", href: "/" },
|
||||
{ label: "Menú", href: "/menu" },
|
||||
{ label: "Contacto", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contacto", items: [
|
||||
{ label: "☎ +34 971 123 456", href: "tel:+34971123456" },
|
||||
{ label: "📧 info@crescendosl.es", href: "mailto:info@crescendosl.es" },
|
||||
{ label: "📍 C. de la Fàbrica 29", href: "https://maps.google.com/?q=C.+de+la+Fàbrica+29,+07013+Palma" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Política de Privacidad", href: "#" },
|
||||
{ label: "Términos de Servicio", href: "#" },
|
||||
{ label: "Cookies", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Síguenos", items: [
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2025 Crescendo SL. Todos los derechos reservados."
|
||||
bottomRightText="Centro de Negocios en Palma"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -12,8 +12,11 @@ import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { Building2 } from 'lucide-react';
|
||||
import { useState } from 'react';
|
||||
|
||||
export default function LandingPage() {
|
||||
const [showMobileCtaButton, setShowMobileCtaButton] = useState(true);
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
@@ -33,7 +36,8 @@ export default function LandingPage() {
|
||||
navItems={[
|
||||
{ name: "Servicios", id: "services" },
|
||||
{ name: "Beneficios", id: "benefits" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
{ name: "Ubicación", id: "/location" },
|
||||
{ name: "Contacto", id: "/contact" },
|
||||
{ name: "Preguntas", id: "faq" },
|
||||
{ name: "Llamar", id: "tel:+34971123456" }
|
||||
]}
|
||||
@@ -239,10 +243,11 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Navegación", items: [
|
||||
{ label: "Inicio", href: "#hero" },
|
||||
{ label: "Inicio", href: "/" },
|
||||
{ label: "Servicios", href: "#services" },
|
||||
{ label: "Beneficios", href: "#benefits" },
|
||||
{ label: "Contacto", href: "#contact" }
|
||||
{ label: "Ubicación", href: "/location" },
|
||||
{ label: "Contacto", href: "/contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
@@ -254,8 +259,8 @@ export default function LandingPage() {
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Política de Privacidad", href: "#" },
|
||||
{ label: "Términos de Servicio", href: "#" },
|
||||
{ label: "Política de Privacidad", href: "/privacy" },
|
||||
{ label: "Términos de Servicio", href: "/terms" },
|
||||
{ label: "Cookies", href: "#" }
|
||||
]
|
||||
},
|
||||
@@ -271,6 +276,18 @@ export default function LandingPage() {
|
||||
bottomRightText="Centro de Negocios en Palma"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{showMobileCtaButton && (
|
||||
<div className="fixed bottom-4 left-4 right-4 md:hidden z-40">
|
||||
<a
|
||||
href="tel:+34971123456"
|
||||
className="flex items-center justify-center gap-2 bg-var(--primary-cta) text-white font-semibold py-3 px-4 rounded-lg shadow-lg w-full hover:opacity-90 transition-opacity"
|
||||
onClick={() => setShowMobileCtaButton(false)}
|
||||
>
|
||||
☎ Llamar Ahora
|
||||
</a>
|
||||
</div>
|
||||
)}
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user