Merge version_2 into main #1
31
src/app/gallery/page.tsx
Normal file
31
src/app/gallery/page.tsx
Normal file
@@ -0,0 +1,31 @@
|
||||
"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>
|
||||
<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 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={[]} />
|
||||
</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">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ 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"
|
||||
/>
|
||||
@@ -57,242 +43,34 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
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."
|
||||
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/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",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-cleaning-his-home_23-2148112020.jpg", alt: "Client 1" },
|
||||
{ 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"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Clean",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Your Clean", href: "/contact" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Eco-Friendly",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
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,
|
||||
},
|
||||
{ type: "text-icon", text: "Eco-Friendly", icon: Leaf },
|
||||
{ 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 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">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
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: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
|
||||
{ title: "Support", items: [{ label: "Pricing", href: "/pricing" }, { label: "Contact", href: "/contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Nature Cleaning Services. All rights reserved."
|
||||
/>
|
||||
|
||||
38
src/app/pricing/page.tsx
Normal file
38
src/app/pricing/page.tsx
Normal file
@@ -0,0 +1,38 @@
|
||||
"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>
|
||||
<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={[]} />
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
41
src/app/services/page.tsx
Normal file
41
src/app/services/page.tsx
Normal file
@@ -0,0 +1,41 @@
|
||||
"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>
|
||||
<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={[]} />
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user