Update src/app/page.tsx
This commit is contained in:
103
src/app/page.tsx
103
src/app/page.tsx
@@ -8,6 +8,7 @@ import SplitAbout from "@/components/sections/about/SplitAbout";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
||||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import Link from "next/link";
|
||||
import { CheckCircle, CloudDrizzle, Users, Zap, Award } from "lucide-react";
|
||||
@@ -48,11 +49,14 @@ export default function HomePage() {
|
||||
background={{ variant: "plain" }}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", alt: "Satisfied Customer 1"},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", alt: "Satisfied Customer 1"
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", alt: "Satisfied Customer 2"},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", alt: "Satisfied Customer 2"
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Satisfied Customer 3"},
|
||||
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Satisfied Customer 3"
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by local pool owners"
|
||||
buttons={[
|
||||
@@ -75,27 +79,19 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Installation", title: "Above-Ground Pool Installation", subtitle: "Perfectly leveled, properly assembled, clean finish.", description:
|
||||
"Our expert crews handle site prep, precise leveling, and complete assembly. We ensure your pool is installed right the first time with attention to every detail. All equipment is tested before we leave.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/legs-skateboarders-ramp_23-2147678199.jpg", imageAlt: "Professional pool installation", buttons: [{ text: "Learn More", href: "/pool-installation" }],
|
||||
tag: "Installation", title: "Above-Ground Pool Installation", subtitle: "Perfectly leveled, properly assembled, clean finish.", description: "Our expert crews handle site prep, precise leveling, and complete assembly. We ensure your pool is installed right the first time with attention to every detail. All equipment is tested before we leave.", imageSrc: "http://img.b2bpic.net/free-photo/legs-skateboarders-ramp_23-2147678199.jpg", imageAlt: "Professional pool installation", buttons: [{ text: "Learn More", href: "/pool-installation" }],
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Replacement", title: "Pool Liner Replacement", subtitle: "Fast installs, tight fit, clean seams, no guesswork.", description:
|
||||
"Torn liner? Need an upgrade? We specialize in quick, professional liner installations. Our crews measure carefully, install with precision, and ensure a perfect fit every time. Fast turnaround when you need it most.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/legs-skateboarders-ramp_23-2147678199.jpg", imageAlt: "Pool liner replacement", buttons: [{ text: "Learn More", href: "/liner-replacement" }],
|
||||
tag: "Replacement", title: "Pool Liner Replacement", subtitle: "Fast installs, tight fit, clean seams, no guesswork.", description: "Torn liner? Need an upgrade? We specialize in quick, professional liner installations. Our crews measure carefully, install with precision, and ensure a perfect fit every time. Fast turnaround when you need it most.", imageSrc: "http://img.b2bpic.net/free-photo/legs-skateboarders-ramp_23-2147678199.jpg", imageAlt: "Pool liner replacement", buttons: [{ text: "Learn More", href: "/liner-replacement" }],
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Repairs", title: "Repairs & Equipment", subtitle: "Pumps, filters, troubleshooting, 'get it running now.'", description:
|
||||
"Equipment failing? Pool not circulating? We diagnose and fix pumps, sand filters, and electrical issues quickly. We don't leave until everything is running properly and you understand the solution.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/people-are-pumping-big-rubber-toy-pool_1150-14570.jpg", imageAlt: "Pool equipment repair", buttons: [{ text: "Learn More", href: "/repairs" }],
|
||||
tag: "Repairs", title: "Repairs & Equipment", subtitle: "Pumps, filters, troubleshooting, 'get it running now.'", description: "Equipment failing? Pool not circulating? We diagnose and fix pumps, sand filters, and electrical issues quickly. We don't leave until everything is running properly and you understand the solution.", imageSrc: "http://img.b2bpic.net/free-photo/people-are-pumping-big-rubber-toy-pool_1150-14570.jpg", imageAlt: "Pool equipment repair", buttons: [{ text: "Learn More", href: "/repairs" }],
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
tag: "Seasonal", title: "Openings & Closings", subtitle: "Seasonal care that prevents headaches later.", description:
|
||||
"Spring opening or fall closing? Our process handles winterization, water prep, and equipment shutdown correctly. Prevent problems before they start with professional seasonal service.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/legs-skateboarder-preparing-ride_23-2147678296.jpg", imageAlt: "Seasonal pool care", buttons: [{ text: "Learn More", href: "/openings-closings" }],
|
||||
tag: "Seasonal", title: "Openings & Closings", subtitle: "Seasonal care that prevents headaches later.", description: "Spring opening or fall closing? Our process handles winterization, water prep, and equipment shutdown correctly. Prevent problems before they start with professional seasonal service.", imageSrc: "http://img.b2bpic.net/free-photo/legs-skateboarder-preparing-ride_23-2147678296.jpg", imageAlt: "Seasonal pool care", buttons: [{ text: "Learn More", href: "/openings-closings" }],
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -114,24 +110,19 @@ export default function HomePage() {
|
||||
mediaAnimation="slide-up"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Clear Scheduling & Confirmations", description:
|
||||
"No guessing when we'll arrive. You get confirmed appointment windows and updates.", icon: CheckCircle,
|
||||
title: "Clear Scheduling & Confirmations", description: "No guessing when we'll arrive. You get confirmed appointment windows and updates.", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Weather-Aware Planning", description:
|
||||
"We adjust schedules early for storms or extreme heat, not last-minute.", icon: CloudDrizzle,
|
||||
title: "Weather-Aware Planning", description: "We adjust schedules early for storms or extreme heat, not last-minute.", icon: CloudDrizzle,
|
||||
},
|
||||
{
|
||||
title: "Friendly, Professional Crews", description:
|
||||
"Our team communicates clearly, works clean, and treats your property with respect.", icon: Users,
|
||||
title: "Friendly, Professional Crews", description: "Our team communicates clearly, works clean, and treats your property with respect.", icon: Users,
|
||||
},
|
||||
{
|
||||
title: "Everything Runs Before We Leave", description:
|
||||
"Final walkthrough verifies all equipment and systems are working perfectly.", icon: Zap,
|
||||
title: "Everything Runs Before We Leave", description: "Final walkthrough verifies all equipment and systems are working perfectly.", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Trusted by Local Pool Stores", description:
|
||||
"Referred by professionals who know quality work when they see it.", icon: Award,
|
||||
title: "Trusted by Local Pool Stores", description: "Referred by professionals who know quality work when they see it.", icon: Award,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/engineers-helmets-standing-by-factory_1157-35592.jpg"
|
||||
@@ -153,28 +144,19 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Step 1", title: "Reach Out", subtitle: "Call, text, or submit a form.", description:
|
||||
"Contact us with your pool situation. We'll ask a few quick questions and confirm what you need. No pressure, no long calls—just straightforward conversation.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/call-center-employee-handling-customer-complaints-offering-helpful-solutions_482257-126776.jpg", imageAlt: "Customer contacting Summer Fun"},
|
||||
tag: "Step 1", title: "Reach Out", subtitle: "Call, text, or submit a form.", description: "Contact us with your pool situation. We'll ask a few quick questions and confirm what you need. No pressure, no long calls—just straightforward conversation.", imageSrc: "http://img.b2bpic.net/free-photo/call-center-employee-handling-customer-complaints-offering-helpful-solutions_482257-126776.jpg", imageAlt: "Customer contacting Summer Fun"},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Step 2", title: "Plan & Schedule", subtitle: "We confirm your appointment.", description:
|
||||
"You get a clear appointment window and confirmation. We'll let you know what to expect and answer any questions before we arrive.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/unrecognizable-businesswoman-sitting-desk-with-laptop-looking-calendar_1098-20530.jpg", imageAlt: "Scheduling appointment with clear timeline"},
|
||||
tag: "Step 2", title: "Plan & Schedule", subtitle: "We confirm your appointment.", description: "You get a clear appointment window and confirmation. We'll let you know what to expect and answer any questions before we arrive.", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-businesswoman-sitting-desk-with-laptop-looking-calendar_1098-20530.jpg", imageAlt: "Scheduling appointment with clear timeline"},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Step 3", title: "Install/Repair", subtitle: "Our crews show up ready.", description:
|
||||
"We work clean, communicate throughout, and keep updates coming. You're informed every step so there are no surprises.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/electrician-installer-with-tool-his-hands-working-with-cable-construction-site_169016-5885.jpg", imageAlt: "Crew professionally installing pool equipment"},
|
||||
tag: "Step 3", title: "Install/Repair", subtitle: "Our crews show up ready.", description: "We work clean, communicate throughout, and keep updates coming. You're informed every step so there are no surprises.", imageSrc: "http://img.b2bpic.net/free-photo/electrician-installer-with-tool-his-hands-working-with-cable-construction-site_169016-5885.jpg", imageAlt: "Crew professionally installing pool equipment"},
|
||||
{
|
||||
id: 4,
|
||||
tag: "Step 4", title: "Final Walkthrough", subtitle: "Everything verified and running.", description:
|
||||
"We show you how everything works and verify all systems are running perfectly before we leave. You're confident and ready to enjoy your pool.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-female-engineer-hand-controling-robot-arm-welding-machine-industrial-40-modern-factory-backgroundsmart-female-engineer-inspect-quality-control-factory_609648-856.jpg", imageAlt: "Final inspection and pool running perfectly"},
|
||||
tag: "Step 4", title: "Final Walkthrough", subtitle: "Everything verified and running.", description: "We show you how everything works and verify all systems are running perfectly before we leave. You're confident and ready to enjoy your pool.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-engineer-hand-controling-robot-arm-welding-machine-industrial-40-modern-factory-backgroundsmart-female-engineer-inspect-quality-control-factory_609648-856.jpg", imageAlt: "Final inspection and pool running perfectly"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tagAnimation="blur-reveal"
|
||||
ariaLabel="Process section"
|
||||
/>
|
||||
</div>
|
||||
@@ -232,23 +214,17 @@ export default function HomePage() {
|
||||
tagAnimation="blur-reveal"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Liner Installation - Clean Seams", price: "Summer Ready", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/beautiful-luxury-outdoor-swimming-pool-with-stair_74190-6838.jpg", imageAlt: "Professional liner installation with perfect seams"},
|
||||
id: "1", name: "Liner Installation - Clean Seams", price: "Summer Ready", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-outdoor-swimming-pool-with-stair_74190-6838.jpg", imageAlt: "Professional liner installation with perfect seams"},
|
||||
{
|
||||
id: "2", name: "Equipment Pad Setup", price: "Expert Setup", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/people-are-pumping-big-rubber-toy-pool_1150-14570.jpg", imageAlt: "Properly installed pump and filter equipment"},
|
||||
id: "2", name: "Equipment Pad Setup", price: "Expert Setup", imageSrc: "http://img.b2bpic.net/free-photo/people-are-pumping-big-rubber-toy-pool_1150-14570.jpg", imageAlt: "Properly installed pump and filter equipment"},
|
||||
{
|
||||
id: "3", name: "Pool Assembly - Leveled & Perfect", price: "Quality Build", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/man-starting-riding-skateboard_23-2147678191.jpg", imageAlt: "Completely assembled above-ground pool"},
|
||||
id: "3", name: "Pool Assembly - Leveled & Perfect", price: "Quality Build", imageSrc: "http://img.b2bpic.net/free-photo/man-starting-riding-skateboard_23-2147678191.jpg", imageAlt: "Completely assembled above-ground pool"},
|
||||
{
|
||||
id: "4", name: "Water Clarity - Before & After", price: "Crystal Clear", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/detailed-image-showcasing-crystalclear-water-pool-highlighting-its-refreshing_1268-31118.jpg", imageAlt: "Clear, clean pool water after service"},
|
||||
id: "4", name: "Water Clarity - Before & After", price: "Crystal Clear", imageSrc: "http://img.b2bpic.net/free-photo/detailed-image-showcasing-crystalclear-water-pool-highlighting-its-refreshing_1268-31118.jpg", imageAlt: "Clear, clean pool water after service"},
|
||||
{
|
||||
id: "5", name: "Crew Professional Installation", price: "Expert Team", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/medium-shot-people-working-construction_23-2150772878.jpg", imageAlt: "Professional crew working on pool installation"},
|
||||
id: "5", name: "Crew Professional Installation", price: "Expert Team", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-construction_23-2150772878.jpg", imageAlt: "Professional crew working on pool installation"},
|
||||
{
|
||||
id: "6", name: "Seasonal Closing - Winterized", price: "Protected Pool", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/beautiful-winter-snow-near-pool_23-2151205845.jpg", imageAlt: "Pool properly prepared for winter season"},
|
||||
id: "6", name: "Seasonal Closing - Winterized", price: "Protected Pool", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-winter-snow-near-pool_23-2151205845.jpg", imageAlt: "Pool properly prepared for winter season"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -258,6 +234,31 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Contact Section */}
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Get Your Pool Back to Summer-Ready"
|
||||
description="Fast help, clear communication, quality work. Reach out today and let us handle it."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "poolSize", type: "text", placeholder: "Pool Size (e.g., 15x30)", required: false },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "What's going on with your pool? (liner tear, installation, repairs, seasonal service, etc.)", rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vacation-concept-adorable-stylish-woman-sunglasses-swim-suit-relaxing-outdoor-spa-swimming-pool-sunny-day_291650-1605.jpg"
|
||||
imageAlt="Summer Fun Construction team ready to help"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
buttonText="Get My Options"
|
||||
ariaLabel="Contact form section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
@@ -275,7 +276,7 @@ export default function HomePage() {
|
||||
{ label: "About Us", href: "#why-us" },
|
||||
{ label: "Our Process", href: "#process" },
|
||||
{ label: "Gallery", href: "#gallery" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user