bender/141cb6ac-b595-4b09-b479-c4fb838387b7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-03 21:50:50 +00:00
parent 4bb61d9a40
commit 38013814b4
1 changed files with 70 additions and 242 deletions
Download Patch File Download Diff File Expand all files Collapse all files

312
src/app/page.tsx
View File

@@ -34,77 +34,48 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Services",
id: "#features",
},
name: "Services", id: "#features"},
{
name: "Projects",
id: "#projects",
},
name: "Projects", id: "#projects"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
]}
brandName="Instal·lacions Pallares SL"
button={{
text: "Request a Consultation",
href: "#contact",
}}
text: "Request a Consultation", href: "#contact"}}
/>
</div>
<div id="home" data-section="home">
<HeroBillboardGallery
background={{
variant: "plain",
}}
variant: "plain"}}
title="Premium Installations Built to Last"
description="Precision engineering and meticulous attention to detail for commercial and residential projects. Trusted by Barcelona's leading developers and discerning homeowners."
buttons={[
{
text: "Request a Consultation",
href: "#contact",
},
text: "Request a Consultation", href: "#contact"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990685.jpg",
imageAlt: "Commercial building interior installation",
},
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990685.jpg", imageAlt: "Commercial building interior installation"},
{
imageSrc: "http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26704.jpg",
imageAlt: "Technician working on plumbing system",
},
imageSrc: "http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26704.jpg", imageAlt: "Technician working on plumbing system"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-using-smart-home-tablet_23-2149036910.jpg",
imageAlt: "Luxury kitchen with modern installations",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-using-smart-home-tablet_23-2149036910.jpg", imageAlt: "Luxury kitchen with modern installations"},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-lumberjack-wearing-protective-clothes-posing-with-chainsaw_613910-20312.jpg",
imageAlt: "Skilled craftsman working on electrical wiring",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-lumberjack-wearing-protective-clothes-posing-with-chainsaw_613910-20312.jpg", imageAlt: "Skilled craftsman working on electrical wiring"},
{
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-checking-switchboard-basement_651396-3066.jpg",
imageAlt: "Residential HVAC system installation",
},
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-checking-switchboard-basement_651396-3066.jpg", imageAlt: "Residential HVAC system installation"},
{
imageSrc: "http://img.b2bpic.net/free-photo/bridge-with-city_1127-3945.jpg",
imageAlt: "Modern office lighting installation",
},
imageSrc: "http://img.b2bpic.net/free-photo/bridge-with-city_1127-3945.jpg", imageAlt: "Modern office lighting installation"},
]}
mediaAnimation="opacity"
/>
@@ -115,14 +86,10 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Craftsmanship & Reliability for Every Project"
description={[
"Instal·lacions Pallares SL stands as a beacon of excellence in the installation sector, serving both large-scale commercial developments and bespoke residential properties across Barcelona. Our reputation is built on an unwavering commitment to quality, delivering solutions that are not only aesthetically superior but also engineered for enduring performance and reliability.",
"We collaborate closely with architects, designers, and property managers to ensure every detail aligns with the project's vision and technical specifications. Our team of certified specialists brings years of experience and a meticulous approach to every task, from intricate plumbing and advanced electrical systems to state-of-the-art HVAC and sophisticated general installations.",
]}
"Instal·lacions Pallares SL stands as a beacon of excellence in the installation sector, serving both large-scale commercial developments and bespoke residential properties across Barcelona. Our reputation is built on an unwavering commitment to quality, delivering solutions that are not only aesthetically superior but also engineered for enduring performance and reliability.", "We collaborate closely with architects, designers, and property managers to ensure every detail aligns with the project's vision and technical specifications. Our team of certified specialists brings years of experience and a meticulous approach to every task, from intricate plumbing and advanced electrical systems to state-of-the-art HVAC and sophisticated general installations."]}
buttons={[
{
text: "Learn More About Us",
href: "#features",
},
text: "Learn More About Us", href: "#features"},
]}
buttonAnimation="slide-up"
/>
@@ -134,29 +101,11 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
tag: "Planning & Design",
title: "Meticulous Project Planning",
subtitle: "Engineering for Excellence",
description: "Every project begins with a detailed assessment and planning phase, ensuring seamless integration and optimal efficiency for complex installations.",
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-using-template-stencil_23-2147785517.jpg",
imageAlt: "Engineer planning a blueprint",
},
tag: "Planning & Design", title: "Meticulous Project Planning", subtitle: "Engineering for Excellence", description: "Every project begins with a detailed assessment and planning phase, ensuring seamless integration and optimal efficiency for complex installations.", imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-using-template-stencil_23-2147785517.jpg", imageAlt: "Engineer planning a blueprint"},
{
tag: "Installation & Execution",
title: "Unrivaled Craftsmanship",
subtitle: "Skilled Implementation",
description: "Our certified technicians execute installations with precision, adhering to the highest industry standards and utilizing advanced techniques for superior results.",
imageSrc: "http://img.b2bpic.net/free-photo/doctor-looking-medical-report-while-walking_107420-84823.jpg",
imageAlt: "Professional technician working on an installation",
},
tag: "Installation & Execution", title: "Unrivaled Craftsmanship", subtitle: "Skilled Implementation", description: "Our certified technicians execute installations with precision, adhering to the highest industry standards and utilizing advanced techniques for superior results.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-looking-medical-report-while-walking_107420-84823.jpg", imageAlt: "Professional technician working on an installation"},
{
tag: "Support & Communication",
title: "Transparent Client Engagement",
subtitle: "Clear & Consistent Updates",
description: "We maintain open lines of communication throughout the project, providing regular updates and ensuring our clients are informed at every stage.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-sporty-woman-with-ipad_1385-2730.jpg",
imageAlt: "Client and team member discussing project",
},
tag: "Support & Communication", title: "Transparent Client Engagement", subtitle: "Clear & Consistent Updates", description: "We maintain open lines of communication throughout the project, providing regular updates and ensuring our clients are informed at every stage.", imageSrc: "http://img.b2bpic.net/free-photo/happy-sporty-woman-with-ipad_1385-2730.jpg", imageAlt: "Client and team member discussing project"},
]}
title="Our Expertise: Precision-Driven Solutions"
description="We specialize in delivering comprehensive installation services, ensuring optimal functionality and a flawless finish for every client."
@@ -170,23 +119,14 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "1",
icon: Award,
title: "Years in Business",
value: "25+",
},
id: "1", icon: Award,
title: "Years in Business", value: "25+"},
{
id: "2",
icon: CheckCircle,
title: "Projects Completed",
value: "500+",
},
id: "2", icon: CheckCircle,
title: "Projects Completed", value: "500+"},
{
id: "3",
icon: Users,
title: "Satisfied Clients",
value: "98%",
},
id: "3", icon: Users,
title: "Satisfied Clients", value: "98%"},
]}
title="Proven Track Record of Excellence"
description="Our commitment to quality and client satisfaction is reflected in our consistent performance and enduring partnerships."
@@ -201,53 +141,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "1",
name: "Luxury Residential HVAC",
price: "Project-based",
variant: "Residential",
imageSrc: "http://img.b2bpic.net/free-photo/distant-shot-urban-area-with-cars-street-high-buildings_181624-2937.jpg",
imageAlt: "Luxury residential HVAC system",
},
id: "1", name: "Luxury Residential HVAC", price: "Project-based", variant: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/distant-shot-urban-area-with-cars-street-high-buildings_181624-2937.jpg", imageAlt: "Luxury residential HVAC system"},
{
id: "2",
name: "Commercial Electrical Grid",
price: "Project-based",
variant: "Commercial",
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-living-room-interior-design-with-mid-century-modern-couch_53876-129799.jpg",
imageAlt: "Commercial electrical grid installation",
},
id: "2", name: "Commercial Electrical Grid", price: "Project-based", variant: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/contemporary-living-room-interior-design-with-mid-century-modern-couch_53876-129799.jpg", imageAlt: "Commercial electrical grid installation"},
{
id: "3",
name: "Bespoke Plumbing Solutions",
price: "Project-based",
variant: "Residential",
imageSrc: "http://img.b2bpic.net/free-photo/pollution-industry-exterior-daylight_23-2149057675.jpg",
imageAlt: "Custom plumbing solutions for a modern home",
},
id: "3", name: "Bespoke Plumbing Solutions", price: "Project-based", variant: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/pollution-industry-exterior-daylight_23-2149057675.jpg", imageAlt: "Custom plumbing solutions for a modern home"},
{
id: "4",
name: "Industrial Facility Systems",
price: "Project-based",
variant: "Commercial",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-social-distancing-concept_23-2148626202.jpg",
imageAlt: "Industrial facility system installation",
},
id: "4", name: "Industrial Facility Systems", price: "Project-based", variant: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/front-view-social-distancing-concept_23-2148626202.jpg", imageAlt: "Industrial facility system installation"},
{
id: "5",
name: "Smart Home Integration",
price: "Project-based",
variant: "Residential",
imageSrc: "http://img.b2bpic.net/free-photo/view-city-with-apartment-buildings-green-vegetation_23-2150439353.jpg",
imageAlt: "Smart home integration and electrical work",
},
id: "5", name: "Smart Home Integration", price: "Project-based", variant: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/view-city-with-apartment-buildings-green-vegetation_23-2150439353.jpg", imageAlt: "Smart home integration and electrical work"},
{
id: "6",
name: "Office Fit-Out Installations",
price: "Project-based",
variant: "Commercial",
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105487.jpg",
imageAlt: "Modern office fit-out with new installations",
},
id: "6", name: "Office Fit-Out Installations", price: "Project-based", variant: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105487.jpg", imageAlt: "Modern office fit-out with new installations"},
]}
title="Showcase of Premium Installations"
description="Explore a selection of our recent commercial and residential projects that highlight our precision and dedication."
@@ -259,14 +163,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Barcelona Developers Group",
"Luxury Living Homes",
"Catalan Architects Guild",
"Urban Commercial Estates",
"Elite Property Management",
"Innovate Design Studio",
"Grand Hotel Chain",
]}
"Barcelona Developers Group", "Luxury Living Homes", "Catalan Architects Guild", "Urban Commercial Estates", "Elite Property Management", "Innovate Design Studio", "Grand Hotel Chain"]}
title="Trusted by Industry Leaders & Valued Clients"
description="Our partnerships reflect our commitment to excellence and the trust we've built across diverse sectors."
/>
@@ -280,50 +177,20 @@ export default function LandingPage() {
carouselMode="buttons"
testimonials={[
{
id: "1",
name: "Isabel Garcia",
handle: "@CommercialDev",
testimonial: "Instal·lacions Pallares SL transformed our new office complex with their exceptional electrical and HVAC installations. Their professionalism and attention to detail were second to none.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg",
imageAlt: "Isabel Garcia",
},
id: "1", name: "Isabel Garcia", handle: "@CommercialDev", testimonial: "Instal·lacions Pallares SL transformed our new office complex with their exceptional electrical and HVAC installations. Their professionalism and attention to detail were second to none.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg", imageAlt: "Isabel Garcia"},
{
id: "2",
name: "Marc Rodriguez",
handle: "@HomeownerBCN",
testimonial: "For our luxury home renovation, Pallares SL delivered flawless plumbing and smart home system integration. The team was incredibly skilled and respectful of our space.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/discussing-trends_1098-15483.jpg",
imageAlt: "Marc Rodriguez",
},
id: "2", name: "Marc Rodriguez", handle: "@HomeownerBCN", testimonial: "For our luxury home renovation, Pallares SL delivered flawless plumbing and smart home system integration. The team was incredibly skilled and respectful of our space.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/discussing-trends_1098-15483.jpg", imageAlt: "Marc Rodriguez"},
{
id: "3",
name: "Elena Torres",
handle: "@ArchitectStudio",
testimonial: "As an architect, I frequently recommend Instal·lacions Pallares SL. Their ability to execute complex designs with such precision is truly impressive, a trusted partner.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-architect-woman-wearing-safety-helmet-pink-background-smiling-positive-doing-ok-sign-with-hand-fingers-successful-expression_839833-8896.jpg",
imageAlt: "Elena Torres",
},
id: "3", name: "Elena Torres", handle: "@ArchitectStudio", testimonial: "As an architect, I frequently recommend Instal·lacions Pallares SL. Their ability to execute complex designs with such precision is truly impressive, a trusted partner.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-architect-woman-wearing-safety-helmet-pink-background-smiling-positive-doing-ok-sign-with-hand-fingers-successful-expression_839833-8896.jpg", imageAlt: "Elena Torres"},
{
id: "4",
name: "David Morales",
handle: "@PropertyMgmt",
testimonial: "We rely on Pallares SL for all our commercial property maintenance and new installations. Their response time and quality of work are consistently outstanding.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/angry-man-business-suit-look-left-with-hatred-stare-aside-shaking-hands-with-clenched-teeth-s_1258-145016.jpg",
imageAlt: "David Morales",
},
id: "4", name: "David Morales", handle: "@PropertyMgmt", testimonial: "We rely on Pallares SL for all our commercial property maintenance and new installations. Their response time and quality of work are consistently outstanding.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/angry-man-business-suit-look-left-with-hatred-stare-aside-shaking-hands-with-clenched-teeth-s_1258-145016.jpg", imageAlt: "David Morales"},
{
id: "5",
name: "Sofia Nieto",
handle: "@LuxuryResidencies",
testimonial: "The bespoke solutions provided by Instal·lacions Pallares SL for our residential projects always exceed expectations. Their team embodies true craftsmanship.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-white_1368-6366.jpg",
imageAlt: "Sofia Nieto",
},
id: "5", name: "Sofia Nieto", handle: "@LuxuryResidencies", testimonial: "The bespoke solutions provided by Instal·lacions Pallares SL for our residential projects always exceed expectations. Their team embodies true craftsmanship.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-white_1368-6366.jpg", imageAlt: "Sofia Nieto"},
]}
showRating={true}
title="What Our Clients Say"
@@ -337,30 +204,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "What types of projects does Instal·lacions Pallares SL handle?",
content: "We specialize in both large-scale commercial installations (electrical, plumbing, HVAC, general building systems) and bespoke residential projects, focusing on luxury and high-end solutions.",
},
id: "1", title: "What types of projects does Instal·lacions Pallares SL handle?", content: "We specialize in both large-scale commercial installations (electrical, plumbing, HVAC, general building systems) and bespoke residential projects, focusing on luxury and high-end solutions."},
{
id: "2",
title: "How do you ensure the quality of your installations?",
content: "Our quality assurance process includes detailed project planning, using only premium materials, employing certified and experienced technicians, and adhering to strict industry standards and safety protocols. We also conduct thorough post-installation checks.",
},
id: "2", title: "How do you ensure the quality of your installations?", content: "Our quality assurance process includes detailed project planning, using only premium materials, employing certified and experienced technicians, and adhering to strict industry standards and safety protocols. We also conduct thorough post-installation checks."},
{
id: "3",
title: "Can you work with our existing architects and designers?",
content: "Absolutely. We pride ourselves on seamless collaboration with your chosen architects, interior designers, and project managers to ensure that all installations align perfectly with the overall design vision and technical requirements.",
},
id: "3", title: "Can you work with our existing architects and designers?", content: "Absolutely. We pride ourselves on seamless collaboration with your chosen architects, interior designers, and project managers to ensure that all installations align perfectly with the overall design vision and technical requirements."},
{
id: "4",
title: "What is the typical process for a new project?",
content: "Our process usually starts with an initial consultation and site assessment, followed by a detailed proposal and design phase. Once approved, our team schedules the installation, provides regular updates, and concludes with final testing and client handover.",
},
id: "4", title: "What is the typical process for a new project?", content: "Our process usually starts with an initial consultation and site assessment, followed by a detailed proposal and design phase. Once approved, our team schedules the installation, provides regular updates, and concludes with final testing and client handover."},
{
id: "5",
title: "Do you offer maintenance and support after installation?",
content: "Yes, we provide comprehensive after-sales support and maintenance services to ensure the long-term performance and reliability of our installations. Details are tailored to each project's scope.",
},
id: "5", title: "Do you offer maintenance and support after installation?", content: "Yes, we provide comprehensive after-sales support and maintenance services to ensure the long-term performance and reliability of our installations. Details are tailored to each project's scope."},
]}
title="Frequently Asked Questions"
description="Find answers to common questions about our services, process, and commitment to quality."
@@ -372,14 +224,13 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Get in Touch"
title="Request a Premium Consultation"
description="Ready to discuss your next commercial or residential project? Contact us today for a personalized consultation tailored to your specific needs."
inputPlaceholder="Your email address"
buttonText="Send Request"
termsText="By clicking Send Request, you agree to our privacy policy and terms of service."
variant: "plain"}}
tag="Ponte en Contacto"
title="Solicita una Consulta Premium"
description="¿Listo para discutir tu próximo proyecto comercial o residencial? Contáctanos hoy para una consulta personalizada adaptada a tus necesidades específicas."
inputPlaceholder="Tu dirección de correo electrónico"
buttonText="Enviar Solicitud"
termsText="Al hacer clic en Enviar Solicitud, aceptas nuestra política de privacidad y términos de servicio."
/>
</div>
@@ -387,63 +238,40 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Services",
items: [
title: "Servicios", items: [
{
label: "Commercial Installations",
href: "#features",
},
label: "Instalaciones Comerciales", href: "#features"},
{
label: "Residential Solutions",
href: "#features",
},
label: "Soluciones Residenciales", href: "#features"},
{
label: "HVAC Systems",
href: "#features",
},
label: "Sistemas HVAC", href: "#features"},
{
label: "Electrical & Plumbing",
href: "#features",
},
label: "Electricidad y Fontanería", href: "#features"},
],
},
{
title: "Company",
items: [
title: "Empresa", items: [
{
label: "About Us",
href: "#about",
},
label: "Sobre Nosotros", href: "#about"},
{
label: "Our Projects",
href: "#projects",
},
label: "Nuestros Proyectos", href: "#projects"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonios", href: "#testimonials"},
{
label: "Contact",
href: "#contact",
},
label: "Contacto", href: "#contact"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Política de Privacidad", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Términos de Servicio", href: "#"},
],
},
]}
bottomLeftText="© 2024 Instal·lacions Pallares SL. All rights reserved."
bottomRightText="Built by Webild"
bottomLeftText="© 2024 Instal·lacions Pallares SL. Todos los derechos reservados."
bottomRightText="Desarrollado por Webild"
/>
</div>
</ReactLenis>