Merge version_2 into main #2

Merged
bender merged 3 commits from version_2 into main 2026-04-03 15:39:09 +00:00
3 changed files with 78 additions and 61 deletions

View File

@@ -7,24 +7,28 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
export default function GalleryPage() {
return (
<ThemeProvider>
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ReactLenis root>
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Gallery", id: "/gallery" },
{ name: "Pricing", id: "/pricing" },
{ name: "Contact", id: "/contact" },
]}
brandName="Nature Cleaning Services"
/>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Gallery", id: "/gallery" },
{ name: "Pricing", id: "/pricing" },
{ name: "Contact", id: "/contact" },
]}
brandName="Nature Cleaning Services"
/>
</div>
<div className="pt-32 pb-20 px-6">
<h1 className="text-4xl font-bold text-center">Our Work</h1>
<p className="text-center mt-4">See the magic we bring to homes everywhere.</p>
</div>
<FooterBaseReveal columns={[]} />
<div id="footer" data-section="footer">
<FooterBaseReveal columns={[]} />
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -8,30 +8,37 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
export default function PricingPage() {
return (
<ThemeProvider>
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ReactLenis root>
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Gallery", id: "/gallery" },
{ name: "Pricing", id: "/pricing" },
{ name: "Contact", id: "/contact" },
]}
brandName="Nature Cleaning Services"
/>
<PricingCardNine
animationType="slide-up"
textboxLayout="default"
title="Transparent Pricing"
description="Choose the plan that fits your lifestyle."
plans={[
{ id: "1", title: "Basic", price: "$99", period: "/visit", features: ["Dusting", "Vacuuming", "Kitchen Surfaces"], button: { text: "Book Now", href: "/contact" } },
{ id: "2", title: "Premium", price: "$199", period: "/visit", features: ["Everything in Basic", "Deep Scrub", "Window Cleaning"], button: { text: "Book Now", href: "/contact" } },
]}
/>
<FooterBaseReveal columns={[]} />
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Gallery", id: "/gallery" },
{ name: "Pricing", id: "/pricing" },
{ name: "Contact", id: "/contact" },
]}
brandName="Nature Cleaning Services"
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
animationType="slide-up"
textboxLayout="default"
title="Transparent Pricing"
description="Choose the plan that fits your lifestyle."
useInvertedBackground={false}
plans={[
{ id: "1", title: "Basic", price: "$99", period: "/visit", features: ["Dusting", "Vacuuming", "Kitchen Surfaces"], button: { text: "Book Now", href: "/contact" } },
{ id: "2", title: "Premium", price: "$199", period: "/visit", features: ["Everything in Basic", "Deep Scrub", "Window Cleaning"], button: { text: "Book Now", href: "/contact" } },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal columns={[]} />
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -9,32 +9,38 @@ import { Sparkles, Leaf, Clock } from "lucide-react";
export default function ServicesPage() {
return (
<ThemeProvider>
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ReactLenis root>
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Gallery", id: "/gallery" },
{ name: "Pricing", id: "/pricing" },
{ name: "Contact", id: "/contact" },
]}
brandName="Nature Cleaning Services"
/>
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ icon: Sparkles, title: "Deep Home Cleaning", description: "Comprehensive top-to-bottom cleaning." },
{ icon: Leaf, title: "Eco-Friendly", description: "Non-toxic, safe solutions for pets and kids." },
{ icon: Clock, title: "Flexible Scheduling", description: "Weekly, bi-weekly, or one-time." },
]}
title="Our Professional Services"
description="We offer a wide range of tailored cleaning solutions."
/>
<FooterBaseReveal columns={[]} />
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Gallery", id: "/gallery" },
{ name: "Pricing", id: "/pricing" },
{ name: "Contact", id: "/contact" },
]}
brandName="Nature Cleaning Services"
/>
</div>
<div id="services" data-section="services">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ icon: Sparkles, title: "Deep Home Cleaning", description: "Comprehensive top-to-bottom cleaning." },
{ icon: Leaf, title: "Eco-Friendly", description: "Non-toxic, safe solutions for pets and kids." },
{ icon: Clock, title: "Flexible Scheduling", description: "Weekly, bi-weekly, or one-time." },
]}
title="Our Professional Services"
description="We offer a wide range of tailored cleaning solutions."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal columns={[]} />
</div>
</ReactLenis>
</ThemeProvider>
);