Merge version_1 into main #2
257
src/app/page.tsx
257
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Search, ShieldCheck, Sparkles, Waves, Wrench } from "lucide-react";
|
||||
import { Search, ShieldCheck, Sparkles, Waves, Wrench, FileCheck, Hammer } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,99 +33,60 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
name: "Process", id: "process"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Royal Blue Austin"
|
||||
button={{
|
||||
text: "Free Estimate",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Free Estimate", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "cell-wave",
|
||||
}}
|
||||
variant: "cell-wave"}}
|
||||
title="Excellence in Every Ripple"
|
||||
description="Royal Blue Austin provides premium, consistent pool care to the Austin community. With 17 years of experience, we treat your pool like family."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Estimate", href: "#contact"},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Our Services", href: "#services"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ripples-water_1252-811.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ripples-water_1252-811.jpg"
|
||||
imageAlt="Luxurious pool water ripples"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/extreme-close-up-flowers-blue-water_23-2148256534.jpg",
|
||||
alt: "Extreme close-up flowers in blue water",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/extreme-close-up-flowers-blue-water_23-2148256534.jpg", alt: "Extreme close-up flowers in blue water"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-natural-blurry-flowers_23-2149454609.jpg",
|
||||
alt: "View of natural blurry flowers",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-natural-blurry-flowers_23-2149454609.jpg", alt: "View of natural blurry flowers"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-sitting-surfboard-blue-sea_23-2148022392.jpg",
|
||||
alt: "Man sitting on surfboard in blue sea",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-sitting-surfboard-blue-sea_23-2148022392.jpg", alt: "Man sitting on surfboard in blue sea"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-water-mediterranean-sea_1268-19072.jpg",
|
||||
alt: "Woman in the water, Mediterranean sea",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-water-mediterranean-sea_1268-19072.jpg", alt: "Woman in the water, Mediterranean sea"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/swimming-pool-summer-time_53876-42321.jpg",
|
||||
alt: "Swimming pool in summer time",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/swimming-pool-summer-time_53876-42321.jpg", alt: "Swimming pool in summer time"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "17+ Years of Excellence",
|
||||
},
|
||||
type: "text", text: "17+ Years of Excellence"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/water-swimming-pool-texture-surface-water-pool-reflection-blue-wave-nature-water-outdoor-swimming-pool_1258-84033.jpg",
|
||||
alt: "Water swimming pool texture",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/water-swimming-pool-texture-surface-water-pool-reflection-blue-wave-nature-water-outdoor-swimming-pool_1258-84033.jpg", alt: "Water swimming pool texture"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
type: "text", text: "Licensed & Insured"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/pool-water_74190-1778.jpg",
|
||||
alt: "Pool water",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/pool-water_74190-1778.jpg", alt: "Pool water"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Trusted Austin Service",
|
||||
},
|
||||
type: "text", text: "Trusted Austin Service"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -138,7 +99,7 @@ export default function LandingPage() {
|
||||
description="We don't just clean pools; we maintain the heart of your home. You'll see the same expert face every single week, building long-term relationships that last for years."
|
||||
subdescription="From leak detection to custom construction, we offer a comprehensive suite of premium pool solutions tailored to your property."
|
||||
icon={ShieldCheck}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/light-blue-bubbles_23-2147933818.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/light-blue-bubbles_23-2147933818.jpg"
|
||||
imageAlt="Our premium pool services"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -151,64 +112,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Weekly Maintenance",
|
||||
description: "Brad, Gary, Damian, Liam, or Nicholas will be there every week, providing consistent, professional cleaning.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-couple-handsome-muscular-male-sexy-woman-sitting-near-pool-enjoying-vacation_613910-12895.jpg",
|
||||
},
|
||||
title: "Weekly Maintenance", description: "Brad, Gary, Damian, Liam, or Nicholas will be there every week, providing consistent, professional cleaning.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-couple-handsome-muscular-male-sexy-woman-sitting-near-pool-enjoying-vacation_613910-12895.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Same cleaner every week",
|
||||
},
|
||||
text: "Same cleaner every week"},
|
||||
{
|
||||
icon: FileCheck,
|
||||
text: "Digital status reports",
|
||||
},
|
||||
text: "Digital status reports"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ripples-water_1252-811.jpg?_wi=2",
|
||||
imageAlt: "pool service technician working",
|
||||
},
|
||||
{
|
||||
title: "Repairs & Detection",
|
||||
description: "Our experts identify leaks and repair equipment with precision, using industry-leading diagnostic technology.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/legs-skateboarder-preparing-ride_23-2147678296.jpg",
|
||||
},
|
||||
title: "Repairs & Detection", description: "Our experts identify leaks and repair equipment with precision, using industry-leading diagnostic technology.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/legs-skateboarder-preparing-ride_23-2147678296.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Search,
|
||||
text: "Advanced leak detection",
|
||||
},
|
||||
text: "Advanced leak detection"},
|
||||
{
|
||||
icon: Wrench,
|
||||
text: "Reliable equipment repair",
|
||||
},
|
||||
text: "Reliable equipment repair"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-blue-bubbles_23-2147933818.jpg?_wi=2",
|
||||
imageAlt: "pool service technician working",
|
||||
},
|
||||
{
|
||||
title: "Renovations & Upgrades",
|
||||
description: "Transform your pool with our acid washing, construction, and system upgrade expertise.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stair-swimming-pool-beautiful-luxury-hotel-pool-resort_1339-5457.jpg",
|
||||
},
|
||||
title: "Renovations & Upgrades", description: "Transform your pool with our acid washing, construction, and system upgrade expertise.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stair-swimming-pool-beautiful-luxury-hotel-pool-resort_1339-5457.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Hammer,
|
||||
text: "Custom pool construction",
|
||||
},
|
||||
text: "Custom pool construction"},
|
||||
{
|
||||
icon: Waves,
|
||||
text: "Liner & system upgrades",
|
||||
},
|
||||
text: "Liner & system upgrades"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg",
|
||||
imageAlt: "pool service technician working",
|
||||
},
|
||||
]}
|
||||
title="Complete Pool Solutions"
|
||||
@@ -224,41 +164,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "1. Schedule Estimate",
|
||||
price: "Complimentary",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detailed-image-showcasing-crystalclear-water-pool-highlighting-its-refreshing_1268-31118.jpg",
|
||||
},
|
||||
id: "p1", name: "1. Schedule Estimate", price: "Complimentary", imageSrc: "http://img.b2bpic.net/free-photo/detailed-image-showcasing-crystalclear-water-pool-highlighting-its-refreshing_1268-31118.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "2. Assessment",
|
||||
price: "Thorough",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-clear-ocean-water-texture_23-2149132355.jpg",
|
||||
},
|
||||
id: "p2", name: "2. Assessment", price: "Thorough", imageSrc: "http://img.b2bpic.net/free-photo/top-view-clear-ocean-water-texture_23-2149132355.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "3. Maintenance Plan",
|
||||
price: "Customized",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-swimming-surfboard-ocean_23-2148022421.jpg",
|
||||
},
|
||||
id: "p3", name: "3. Maintenance Plan", price: "Customized", imageSrc: "http://img.b2bpic.net/free-photo/man-swimming-surfboard-ocean_23-2148022421.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "4. Weekly Care",
|
||||
price: "Reliable",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clean-villa-sport-outdoors-beautiful_1203-6346.jpg",
|
||||
},
|
||||
id: "p4", name: "4. Weekly Care", price: "Reliable", imageSrc: "http://img.b2bpic.net/free-photo/clean-villa-sport-outdoors-beautiful_1203-6346.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "5. Digital Reporting",
|
||||
price: "Consistent",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ice-caves-with-icebergs-vatnajokull_482257-90454.jpg",
|
||||
},
|
||||
id: "p5", name: "5. Digital Reporting", price: "Consistent", imageSrc: "http://img.b2bpic.net/free-photo/ice-caves-with-icebergs-vatnajokull_482257-90454.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "6. Ongoing Trust",
|
||||
price: "17+ Years",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drops-falling-water_1252-812.jpg",
|
||||
},
|
||||
id: "p6", name: "6. Ongoing Trust", price: "17+ Years", imageSrc: "http://img.b2bpic.net/free-photo/drops-falling-water_1252-812.jpg"},
|
||||
]}
|
||||
title="Our Proven Process"
|
||||
description="A streamlined four-step path to crystal-clear water and pool longevity."
|
||||
@@ -273,20 +189,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "17+",
|
||||
description: "Years of Loyal Service",
|
||||
},
|
||||
id: "m1", value: "17+", description: "Years of Loyal Service"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50k+",
|
||||
description: "Gallons Serviced Weekly",
|
||||
},
|
||||
id: "m2", value: "50k+", description: "Gallons Serviced Weekly"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5.0",
|
||||
description: "Customer Rating",
|
||||
},
|
||||
id: "m3", value: "5.0", description: "Customer Rating"},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Quality and consistency you can count on in every Austin pool we service."
|
||||
@@ -301,25 +208,15 @@ export default function LandingPage() {
|
||||
author="Caroline M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg",
|
||||
alt: "Customer Review",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg", alt: "Customer Review"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",
|
||||
alt: "Smiling professional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg", alt: "Smiling professional"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6633.jpg",
|
||||
alt: "Business professional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6633.jpg", alt: "Business professional"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg",
|
||||
alt: "Confident professional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg", alt: "Confident professional"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
alt: "Successful client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Successful client"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -332,20 +229,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I get the same technician?",
|
||||
content: "Yes! Consistency is our priority. You'll have the same dedicated professional—Brad, Gary, Damian, Liam, or Nicholas—every single week.",
|
||||
},
|
||||
id: "f1", title: "Do I get the same technician?", content: "Yes! Consistency is our priority. You'll have the same dedicated professional—Brad, Gary, Damian, Liam, or Nicholas—every single week."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What does maintenance include?",
|
||||
content: "Our service includes complete water chemistry balance, surface skimming, filter maintenance, and comprehensive digital status reports.",
|
||||
},
|
||||
id: "f2", title: "What does maintenance include?", content: "Our service includes complete water chemistry balance, surface skimming, filter maintenance, and comprehensive digital status reports."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can you do repairs?",
|
||||
content: "Absolutely. Our expert technicians are trained to diagnose and repair any pool system issues, from pumps to plumbing.",
|
||||
},
|
||||
id: "f3", title: "Can you do repairs?", content: "Absolutely. Our expert technicians are trained to diagnose and repair any pool system issues, from pumps to plumbing."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to your most common questions about professional pool maintenance."
|
||||
@@ -360,28 +248,17 @@ export default function LandingPage() {
|
||||
description="Ready for crystal clear water? Tell us about your pool, and we'll reach out to schedule your assessment."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "poolDetails",
|
||||
placeholder: "Describe your pool or the service you need",
|
||||
rows: 4,
|
||||
name: "poolDetails", placeholder: "Describe your pool or the service you need", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/summer-product-backdrop-swimming-pool_53876-145572.jpg"
|
||||
/>
|
||||
@@ -393,33 +270,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Our Process",
|
||||
href: "#process",
|
||||
},
|
||||
label: "Our Process", href: "#process"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user