bender/1b9e148e-3e89-43fe-8249-4ed003df866b
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-12 13:16:25 +00:00
parent a62eafeee2
commit 514b89c3d6
1 changed files with 47 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files

217
src/app/page.tsx
View File

@@ -33,37 +33,21 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Projects",
id: "#projects",
},
name: "Projects", id: "#projects"},
{
name: "Metrics",
id: "#metrics",
},
name: "Metrics", id: "#metrics"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Royal Globe Pools"
/>
@@ -72,15 +56,12 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Custom Pools Built to Last"
description="Royal Globe transforms backyards into resort-quality retreats. With 20 years of expert construction, we deliver stunning, durable pools tailored to your vision."
buttons={[
{
text: "View Our Projects",
href: "#projects",
},
text: "View Our Projects", href: "#projects"},
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-outdoor-infinity-swimming-pool-hotel-resort-with-sea-ocean-view-white-cloud-blue-sky_74190-9029.jpg"
imageAlt="Luxury custom pool overlooking a beautiful backyard"
@@ -104,20 +85,11 @@ export default function LandingPage() {
description="We offer comprehensive pool construction and renovation services, ensuring every detail reflects your unique style and needs, from initial concept to stunning completion."
accordionItems={[
{
id: "design",
title: "Custom Design & Build",
content: "Our expert designers work closely with you to create a bespoke pool design that perfectly complements your property and lifestyle, followed by precise and efficient construction.",
},
id: "design", title: "Custom Design & Build", content: "Our expert designers work closely with you to create a bespoke pool design that perfectly complements your property and lifestyle, followed by precise and efficient construction."},
{
id: "renovation",
title: "Renovation & Remodeling",
content: "Transform your existing pool with our renovation services, including resurfacing, re-tiling, equipment upgrades, and aesthetic enhancements to bring it back to life.",
},
id: "renovation", title: "Renovation & Remodeling", content: "Transform your existing pool with our renovation services, including resurfacing, re-tiling, equipment upgrades, and aesthetic enhancements to bring it back to life."},
{
id: "waterfeatures",
title: "Water Features & Landscaping",
content: "Elevate your pool area with stunning water features like waterfalls, fountains, and custom lighting, integrated seamlessly with complementary landscaping for a complete outdoor oasis.",
},
id: "waterfeatures", title: "Water Features & Landscaping", content: "Elevate your pool area with stunning water features like waterfalls, fountains, and custom lighting, integrated seamlessly with complementary landscaping for a complete outdoor oasis."},
]}
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-isometric-house_23-2150728082.jpg"
imageAlt="3D rendering of a custom luxury pool design with intricate landscaping"
@@ -134,53 +106,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "residential-classic",
name: "Residential Classic",
price: "Custom Quote",
variant: "Elegant Family Pool",
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7877.jpg",
imageAlt: "Elegant rectangular pool with a classic design",
},
id: "residential-classic", name: "Residential Classic", price: "Custom Quote", variant: "Elegant Family Pool", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7877.jpg", imageAlt: "Elegant rectangular pool with a classic design"},
{
id: "resort-style",
name: "Resort Style Lagoon",
price: "Custom Quote",
variant: "Natural Freeform Pool",
imageSrc: "http://img.b2bpic.net/free-photo/classic-architecture-beautiful-home-with-flowers_23-2151913156.jpg",
imageAlt: "Freeform lagoon style pool with natural rock features",
},
id: "resort-style", name: "Resort Style Lagoon", price: "Custom Quote", variant: "Natural Freeform Pool", imageSrc: "http://img.b2bpic.net/free-photo/classic-architecture-beautiful-home-with-flowers_23-2151913156.jpg", imageAlt: "Freeform lagoon style pool with natural rock features"},
{
id: "commercial-aqua",
name: "Commercial Aquatic Center",
price: "Custom Quote",
variant: "Large Scale Facility",
imageSrc: "http://img.b2bpic.net/free-photo/pool-chair_74190-303.jpg",
imageAlt: "Large commercial pool area with multiple lanes",
},
id: "commercial-aqua", name: "Commercial Aquatic Center", price: "Custom Quote", variant: "Large Scale Facility", imageSrc: "http://img.b2bpic.net/free-photo/pool-chair_74190-303.jpg", imageAlt: "Large commercial pool area with multiple lanes"},
{
id: "urban-oasis",
name: "Urban Oasis",
price: "Custom Quote",
variant: "Compact Plunge Pool",
imageSrc: "http://img.b2bpic.net/free-photo/terrace-exterior-building_1203-2586.jpg",
imageAlt: "Compact modern plunge pool in an urban backyard",
},
id: "urban-oasis", name: "Urban Oasis", price: "Custom Quote", variant: "Compact Plunge Pool", imageSrc: "http://img.b2bpic.net/free-photo/terrace-exterior-building_1203-2586.jpg", imageAlt: "Compact modern plunge pool in an urban backyard"},
{
id: "infinity-view",
name: "Infinity Edge Masterpiece",
price: "Custom Quote",
variant: "Panoramic Vista Pool",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relaxes-leisure-around-swimming-pool_74190-11534.jpg",
imageAlt: "Infinity edge pool overlooking a scenic landscape",
},
id: "infinity-view", name: "Infinity Edge Masterpiece", price: "Custom Quote", variant: "Panoramic Vista Pool", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relaxes-leisure-around-swimming-pool_74190-11534.jpg", imageAlt: "Infinity edge pool overlooking a scenic landscape"},
{
id: "indoor-luxury",
name: "Indoor Luxury",
price: "Custom Quote",
variant: "Climate-Controlled Spa Pool",
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-young-woman-pool-with-neon-light_657883-171.jpg",
imageAlt: "Modern indoor swimming pool with ambient lighting",
},
id: "indoor-luxury", name: "Indoor Luxury", price: "Custom Quote", variant: "Climate-Controlled Spa Pool", imageSrc: "http://img.b2bpic.net/free-photo/relaxed-young-woman-pool-with-neon-light_657883-171.jpg", imageAlt: "Modern indoor swimming pool with ambient lighting"},
]}
title="Our Projects"
description="Explore our portfolio of exceptional pools, showcasing our craftsmanship across diverse residential and commercial settings. Each project is a testament to our dedication to quality and client satisfaction, delivering stunning results that stand the test of time."
@@ -194,29 +130,18 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "pools",
value: "500+",
title: "Pools Built",
description: "Successfully completed custom residential and commercial pools.",
icon: Building,
id: "pools", value: "500+", title: "Pools Built", description: "Successfully completed custom residential and commercial pools.", icon: Building,
},
{
id: "years",
value: "20+",
title: "Years Experience",
description: "Decades of expertise in pool design, construction, and renovation.",
icon: CalendarDays,
id: "years", value: "20+", title: "Years Experience", description: "Decades of expertise in pool design, construction, and renovation.", icon: CalendarDays,
},
{
id: "satisfaction",
value: "98%",
title: "Client Satisfaction",
description: "Our dedication to client needs results in consistently high ratings.",
icon: Star,
id: "satisfaction", value: "98%", title: "Client Satisfaction", description: "Our dedication to client needs results in consistently high ratings.", icon: Star,
},
]}
title="Experience You Can Trust"
description="Our commitment to quality, client satisfaction, and innovative construction practices has earned us a leading reputation in the industry, built on solid foundations."
animationType="slide-up"
/>
</div>
@@ -228,25 +153,15 @@ export default function LandingPage() {
author="Sarah M., Homeowner"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
alt: "Sarah M.",
},
src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", alt: "Sarah M."},
{
src: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg",
alt: "John D.",
},
src: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg", alt: "John D."},
{
src: "http://img.b2bpic.net/free-photo/bearded-grey-haired-elderly-man-dressed-formal-suit_273609-5557.jpg",
alt: "Emily R.",
},
src: "http://img.b2bpic.net/free-photo/bearded-grey-haired-elderly-man-dressed-formal-suit_273609-5557.jpg", alt: "Emily R."},
{
src: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136890.jpg",
alt: "Michael C.",
},
src: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136890.jpg", alt: "Michael C."},
{
src: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg",
alt: "David L.",
},
src: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg", alt: "David L."},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -259,20 +174,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "process",
title: "What is the typical pool construction process?",
content: "Our process begins with an initial consultation, followed by custom design, detailed planning, excavation, structural build, plumbing and electrical installation, finishing, and finally, a thorough quality inspection and handover.",
},
id: "process", title: "What is the typical pool construction process?", content: "Our process begins with an initial consultation, followed by custom design, detailed planning, excavation, structural build, plumbing and electrical installation, finishing, and finally, a thorough quality inspection and handover."},
{
id: "materials",
title: "What type of materials do you use?",
content: "We use only the highest quality materials, including reinforced concrete, premium tiling, durable plaster or pebble finishes, and state-of-the-art filtration and heating systems to ensure longevity and beauty.",
},
id: "materials", title: "What type of materials do you use?", content: "We use only the highest quality materials, including reinforced concrete, premium tiling, durable plaster or pebble finishes, and state-of-the-art filtration and heating systems to ensure longevity and beauty."},
{
id: "warranty",
title: "Do you offer a warranty on your pools?",
content: "Yes, all our new pool constructions come with a comprehensive structural warranty and manufacturer warranties on equipment, providing you with peace of mind for years to come.",
},
id: "warranty", title: "Do you offer a warranty on your pools?", content: "Yes, all our new pool constructions come with a comprehensive structural warranty and manufacturer warranties on equipment, providing you with peace of mind for years to come."},
]}
title="Frequently Asked Questions"
description="Find answers to common questions about our pool construction process, materials, warranties, and more to ensure complete transparency."
@@ -284,16 +190,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Get Started"
title="Ready for Your Dream Pool?"
description="Contact Royal Globe Pool Construction today for a free consultation and let's bring your vision to life. Our experts are ready to discuss your project, provide transparent pricing, and answer all your questions."
buttons={[
{
text: "Request a Consultation",
href: "#",
},
text: "Request a Consultation", href: "#"},
]}
/>
</div>
@@ -302,66 +205,40 @@ export default function LandingPage() {
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/vertical-view-calm-river-beautiful-clear-sky-sunset_181624-20716.jpg"
imageAlt="Beautiful pool at sunset"
videoAriaLabel="Footer video"
logoText="Royal Globe Pools"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Custom Design",
href: "#services",
},
label: "Custom Design", href: "#services"},
{
label: "Renovations",
href: "#services",
},
label: "Renovations", href: "#services"},
{
label: "Water Features",
href: "#services",
},
label: "Water Features", href: "#services"},
{
label: "Commercial Pools",
href: "#services",
},
label: "Commercial Pools", href: "#services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Portfolio",
href: "#projects",
},
label: "Portfolio", href: "#projects"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "Request Quote",
href: "#contact",
},
label: "Request Quote", href: "#contact"},
{
label: "Call Us",
href: "tel:+18001234567",
},
label: "Call Us", href: "tel:+18001234567"},
{
label: "Email Us",
href: "mailto:info@royalglobepools.com",
},
label: "Email Us", href: "mailto:info@royalglobepools.com"},
],
},
]}