Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b0171569c7 | |||
| 18b629f318 | |||
| d572760f13 | |||
| a64a451eaa | |||
| 6c79dad1a4 | |||
| 9e906d3126 | |||
| 171d8e60e2 |
35
src/app/gallery/page.tsx
Normal file
35
src/app/gallery/page.tsx
Normal file
@@ -0,0 +1,35 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
|
import ReactLenis from "lenis/react";
|
||||||
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||||
|
|
||||||
|
export default function GalleryPage() {
|
||||||
|
return (
|
||||||
|
<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>
|
||||||
|
<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>
|
||||||
|
<div id="footer" data-section="footer">
|
||||||
|
<FooterBaseReveal columns={[]} />
|
||||||
|
</div>
|
||||||
|
</ReactLenis>
|
||||||
|
</ThemeProvider>
|
||||||
|
);
|
||||||
|
}
|
||||||
264
src/app/page.tsx
264
src/app/page.tsx
@@ -29,26 +29,12 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "/" },
|
||||||
name: "Home",
|
{ name: "About", id: "/about" },
|
||||||
id: "hero",
|
{ name: "Services", id: "/services" },
|
||||||
},
|
{ name: "Gallery", id: "/gallery" },
|
||||||
{
|
{ name: "Pricing", id: "/pricing" },
|
||||||
name: "About",
|
{ name: "Contact", id: "/contact" },
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Services",
|
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Testimonials",
|
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Nature Cleaning Services"
|
brandName="Nature Cleaning Services"
|
||||||
/>
|
/>
|
||||||
@@ -57,242 +43,34 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroCentered
|
<HeroCentered
|
||||||
background={{
|
background={{
|
||||||
variant: "sparkles-gradient",
|
variant: "sparkles-gradient"}}
|
||||||
}}
|
|
||||||
title="Clean Spaces, Healthy Lives"
|
title="Clean Spaces, Healthy Lives"
|
||||||
description="Nature Cleaning Services brings a refreshingly pure approach to your home. We use eco-friendly products that are tough on dirt but gentle on your family and the planet."
|
description="Nature Cleaning Services brings a refreshingly pure approach to your home. We use eco-friendly products that are tough on dirt but gentle on your family and the planet."
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{ src: "http://img.b2bpic.net/free-photo/man-cleaning-his-home_23-2148112020.jpg", alt: "Client 1" },
|
||||||
src: "http://img.b2bpic.net/free-photo/man-cleaning-his-home_23-2148112020.jpg",
|
{ src: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg", alt: "Client 2" },
|
||||||
alt: "Client 1",
|
{ src: "http://img.b2bpic.net/free-photo/young-girl-white-shirt-black-pants-looking-camera-happy-positive-showing-thumbs-up-sitting-chair-light-living-room_141793-94160.jpg", alt: "Client 3" },
|
||||||
},
|
{ src: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg", alt: "Client 4" },
|
||||||
{
|
{ src: "http://img.b2bpic.net/free-photo/young-woman-doing-housework-looking-busy_259150-59499.jpg", alt: "Client 5" },
|
||||||
src: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",
|
|
||||||
alt: "Client 2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/young-girl-white-shirt-black-pants-looking-camera-happy-positive-showing-thumbs-up-sitting-chair-light-living-room_141793-94160.jpg",
|
|
||||||
alt: "Client 3",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg",
|
|
||||||
alt: "Client 4",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/young-woman-doing-housework-looking-busy_259150-59499.jpg",
|
|
||||||
alt: "Client 5",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Trusted by 500+ happy homes"
|
avatarText="Trusted by 500+ happy homes"
|
||||||
buttons={[
|
buttons={[{ text: "Book Your Clean", href: "/contact" }]}
|
||||||
{
|
|
||||||
text: "Book Your Clean",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{ type: "text-icon", text: "Eco-Friendly", icon: Leaf },
|
||||||
type: "text-icon",
|
{ type: "text-icon", text: "Deep Clean", icon: Sparkles },
|
||||||
text: "Eco-Friendly",
|
{ type: "text-icon", text: "Pet Safe", icon: Leaf },
|
||||||
icon: Leaf,
|
{ type: "text-icon", text: "Reliable", icon: CheckCircle },
|
||||||
},
|
{ type: "text-icon", text: "100% Satisfaction", icon: Award },
|
||||||
{
|
|
||||||
type: "text-icon",
|
|
||||||
text: "Deep Clean",
|
|
||||||
icon: Sparkles,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text-icon",
|
|
||||||
text: "Pet Safe",
|
|
||||||
icon: Leaf,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text-icon",
|
|
||||||
text: "Reliable",
|
|
||||||
icon: CheckCircle,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text-icon",
|
|
||||||
text: "100% Satisfaction",
|
|
||||||
icon: Award,
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
|
||||||
<InlineImageSplitTextAbout
|
|
||||||
useInvertedBackground={true}
|
|
||||||
heading={[
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
content: "Our Pure Mission",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "image",
|
|
||||||
src: "http://img.b2bpic.net/free-photo/flat-lay-brushes-frame-with-copy-space_23-2148883442.jpg",
|
|
||||||
alt: "Our team at work",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
content: "for a better home.",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
buttons={[
|
|
||||||
{
|
|
||||||
text: "Learn More",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="features" data-section="features">
|
|
||||||
<FeatureBorderGlow
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
features={[
|
|
||||||
{
|
|
||||||
icon: Sparkles,
|
|
||||||
title: "Deep Home Cleaning",
|
|
||||||
description: "Comprehensive top-to-bottom cleaning for a fresh start.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Leaf,
|
|
||||||
title: "Eco-Friendly Products",
|
|
||||||
description: "Non-toxic, safe solutions for pets, children, and you.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Clock,
|
|
||||||
title: "Flexible Scheduling",
|
|
||||||
description: "Weekly, bi-weekly, or one-time visits to suit your needs.",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Premium Cleaning Services"
|
|
||||||
description="We offer a wide range of tailored cleaning solutions to keep your home or office immaculate."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
|
||||||
<TestimonialCardTwo
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={true}
|
|
||||||
testimonials={[
|
|
||||||
{
|
|
||||||
id: "1",
|
|
||||||
name: "Sarah J.",
|
|
||||||
role: "Homeowner",
|
|
||||||
testimonial: "Nature Cleaning Services is incredible! My home has never felt cleaner.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cleaning-his-home_23-2148112020.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Michael R.",
|
|
||||||
role: "Business Owner",
|
|
||||||
testimonial: "Professional, reliable, and uses amazing natural products. Highly recommend.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Emily D.",
|
|
||||||
role: "Parent",
|
|
||||||
testimonial: "Peace of mind knowing they use safe products around my little kids.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-white-shirt-black-pants-looking-camera-happy-positive-showing-thumbs-up-sitting-chair-light-living-room_141793-94160.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "David W.",
|
|
||||||
role: "Executive",
|
|
||||||
testimonial: "Excellent attention to detail every single visit. Worth every penny.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Chloe M.",
|
|
||||||
role: "Designer",
|
|
||||||
testimonial: "My home smells fresh without those harsh chemical odors. Simply the best.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-housework-looking-busy_259150-59499.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Loved by Our Community"
|
|
||||||
description="See why homeowners trust us with their most valuable asset."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
|
||||||
<ContactSplitForm
|
|
||||||
useInvertedBackground={false}
|
|
||||||
title="Ready for a Fresh Start?"
|
|
||||||
description="Get in touch today for a free, no-obligation quote."
|
|
||||||
inputs={[
|
|
||||||
{
|
|
||||||
name: "name",
|
|
||||||
type: "text",
|
|
||||||
placeholder: "Your Name",
|
|
||||||
required: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "email",
|
|
||||||
type: "email",
|
|
||||||
placeholder: "Your Email",
|
|
||||||
required: true,
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
textarea={{
|
|
||||||
name: "message",
|
|
||||||
placeholder: "Tell us about your home...",
|
|
||||||
rows: 4,
|
|
||||||
required: true,
|
|
||||||
}}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/green-sunroom-with-cozy-sofa-plants_23-2151972899.jpg"
|
|
||||||
mediaAnimation="slide-up"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBaseReveal
|
<FooterBaseReveal
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
|
||||||
title: "Company",
|
{ title: "Support", items: [{ label: "Pricing", href: "/pricing" }, { label: "Contact", href: "/contact" }] },
|
||||||
items: [
|
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||||
{
|
|
||||||
label: "About Us",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Services",
|
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Support",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "FAQ",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Contact",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Legal",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Privacy Policy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Terms of Service",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
copyrightText="© 2024 Nature Cleaning Services. All rights reserved."
|
copyrightText="© 2024 Nature Cleaning Services. All rights reserved."
|
||||||
/>
|
/>
|
||||||
|
|||||||
45
src/app/pricing/page.tsx
Normal file
45
src/app/pricing/page.tsx
Normal file
@@ -0,0 +1,45 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
|
import ReactLenis from "lenis/react";
|
||||||
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||||
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||||
|
|
||||||
|
export default function PricingPage() {
|
||||||
|
return (
|
||||||
|
<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>
|
||||||
|
<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>
|
||||||
|
);
|
||||||
|
}
|
||||||
47
src/app/services/page.tsx
Normal file
47
src/app/services/page.tsx
Normal file
@@ -0,0 +1,47 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
|
import ReactLenis from "lenis/react";
|
||||||
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
|
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||||
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||||
|
import { Sparkles, Leaf, Clock } from "lucide-react";
|
||||||
|
|
||||||
|
export default function ServicesPage() {
|
||||||
|
return (
|
||||||
|
<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>
|
||||||
|
<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>
|
||||||
|
);
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user