Update src/app/page.tsx
This commit is contained in:
217
src/app/page.tsx
217
src/app/page.tsx
@@ -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"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user