Merge version_1 into main #2
292
src/app/page.tsx
292
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Droplets, Wrench, Sparkles, Beaker, Search } from 'lucide-react';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
@@ -16,250 +17,67 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="mediumLarge"
|
||||
background="fluid"
|
||||
cardStyle="soft-shadow"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "/testimonials",
|
||||
},
|
||||
{
|
||||
name: "Area",
|
||||
id: "/area",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Sun King Pool Services Inc."
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Testimonials", id: "/testimonials" },
|
||||
{ name: "Area", id: "/area" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Sun King Pool Services Inc."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Professional Pool Cleaning & Repair Services You Can Trust"
|
||||
description="Keeping pools clean, clear, and swim-ready for homeowners and communities."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rest-by-swimming-pool_1098-13916.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "plain" }}
|
||||
title="Professional Pool Cleaning & Repair Services You Can Trust"
|
||||
description="Keeping pools clean, clear, and swim-ready for homeowners and communities."
|
||||
buttons={[
|
||||
{ text: "Get a Free Quote", href: "/contact" },
|
||||
{ text: "Call Now", href: "tel:5550123" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rest-by-swimming-pool_1098-13916.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-preview" data-section="services-preview">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Weekly Cleaning",
|
||||
description: "Standard weekly maintenance to keep water pristine.",
|
||||
buttonIcon: "Droplets",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rest-by-swimming-pool_1098-13916.jpg?_wi=2",
|
||||
imageAlt: "luxury pool cleaning service",
|
||||
},
|
||||
{
|
||||
title: "Equipment Repair",
|
||||
description: "Fixing pumps, filters, and heaters quickly.",
|
||||
buttonIcon: "Wrench",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-lover-activity-happiness-lifestyle_53876-15906.jpg?_wi=1",
|
||||
imageAlt: "happy pool owner backyard",
|
||||
},
|
||||
{
|
||||
title: "Green Pool Recovery",
|
||||
description: "Transforming neglected pools back to crystal clear.",
|
||||
buttonIcon: "Sparkles",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg?_wi=1",
|
||||
imageAlt: "happy homeowner portrait",
|
||||
},
|
||||
{
|
||||
title: "Chemical Balancing",
|
||||
description: "Perfect pH and chlorine levels all year.",
|
||||
buttonIcon: "Beaker",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-celebrating-engagement_23-2149401310.jpg?_wi=1",
|
||||
imageAlt: "smiling customer backyard",
|
||||
},
|
||||
{
|
||||
title: "Pool Inspections",
|
||||
description: "Detailed checks for safety and efficiency.",
|
||||
buttonIcon: "Search",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-near-house-looking-camera_259150-59313.jpg?_wi=1",
|
||||
imageAlt: "homeowner portrait outdoor",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Pool Care"
|
||||
description="Our expert team provides full-service maintenance to keep your pool in perfect condition."
|
||||
/>
|
||||
</div>
|
||||
<div id="services-preview" data-section="services-preview">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Weekly Cleaning", description: "Standard weekly maintenance to keep water pristine.", buttonIcon: Droplets, imageSrc: "http://img.b2bpic.net/free-photo/rest-by-swimming-pool_1098-13916.jpg", imageAlt: "luxury pool cleaning service" },
|
||||
{ title: "Equipment Repair", description: "Fixing pumps, filters, and heaters quickly.", buttonIcon: Wrench, imageSrc: "http://img.b2bpic.net/free-photo/couple-lover-activity-happiness-lifestyle_53876-15906.jpg", imageAlt: "happy pool owner backyard" },
|
||||
{ title: "Green Pool Recovery", description: "Transforming neglected pools back to crystal clear.", buttonIcon: Sparkles, imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg", imageAlt: "happy homeowner portrait" },
|
||||
{ title: "Chemical Balancing", description: "Perfect pH and chlorine levels all year.", buttonIcon: Beaker, imageSrc: "http://img.b2bpic.net/free-photo/young-couple-celebrating-engagement_23-2149401310.jpg", imageAlt: "smiling customer backyard" },
|
||||
{ title: "Pool Inspections", description: "Detailed checks for safety and efficiency.", buttonIcon: Search, imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-near-house-looking-camera_259150-59313.jpg", imageAlt: "homeowner portrait outdoor" },
|
||||
]}
|
||||
title="Comprehensive Pool Care"
|
||||
description="Our expert team provides full-service maintenance to keep your pool in perfect condition."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Sun King?"
|
||||
description="We treat every pool like it is our own, ensuring high standards every visit."
|
||||
features={[
|
||||
{
|
||||
title: "Expert Certified Techs",
|
||||
description: "Highly trained staff for all pool needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-lover-activity-happiness-lifestyle_53876-15906.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Reliable Scheduling",
|
||||
description: "We show up when we say we will.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Eco-Friendly Solutions",
|
||||
description: "Safe, effective chemicals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-celebrating-engagement_23-2149401310.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Fully Insured",
|
||||
description: "Protection for your peace of mind.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-near-house-looking-camera_259150-59313.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Fast Response",
|
||||
description: "Quick service for urgent repairs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-outdoors_23-2149745572.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common pool maintenance queries."
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How often should I clean my pool?",
|
||||
content: "Weekly is recommended for optimal water health.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer emergency repairs?",
|
||||
content: "Yes, we prioritize urgent equipment failures.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Yes, fully licensed and insured in Florida.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Can you fix a green pool?",
|
||||
content: "Yes, we specialize in pool restoration.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Do I need to be home?",
|
||||
content: "No, as long as we have access to the pool area.",
|
||||
},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Request a Quote"
|
||||
description="Tell us about your pool needs and we will get back to you."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rest-by-swimming-pool_1098-13916.jpg?_wi=3"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Sun King Pool Services Inc."
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Phone",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:info@sunkingpool.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Sun King Pool Services Inc."
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }] },
|
||||
{ title: "Contact", items: [{ label: "Phone", href: "tel:5550123" }, { label: "Email", href: "mailto:info@sunkingpool.com" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -2,160 +2,65 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import { Calendar, Settings, Building, Tool, Sparkles } from 'lucide-react';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="mediumLarge"
|
||||
background="fluid"
|
||||
cardStyle="soft-shadow"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "/testimonials",
|
||||
},
|
||||
{
|
||||
name: "Area",
|
||||
id: "/area",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Sun King Pool Services Inc."
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Testimonials", id: "/testimonials" },
|
||||
{ name: "Area", id: "/area" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Sun King Pool Services Inc."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="service-list" data-section="service-list">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Weekly Maintenance",
|
||||
description: "Regular care to keep your pool clean and safe.",
|
||||
buttonIcon: "Calendar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-outdoors_23-2149745572.jpg?_wi=2",
|
||||
imageAlt: "happy client backyard",
|
||||
},
|
||||
{
|
||||
title: "Filter Cleaning",
|
||||
description: "Deep cleaning for your filtration systems.",
|
||||
buttonIcon: "Settings",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rest-by-swimming-pool_1098-13916.jpg?_wi=4",
|
||||
imageAlt: "luxury pool cleaning service",
|
||||
},
|
||||
{
|
||||
title: "Commercial Service",
|
||||
description: "Expert care for HOA and community pools.",
|
||||
buttonIcon: "Building",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-lover-activity-happiness-lifestyle_53876-15906.jpg?_wi=3",
|
||||
imageAlt: "happy pool owner backyard",
|
||||
},
|
||||
{
|
||||
title: "Repair Services",
|
||||
description: "Reliable repair for every pool component.",
|
||||
buttonIcon: "Tool",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg?_wi=3",
|
||||
imageAlt: "happy homeowner portrait",
|
||||
},
|
||||
{
|
||||
title: "Tile Cleaning",
|
||||
description: "Removing calcium deposits for a fresh look.",
|
||||
buttonIcon: "Sparkles",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-celebrating-engagement_23-2149401310.jpg?_wi=3",
|
||||
imageAlt: "smiling customer backyard",
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="From maintenance to repairs, we do it all."
|
||||
/>
|
||||
</div>
|
||||
<div id="service-list" data-section="service-list">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Weekly Maintenance", description: "Regular care to keep your pool clean and safe.", buttonIcon: Calendar, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-outdoors_23-2149745572.jpg", imageAlt: "happy client backyard" },
|
||||
{ title: "Filter Cleaning", description: "Deep cleaning for your filtration systems.", buttonIcon: Settings, imageSrc: "http://img.b2bpic.net/free-photo/rest-by-swimming-pool_1098-13916.jpg", imageAlt: "luxury pool cleaning service" },
|
||||
{ title: "Commercial Service", description: "Expert care for HOA and community pools.", buttonIcon: Building, imageSrc: "http://img.b2bpic.net/free-photo/couple-lover-activity-happiness-lifestyle_53876-15906.jpg", imageAlt: "happy pool owner backyard" },
|
||||
{ title: "Repair Services", description: "Reliable repair for every pool component.", buttonIcon: Tool, imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg", imageAlt: "happy homeowner portrait" },
|
||||
{ title: "Tile Cleaning", description: "Removing calcium deposits for a fresh look.", buttonIcon: Sparkles, imageSrc: "http://img.b2bpic.net/free-photo/young-couple-celebrating-engagement_23-2149401310.jpg", imageAlt: "smiling customer backyard" },
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="From maintenance to repairs, we do it all."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Premium Care"
|
||||
description="High-end services for your home."
|
||||
features={[
|
||||
{
|
||||
title: "Saltwater Care",
|
||||
description: "Dedicated salt system maintenance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rest-by-swimming-pool_1098-13916.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
title: "Spa Cleaning",
|
||||
description: "Deep cleaning for your home spa.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rest-by-swimming-pool_1098-13916.jpg?_wi=6",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Sun King Pool Services Inc."
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Phone",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:info@sunkingpool.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Sun King Pool Services Inc."
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }] },
|
||||
{ title: "Contact", items: [{ label: "Phone", href: "tel:5550123" }, { label: "Email", href: "mailto:info@sunkingpool.com" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user