diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index 9d0e940..b3010d9 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -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"}} /> @@ -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} /> @@ -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."}, ]} /> @@ -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"}, ]} /> diff --git a/src/app/page.tsx b/src/app/page.tsx index 1f50f91..641e8a9 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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"}} /> @@ -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"}, ]} /> @@ -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"}, ]} /> @@ -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"}, ]} />