bender/9bb79627-ebcf-4066-b3f7-810fc48110a9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-03-04 18:24:10 +00:00
Conversation 0 Commits 2 Files Changed 2 +42 -157
2 changed files with 42 additions and 157 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
src/app/contact/page.tsx
View File

@@ -23,7 +23,7 @@ export default function ContactPage() {
borderRadius="rounded"
contentWidth="small"
sizing="mediumLargeSizeLargeTitles"
background="grid"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
@@ -35,9 +35,7 @@ export default function ContactPage() {
navItems={navItems}
brandName="Blue Pools"
button={{
text: "Get Quote",
href: "#contact",
}}
text: "Get Quote", href: "#contact"}}
/>
</div>
@@ -50,7 +48,7 @@ export default function ContactPage() {
{ text: "Get Your Free Quote", href: "#" },
{ text: "Call Us Today", href: "tel:+27-11-000-0000" },
]}
background={{ variant: "grid" }}
background={{ variant: "animated-grid" }}
useInvertedBackground={false}
/>
</div>
@@ -65,7 +63,7 @@ export default function ContactPage() {
tagAnimation="slide-up"
textboxLayout="default"
mediaPosition="left"
imageSrc="http://img.b2bpic.net/free-photo/legs-skateboarder-preparing-ride_23-2147678296.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-photo/legs-skateboarder-preparing-ride_23-2147678296.jpg"
imageAlt="Pool maintenance and care"
mediaAnimation="slide-up"
faqsAnimation="slide-up"
@@ -73,35 +71,17 @@ export default function ContactPage() {
animationType="smooth"
faqs={[
{
id: "1",
title: "How long does pool construction typically take?",
content: "Most residential pools take 4-8 weeks from excavation to completion, depending on size and complexity. We'll provide a detailed timeline during your consultation.",
},
id: "1", title: "How long does pool construction typically take?", content: "Most residential pools take 4-8 weeks from excavation to completion, depending on size and complexity. We'll provide a detailed timeline during your consultation."},
{
id: "2",
title: "What is the cost of pool maintenance services?",
content: "Our maintenance packages start at R300/month for basic service and go up to R800/month for premium care including equipment servicing. Custom quotes available based on your needs.",
},
id: "2", title: "What is the cost of pool maintenance services?", content: "Our maintenance packages start at R300/month for basic service and go up to R800/month for premium care including equipment servicing. Custom quotes available based on your needs."},
{
id: "3",
title: "How much can I save with solar pool heating?",
content: "Most customers save 40-60% on pool heating costs. A typical solar system pays for itself in 3-5 years through energy savings while providing hot water year-round.",
},
id: "3", title: "How much can I save with solar pool heating?", content: "Most customers save 40-60% on pool heating costs. A typical solar system pays for itself in 3-5 years through energy savings while providing hot water year-round."},
{
id: "4",
title: "Do you offer financing options?",
content: "Yes! We partner with leading financial institutions to offer flexible payment plans. Speak with our team about options that work for your budget.",
},
id: "4", title: "Do you offer financing options?", content: "Yes! We partner with leading financial institutions to offer flexible payment plans. Speak with our team about options that work for your budget."},
{
id: "5",
title: "What warranty do you provide?",
content: "We guarantee workmanship for 2 years and most equipment for 5-10 years depending on the product. Full details provided in your contract.",
},
id: "5", title: "What warranty do you provide?", content: "We guarantee workmanship for 2 years and most equipment for 5-10 years depending on the product. Full details provided in your contract."},
{
id: "6",
title: "Can you design a pool to fit my specific space?",
content: "Absolutely! Our design team specializes in custom pools for any size lot. We'll work with you to maximize beauty and functionality within your space and budget.",
},
id: "6", title: "Can you design a pool to fit my specific space?", content: "Absolutely! Our design team specializes in custom pools for any size lot. We'll work with you to maximize beauty and functionality within your space and budget."},
]}
/>
</div>
@@ -114,19 +94,13 @@ export default function ContactPage() {
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com/bluepools",
ariaLabel: "Blue Pools Facebook",
},
href: "https://facebook.com/bluepools", ariaLabel: "Blue Pools Facebook"},
{
icon: Instagram,
href: "https://instagram.com/bluepools",
ariaLabel: "Blue Pools Instagram",
},
href: "https://instagram.com/bluepools", ariaLabel: "Blue Pools Instagram"},
{
icon: Linkedin,
href: "https://linkedin.com/company/bluepools",
ariaLabel: "Blue Pools LinkedIn",
},
href: "https://linkedin.com/company/bluepools", ariaLabel: "Blue Pools LinkedIn"},
]}
/>
</div>

147
src/app/page.tsx
View File

@@ -28,7 +28,7 @@ export default function HomePage() {
borderRadius="rounded"
contentWidth="small"
sizing="mediumLargeSizeLargeTitles"
background="grid"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
@@ -40,9 +40,7 @@ export default function HomePage() {
navItems={navItems}
brandName="Blue Pools"
button={{
text: "Get Quote",
href: "#contact",
}}
text: "Get Quote", href: "#contact"}}
/>
</div>
@@ -54,7 +52,7 @@ export default function HomePage() {
tag="Expert Craftsmanship Since 2010"
tagIcon={Zap}
tagAnimation="slide-up"
background={{ variant: "grid" }}
background={{ variant: "animated-grid" }}
imageSrc="http://img.b2bpic.net/free-photo/stylish-young-beautiful-fit-slim-blonde-woman-summer-blue-top-short-skirt_343596-3080.jpg"
imageAlt="Luxurious swimming pool with modern design"
buttons={[
@@ -76,7 +74,7 @@ export default function HomePage() {
{ value: "2000+", title: "Pools Installed" },
{ value: "15+", title: "Years of Excellence" },
]}
imageSrc="http://img.b2bpic.net/free-photo/man-balancing-skateboard_23-2147678275.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/man-balancing-skateboard_23-2147678275.jpg"
imageAlt="Professional pool construction team at work"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
@@ -97,12 +95,8 @@ export default function HomePage() {
useInvertedBackground={false}
features={[
{
id: "1",
title: "Pool Construction",
description: "Custom-designed pools tailored to your space and budget. From fibreglass to concrete, we handle every detail with precision and care.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/man-balancing-skateboard_23-2147678275.jpg?_wi=2",
},
id: "1", title: "Pool Construction", description: "Custom-designed pools tailored to your space and budget. From fibreglass to concrete, we handle every detail with precision and care.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/man-balancing-skateboard_23-2147678275.jpg"},
items: [
{ icon: CheckCircle, text: "Custom designs" },
{ icon: CheckCircle, text: "Professional installation" },
@@ -111,12 +105,8 @@ export default function HomePage() {
reverse: false,
},
{
id: "2",
title: "Solar Energy Solutions",
description: "Reduce energy costs with our solar heating and power systems. Perfect for pool heating and powering your home sustainably.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/lots-solar-panels-field-generating-electricity_23-2148895413.jpg?_wi=1",
},
id: "2", title: "Solar Energy Solutions", description: "Reduce energy costs with our solar heating and power systems. Perfect for pool heating and powering your home sustainably.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/lots-solar-panels-field-generating-electricity_23-2148895413.jpg"},
items: [
{ icon: CheckCircle, text: "System design & installation" },
{ icon: CheckCircle, text: "Energy efficiency" },
@@ -125,12 +115,8 @@ export default function HomePage() {
reverse: true,
},
{
id: "3",
title: "Pool Maintenance",
description: "Keep your pool in pristine condition year-round with our comprehensive maintenance packages and emergency repair services.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/legs-skateboarder-preparing-ride_23-2147678296.jpg?_wi=1",
},
id: "3", title: "Pool Maintenance", description: "Keep your pool in pristine condition year-round with our comprehensive maintenance packages and emergency repair services.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/legs-skateboarder-preparing-ride_23-2147678296.jpg"},
items: [
{ icon: CheckCircle, text: "Regular servicing" },
{ icon: CheckCircle, text: "Equipment repair" },
@@ -156,35 +142,14 @@ export default function HomePage() {
gridVariant="three-columns-all-equal-width"
products={[
{
id: "1",
brand: "AquaPro",
name: "Variable Speed Pool Pump",
price: "R4,500",
rating: 5,
reviewCount: "342",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-with-bed-deck-chair-umbrella-resort-travel-vacation_74190-7923.jpg?_wi=1",
imageAlt: "AquaPro variable speed pool pump",
},
id: "1", brand: "AquaPro", name: "Variable Speed Pool Pump", price: "R4,500", rating: 5,
reviewCount: "342", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-with-bed-deck-chair-umbrella-resort-travel-vacation_74190-7923.jpg", imageAlt: "AquaPro variable speed pool pump"},
{
id: "2",
brand: "SolarTech",
name: "Solar Water Heater System",
price: "R12,800",
rating: 5,
reviewCount: "156",
imageSrc: "http://img.b2bpic.net/free-photo/view-water-tank-storage_23-2151748235.jpg?_wi=1",
imageAlt: "SolarTech solar water heater",
},
id: "2", brand: "SolarTech", name: "Solar Water Heater System", price: "R12,800", rating: 5,
reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/view-water-tank-storage_23-2151748235.jpg", imageAlt: "SolarTech solar water heater"},
{
id: "3",
brand: "ClearFlow",
name: "Multi-Stage Filtration Unit",
price: "R3,200",
rating: 5,
reviewCount: "289",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-with-bed-deck-chair-umbrella-resort-travel-vacation_74190-7923.jpg?_wi=2",
imageAlt: "ClearFlow multi-stage filtration system",
},
id: "3", brand: "ClearFlow", name: "Multi-Stage Filtration Unit", price: "R3,200", rating: 5,
reviewCount: "289", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-with-bed-deck-chair-umbrella-resort-travel-vacation_74190-7923.jpg", imageAlt: "ClearFlow multi-stage filtration system"},
]}
/>
</div>
@@ -202,28 +167,16 @@ export default function HomePage() {
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "2000+",
title: "Pools Successfully Installed",
items: ["Installations across SA", "Residential & commercial", "Custom designs"],
id: "1", value: "2000+", title: "Pools Successfully Installed", items: ["Installations across SA", "Residential & commercial", "Custom designs"],
},
{
id: "2",
value: "98%",
title: "Customer Satisfaction Rate",
items: ["Repeat customers", "Quality workmanship", "Professional service"],
id: "2", value: "98%", title: "Customer Satisfaction Rate", items: ["Repeat customers", "Quality workmanship", "Professional service"],
},
{
id: "3",
value: "15+",
title: "Years of Industry Excellence",
items: ["Experienced team", "Award-winning projects", "Trusted brand"],
id: "3", value: "15+", title: "Years of Industry Excellence", items: ["Experienced team", "Award-winning projects", "Trusted brand"],
},
{
id: "4",
value: "50M+",
title: "Litres Maintained Annually",
items: ["Ongoing maintenance", "Professional care", "Water quality"],
id: "4", value: "50M+", title: "Litres Maintained Annually", items: ["Ongoing maintenance", "Professional care", "Water quality"],
},
]}
/>
@@ -242,53 +195,17 @@ export default function HomePage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Johan Pieterse",
handle: "Cape Town, WC",
testimonial: "Blue Pools transformed our backyard into a resort-like oasis. Their professionalism and attention to detail exceeded all expectations. Highly recommended!",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
imageAlt: "Johan Pieterse",
},
id: "1", name: "Johan Pieterse", handle: "Cape Town, WC", testimonial: "Blue Pools transformed our backyard into a resort-like oasis. Their professionalism and attention to detail exceeded all expectations. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Johan Pieterse"},
{
id: "2",
name: "Michelle van Dyk",
handle: "Johannesburg, GP",
testimonial: "The solar solution Blue Pools installed has cut our energy costs by 40%. Best investment we've made for our home and the environment.",
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg?_wi=1",
imageAlt: "Michelle van Dyk",
},
id: "2", name: "Michelle van Dyk", handle: "Johannesburg, GP", testimonial: "The solar solution Blue Pools installed has cut our energy costs by 40%. Best investment we've made for our home and the environment.", imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg", imageAlt: "Michelle van Dyk"},
{
id: "3",
name: "David Nkosi",
handle: "Durban, KZN",
testimonial: "Their maintenance service keeps our pool in perfect condition year-round. Reliable, affordable, and professional every time.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
imageAlt: "David Nkosi",
},
id: "3", name: "David Nkosi", handle: "Durban, KZN", testimonial: "Their maintenance service keeps our pool in perfect condition year-round. Reliable, affordable, and professional every time.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "David Nkosi"},
{
id: "4",
name: "Sarah Thompson",
handle: "Pretoria, GP",
testimonial: "From consultation to installation, Blue Pools made the entire process seamless. Our family loves our new pool and solar system!",
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg?_wi=2",
imageAlt: "Sarah Thompson",
},
id: "4", name: "Sarah Thompson", handle: "Pretoria, GP", testimonial: "From consultation to installation, Blue Pools made the entire process seamless. Our family loves our new pool and solar system!", imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg", imageAlt: "Sarah Thompson"},
{
id: "5",
name: "Thabo Mdlalose",
handle: "Sandton, GP",
testimonial: "Premium quality work at competitive prices. Blue Pools is the only company I trust with my pool and solar needs.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",
imageAlt: "Thabo Mdlalose",
},
id: "5", name: "Thabo Mdlalose", handle: "Sandton, GP", testimonial: "Premium quality work at competitive prices. Blue Pools is the only company I trust with my pool and solar needs.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Thabo Mdlalose"},
{
id: "6",
name: "Lisa Chen",
handle: "Stellenbosch, WC",
testimonial: "Five stars all the way. The team was punctual, professional, and left our property cleaner than when they arrived. Exceptional service!",
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg?_wi=3",
imageAlt: "Lisa Chen",
},
id: "6", name: "Lisa Chen", handle: "Stellenbosch, WC", testimonial: "Five stars all the way. The team was punctual, professional, and left our property cleaner than when they arrived. Exceptional service!", imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg", imageAlt: "Lisa Chen"},
]}
/>
</div>
@@ -301,19 +218,13 @@ export default function HomePage() {
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com/bluepools",
ariaLabel: "Blue Pools Facebook",
},
href: "https://facebook.com/bluepools", ariaLabel: "Blue Pools Facebook"},
{
icon: Instagram,
href: "https://instagram.com/bluepools",
ariaLabel: "Blue Pools Instagram",
},
href: "https://instagram.com/bluepools", ariaLabel: "Blue Pools Instagram"},
{
icon: Linkedin,
href: "https://linkedin.com/company/bluepools",
ariaLabel: "Blue Pools LinkedIn",
},
href: "https://linkedin.com/company/bluepools", ariaLabel: "Blue Pools LinkedIn"},
]}
/>
</div>