bender/9d3f44ac-026d-49e5-9f1e-0358ff7cac28
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-05 14:05:33 +00:00
parent f1a3ed9645
commit c633db05c0
1 changed files with 71 additions and 268 deletions
Download Patch File Download Diff File Expand all files Collapse all files

339
src/app/page.tsx
View File

@@ -13,7 +13,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, CalendarCheck, Diamond, Facebook, Heart, Instagram, Leaf, Linkedin } from "lucide-react";
import { Award, CalendarCheck, Diamond, Facebook, Heart, Instagram, Leaf, Linkedin, Palette, RefreshCcw, Wrench, Building } from "lucide-react";
export default function LandingPage() {
return (
@@ -34,118 +34,75 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Portfolio",
id: "#portfolio",
},
name: "Portfolio", id: "#portfolio"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
]}
brandName="Melico Piscines"
button={{
text: "Contact Us",
href: "#contact",
}}
text: "Contact Us", href: "#contact"}}
/>
</div>
<div id="home" data-section="home">
<HeroSplitKpi
background={{
variant: "downward-rays-static",
}}
variant: "downward-rays-static"}}
imagePosition="right"
title="Luxury Pools Built for Your Lifestyle"
description="From custom designs to expert maintenance, Melico Piscines transforms outdoor spaces into stunning aquatic retreats. Serving residential and commercial clients with 20 years of excellence."
kpis={[
{
value: "20+",
label: "Years of Excellence",
},
value: "20+", label: "Years of Excellence"},
{
value: "500+",
label: "Projects Completed",
},
value: "500+", label: "Projects Completed"},
{
value: "98%",
label: "Client Satisfaction",
},
value: "98%", label: "Client Satisfaction"},
]}
enableKpiAnimation={true}
buttons={[
{
text: "View Our Portfolio",
href: "#portfolio",
},
text: "View Our Portfolio", href: "#portfolio"},
]}
imageSrc="http://img.b2bpic.net/free-photo/luxury-beachfront-villa-with-infinity-pool_23-2152016384.jpg"
imageAlt="Luxurious infinity pool at sunset"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/lovely-young-couple-spend-time-together-home-near-pool-while-chatting-enjoying-tea_158595-6626.jpg",
alt: "Happy client by pool",
},
src: "http://img.b2bpic.net/free-photo/lovely-young-couple-spend-time-together-home-near-pool-while-chatting-enjoying-tea_158595-6626.jpg", alt: "Happy client by pool"},
{
src: "http://img.b2bpic.net/free-photo/person-doing-house-tour-online_23-2151050267.jpg",
alt: "Client doing house tour",
},
src: "http://img.b2bpic.net/free-photo/person-doing-house-tour-online_23-2151050267.jpg", alt: "Client doing house tour"},
{
src: "http://img.b2bpic.net/free-photo/couple-spa-resort_1098-13918.jpg",
alt: "Couple enjoying spa resort",
},
src: "http://img.b2bpic.net/free-photo/couple-spa-resort_1098-13918.jpg", alt: "Couple enjoying spa resort"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-drinking-cocktail-lying-chaise-near-swimming-pool_176420-1551.jpg",
alt: "Woman by swimming pool",
},
src: "http://img.b2bpic.net/free-photo/beautiful-woman-drinking-cocktail-lying-chaise-near-swimming-pool_176420-1551.jpg", alt: "Woman by swimming pool"},
{
src: "http://img.b2bpic.net/free-photo/businessman-holding-clipboard-looking-camera_23-2148308596.jpg",
alt: "Businessman reviewing plans",
},
src: "http://img.b2bpic.net/free-photo/businessman-holding-clipboard-looking-camera_23-2148308596.jpg", alt: "Businessman reviewing plans"},
]}
avatarText="Join our satisfied clients!"
marqueeItems={[
{
type: "text-icon",
text: "Award-Winning Design",
icon: Award,
type: "text-icon", text: "Award-Winning Design", icon: Award,
},
{
type: "text-icon",
text: "20+ Years Experience",
icon: CalendarCheck,
type: "text-icon", text: "20+ Years Experience", icon: CalendarCheck,
},
{
type: "text-icon",
text: "Exceptional Quality",
icon: Diamond,
type: "text-icon", text: "Exceptional Quality", icon: Diamond,
},
{
type: "text-icon",
text: "Client-Focused Approach",
icon: Heart,
type: "text-icon", text: "Client-Focused Approach", icon: Heart,
},
{
type: "text-icon",
text: "Sustainable Solutions",
icon: Leaf,
type: "text-icon", text: "Sustainable Solutions", icon: Leaf,
},
]}
/>
@@ -156,22 +113,16 @@ export default function LandingPage() {
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Melico Piscines: Crafting Aquatic Dreams for Over 20 Years",
},
type: "image", src: "http://img.b2bpic.net/free-photo/swimming-pool-top-view_1150-11010.jpg", alt: "Melico Piscines team discussing pool plans"},
{
type: "text",
content: "Our passion for excellence transforms your vision into a stunning reality. We specialize in designing and building bespoke luxury pools, offering unparalleled craftsmanship and innovative solutions for every client.",
},
type: "text", content: "Melico Piscines: Crafting Aquatic Dreams for Over 20 Years"},
{
type: "text", content: "Our passion for excellence transforms your vision into a stunning reality. We specialize in designing and building bespoke luxury pools, offering unparalleled craftsmanship and innovative solutions for every client."},
]}
buttons={[
{
text: "Learn More About Us",
href: "#",
},
text: "Learn More About Us", href: "#"},
]}
imageSrc="http://img.b2bpic.net/free-photo/swimming-pool-top-view_1150-11010.jpg"
imageAlt="Melico Piscines team discussing pool plans"
/>
</div>
@@ -181,32 +132,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Custom Pool Design & Construction",
description: "Collaborate with our experts to bring your unique vision to life, crafting pools that perfectly complement your property and lifestyle.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-isometric-house_23-2150728072.jpg",
imageAlt: "Architectural rendering of a custom pool design",
buttonIcon: "Palette",
title: "Custom Pool Design & Construction", description: "Collaborate with our experts to bring your unique vision to life, crafting pools that perfectly complement your property and lifestyle.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-isometric-house_23-2150728072.jpg", imageAlt: "Architectural rendering of a custom pool design", buttonIcon: Palette,
},
{
title: "Renovation & Modernization",
description: "Transform your existing pool into a modern masterpiece with our renovation services, enhancing aesthetics and functionality.",
imageSrc: "http://img.b2bpic.net/free-photo/poolside_1203-111.jpg",
imageAlt: "Swimming pool undergoing renovation",
buttonIcon: "RefreshCcw",
title: "Renovation & Modernization", description: "Transform your existing pool into a modern masterpiece with our renovation services, enhancing aesthetics and functionality.", imageSrc: "http://img.b2bpic.net/free-photo/poolside_1203-111.jpg", imageAlt: "Swimming pool undergoing renovation", buttonIcon: RefreshCcw,
},
{
title: "Expert Pool Maintenance",
description: "Ensure crystal-clear water and optimal performance with our tailored maintenance plans for both residential and commercial pools.",
imageSrc: "http://img.b2bpic.net/free-photo/skater-riding-down-ramp_23-2147678262.jpg",
imageAlt: "Pool technician cleaning and maintaining a swimming pool",
buttonIcon: "Wrench",
title: "Expert Pool Maintenance", description: "Ensure crystal-clear water and optimal performance with our tailored maintenance plans for both residential and commercial pools.", imageSrc: "http://img.b2bpic.net/free-photo/skater-riding-down-ramp_23-2147678262.jpg", imageAlt: "Pool technician cleaning and maintaining a swimming pool", buttonIcon: Wrench,
},
{
title: "Commercial Pool Solutions",
description: "We provide specialized design, installation, and upkeep for commercial properties, ensuring compliance and superior quality.",
imageSrc: "http://img.b2bpic.net/free-photo/many-hammocks-pool_1203-381.jpg",
imageAlt: "Large commercial swimming pool at a luxury resort",
buttonIcon: "Building",
title: "Commercial Pool Solutions", description: "We provide specialized design, installation, and upkeep for commercial properties, ensuring compliance and superior quality.", imageSrc: "http://img.b2bpic.net/free-photo/many-hammocks-pool_1203-381.jpg", imageAlt: "Large commercial swimming pool at a luxury resort", buttonIcon: Building,
},
]}
title="Our Comprehensive Pool Solutions"
@@ -222,53 +157,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Infinity Edge Pools",
price: "Custom Quote",
variant: "Luxury Design",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-pool-high-angle_23-2149089247.jpg",
imageAlt: "Stunning infinity edge pool overlooking a landscape",
},
id: "p1", name: "Infinity Edge Pools", price: "Custom Quote", variant: "Luxury Design", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-pool-high-angle_23-2149089247.jpg", imageAlt: "Stunning infinity edge pool overlooking a landscape"},
{
id: "p2",
name: "Lap Pools",
price: "Custom Quote",
variant: "Fitness & Functionality",
imageSrc: "http://img.b2bpic.net/free-photo/design-house-modern-villa-with-open-plan-living-private-bedroom-wing-large-terrace-with-privacy_1258-169750.jpg",
imageAlt: "Long, narrow residential lap pool",
},
id: "p2", name: "Lap Pools", price: "Custom Quote", variant: "Fitness & Functionality", imageSrc: "http://img.b2bpic.net/free-photo/design-house-modern-villa-with-open-plan-living-private-bedroom-wing-large-terrace-with-privacy_1258-169750.jpg", imageAlt: "Long, narrow residential lap pool"},
{
id: "p3",
name: "Natural Swimming Ponds",
price: "Custom Quote",
variant: "Eco-Friendly Oasis",
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool_1203-3040.jpg",
imageAlt: "Natural swimming pond with aquatic plants",
},
id: "p3", name: "Natural Swimming Ponds", price: "Custom Quote", variant: "Eco-Friendly Oasis", imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool_1203-3040.jpg", imageAlt: "Natural swimming pond with aquatic plants"},
{
id: "p4",
name: "Family Fun Pools",
price: "Custom Quote",
variant: "Entertainment Hub",
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-out-pool_23-2148226184.jpg",
imageAlt: "Spacious family pool with waterslides",
},
id: "p4", name: "Family Fun Pools", price: "Custom Quote", variant: "Entertainment Hub", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-out-pool_23-2148226184.jpg", imageAlt: "Spacious family pool with waterslides"},
{
id: "p5",
name: "Compact Urban Pools",
price: "Custom Quote",
variant: "Space-Saving Luxury",
imageSrc: "http://img.b2bpic.net/free-photo/design-house-modern-villa-with-open-plan-living-private-bedroom-wing-large-terrace-with-privacy_1258-169751.jpg",
imageAlt: "Small, elegant urban plunge pool",
},
id: "p5", name: "Compact Urban Pools", price: "Custom Quote", variant: "Space-Saving Luxury", imageSrc: "http://img.b2bpic.net/free-photo/design-house-modern-villa-with-open-plan-living-private-bedroom-wing-large-terrace-with-privacy_1258-169751.jpg", imageAlt: "Small, elegant urban plunge pool"},
{
id: "p6",
name: "Spa & Wellness Pools",
price: "Custom Quote",
variant: "Relaxation & Therapy",
imageSrc: "http://img.b2bpic.net/free-photo/jump-moment-girl-by-big-windows-water-light-sparkles-active-leisure_169016-69489.jpg",
imageAlt: "Heated spa pool with jets",
},
id: "p6", name: "Spa & Wellness Pools", price: "Custom Quote", variant: "Relaxation & Therapy", imageSrc: "http://img.b2bpic.net/free-photo/jump-moment-girl-by-big-windows-water-light-sparkles-active-leisure_169016-69489.jpg", imageAlt: "Heated spa pool with jets"},
]}
title="Explore Our Signature Pool Styles"
description="Discover a gallery of our most popular and custom-built swimming pools, each a testament to our craftsmanship and design excellence."
@@ -282,64 +181,28 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Eleanor Vance",
role: "Homeowner",
company: "Private Residence",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-stylish-woman-professional-model-classic-hat-black-body-suit_343596-1787.jpg",
imageAlt: "Eleanor Vance by her luxury pool",
},
id: "t1", name: "Eleanor Vance", role: "Homeowner", company: "Private Residence", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-stylish-woman-professional-model-classic-hat-black-body-suit_343596-1787.jpg", imageAlt: "Eleanor Vance by her luxury pool"},
{
id: "t2",
name: "Marcus Thorne",
role: "Property Manager",
company: "Grandview Resort",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-phone_23-2148230176.jpg",
imageAlt: "Marcus Thorne, property manager",
},
id: "t2", name: "Marcus Thorne", role: "Property Manager", company: "Grandview Resort", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-phone_23-2148230176.jpg", imageAlt: "Marcus Thorne, property manager"},
{
id: "t3",
name: "Isabella Chen",
role: "Homeowner",
company: "Private Residence",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-sunglasses-hat-drinking-cocktail-sitting-near-pool_176420-3986.jpg",
imageAlt: "Isabella Chen by her new pool",
},
id: "t3", name: "Isabella Chen", role: "Homeowner", company: "Private Residence", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-sunglasses-hat-drinking-cocktail-sitting-near-pool_176420-3986.jpg", imageAlt: "Isabella Chen by her new pool"},
{
id: "t4",
name: "Robert Sterling",
role: "Head Architect",
company: "Sterling Designs",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-with-menus_23-2149930160.jpg",
imageAlt: "Robert Sterling, head architect",
},
id: "t4", name: "Robert Sterling", role: "Head Architect", company: "Sterling Designs", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-with-menus_23-2149930160.jpg", imageAlt: "Robert Sterling, head architect"},
{
id: "t5",
name: "Sophia Rodriguez",
role: "Homeowner",
company: "Private Residence",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-women-doing-peace-sign_23-2148226221.jpg",
imageAlt: "Sophia Rodriguez by her sparkling pool",
},
id: "t5", name: "Sophia Rodriguez", role: "Homeowner", company: "Private Residence", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-women-doing-peace-sign_23-2148226221.jpg", imageAlt: "Sophia Rodriguez by her sparkling pool"},
]}
kpiItems={[
{
value: "Top Rated",
label: "in Customer Service",
},
value: "Top Rated", label: "in Customer Service"},
{
value: "Award Winning",
label: "Design Team",
},
value: "Award Winning", label: "Design Team"},
{
value: "Trusted",
label: "by Luxury Brands",
},
value: "Trusted", label: "by Luxury Brands"},
]}
title="What Our Clients Say"
description="Hear directly from homeowners and commercial partners who have experienced the Melico Piscines difference in design, installation, and service."
@@ -351,22 +214,14 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
animationType="slide-up"
metrics={[
{
id: "m1",
value: "20+",
description: "Years of unrivaled experience in pool design and construction.",
},
id: "m1", value: "20+", description: "Years of unrivaled experience in pool design and construction."},
{
id: "m2",
value: "500+",
description: "Luxury residential and commercial pool projects completed.",
},
id: "m2", value: "500+", description: "Luxury residential and commercial pool projects completed."},
{
id: "m3",
value: "98%",
description: "Client satisfaction rate, a testament to our dedicated service.",
},
id: "m3", value: "98%", description: "Client satisfaction rate, a testament to our dedicated service."},
]}
title="Proven Excellence in Every Project"
description="Our commitment to quality and client satisfaction is reflected in our extensive experience and successful project delivery."
@@ -379,30 +234,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What is the typical timeline for a custom pool installation?",
content: "The timeline varies depending on the complexity of the design, site conditions, and material selection, but generally ranges from 8 to 16 weeks after permits are secured.",
},
id: "q1", title: "What is the typical timeline for a custom pool installation?", content: "The timeline varies depending on the complexity of the design, site conditions, and material selection, but generally ranges from 8 to 16 weeks after permits are secured."},
{
id: "q2",
title: "Do you offer financing options for pool projects?",
content: "While we don't offer direct financing, we can connect you with trusted partners who specialize in home improvement and luxury project financing solutions.",
},
id: "q2", title: "Do you offer financing options for pool projects?", content: "While we don't offer direct financing, we can connect you with trusted partners who specialize in home improvement and luxury project financing solutions."},
{
id: "q3",
title: "What kind of maintenance plans do you provide?",
content: "We offer a range of customizable maintenance plans, including weekly cleaning, chemical balancing, equipment checks, and seasonal opening/closing services for both residential and commercial clients.",
},
id: "q3", title: "What kind of maintenance plans do you provide?", content: "We offer a range of customizable maintenance plans, including weekly cleaning, chemical balancing, equipment checks, and seasonal opening/closing services for both residential and commercial clients."},
{
id: "q4",
title: "What areas do you serve?",
content: "Melico Piscines proudly serves clients across the greater metropolitan area and surrounding luxury communities. Please contact us to confirm service availability in your specific location.",
},
id: "q4", title: "What areas do you serve?", content: "Melico Piscines proudly serves clients across the greater metropolitan area and surrounding luxury communities. Please contact us to confirm service availability in your specific location."},
{
id: "q5",
title: "Are your pools eco-friendly?",
content: "We are committed to sustainable practices, offering options for energy-efficient pumps, natural filtration systems, and eco-friendly materials to minimize environmental impact.",
},
id: "q5", title: "Are your pools eco-friendly?", content: "We are committed to sustainable practices, offering options for energy-efficient pumps, natural filtration systems, and eco-friendly materials to minimize environmental impact."},
]}
title="Frequently Asked Questions"
description="Find answers to common questions about our pool design, installation, maintenance, and renovation services."
@@ -415,17 +255,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Luxury Resort Co.",
"Grandview Residences",
"Elite Wellness Group",
"Azure Developments",
"Architectural Vision",
"Premier Hospitality",
"Urban Oasis Properties",
"AquaTech Solutions",
"Vista Property Group",
"Harmony Spa Resorts",
]}
"Luxury Resort Co.", "Grandview Residences", "Elite Wellness Group", "Azure Developments", "Architectural Vision", "Premier Hospitality", "Urban Oasis Properties", "AquaTech Solutions", "Vista Property Group", "Harmony Spa Resorts"]}
title="Trusted by Leading Brands and Developers"
description="Our expertise in aquatic design and construction is recognized by a distinguished clientele, from luxury resorts to high-end residential communities."
/>
@@ -438,44 +268,23 @@ export default function LandingPage() {
description="Ready to transform your outdoor space? Contact Melico Piscines today for a complimentary consultation and discover the possibilities."
inputs={[
{
name: "firstName",
type: "text",
placeholder: "First Name",
required: true,
name: "firstName", type: "text", placeholder: "First Name", required: true,
},
{
name: "lastName",
type: "text",
placeholder: "Last Name",
required: true,
name: "lastName", type: "text", placeholder: "Last Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Email",
required: true,
name: "email", type: "email", placeholder: "Email", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone (Optional)",
},
name: "phone", type: "tel", placeholder: "Phone (Optional)"},
]}
multiSelect={{
name: "serviceOfInterest",
label: "I'm interested in...",
options: [
"New Pool Design & Build",
"Pool Renovation",
"Pool Maintenance",
"Commercial Pool Project",
"Other",
],
name: "serviceOfInterest", label: "I'm interested in...", options: [
"New Pool Design & Build", "Pool Renovation", "Pool Maintenance", "Commercial Pool Project", "Other"],
}}
textarea={{
name: "message",
placeholder: "Tell us more about your project...",
rows: 4,
name: "message", placeholder: "Tell us more about your project...", rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-door-handle-blue-yellow-car_181624-20140.jpg"
imageAlt="Modern pool blueprint and construction tools"
@@ -491,19 +300,13 @@ export default function LandingPage() {
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com/melicopiscines",
ariaLabel: "Facebook",
},
href: "https://facebook.com/melicopiscines", ariaLabel: "Facebook"},
{
icon: Instagram,
href: "https://instagram.com/melicopiscines",
ariaLabel: "Instagram",
},
href: "https://instagram.com/melicopiscines", ariaLabel: "Instagram"},
{
icon: Linkedin,
href: "https://linkedin.com/company/melicopiscines",
ariaLabel: "LinkedIn",
},
href: "https://linkedin.com/company/melicopiscines", ariaLabel: "LinkedIn"},
]}
/>
</div>