Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 48f3e9d19e | |||
| e2091e116a | |||
| 0e1c54b38a | |||
| bcf4b7237f | |||
| cacef6fcb9 | |||
| 59eb06d64e |
320
src/app/page.tsx
320
src/app/page.tsx
@@ -2,305 +2,131 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Sparkles } from "lucide-react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import { Sparkles, CheckCircle, ShieldCheck } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="mediumLarge"
|
||||
background="none"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="medium"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="floatingGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Monshalken Cleaning"
|
||||
brandName="Monshalken"
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Spotless Spaces, Reliable Supplies."
|
||||
description="Monshalken Cleaning and General Supplies provides professional janitorial services and premium cleaning supplies for businesses and homes. Quality you can trust."
|
||||
buttons={[
|
||||
<HeroOverlayTestimonial
|
||||
title="Professional Cleaning & Supplies"
|
||||
description="We deliver exceptional janitorial results and premium cleaning supplies tailored for commercial and residential excellence."
|
||||
testimonials={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elevated-view-paper-bag-with-birthday-accessories-green-background_23-2147917389.jpg"
|
||||
imageAlt="professional cleaning service team smiling"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/various-cleaning-objects-with-space-top_23-2147699412.jpg",
|
||||
alt: "Various cleaning objects with space on top",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/composition-cleaning-objects-with-copyspace_23-2148104500.jpg",
|
||||
alt: "Composition of cleaning objects with copyspace",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elevated-view-cleaning-equipments-bottom-grey-background_23-2147860278.jpg",
|
||||
alt: "Elevated view of cleaning equipments at the bottom of grey background",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-view-cleaning-equipments-yellow-backdrop_23-2147860213.jpg",
|
||||
alt: "High angle view of cleaning equipments on yellow backdrop",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-vacuuming-office-floor_23-2149345550.jpg",
|
||||
alt: "Full shot man vacuuming office floor",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ local partners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Janitorial Experts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Supplies",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Daily Maintenance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Solutions",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Delivery",
|
||||
},
|
||||
name: "Sarah Jenkins", handle: "Office Manager", testimonial: "The most reliable service we have ever used. Consistent quality.", rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/cheerful-latin-black-haired-woman-standing-with-arms-folded-near-rack-with-dresses-clothes-shop-looking-camera-smiling-boutique-customer-shop-assistant-concept_74855-11601.jpg"
|
||||
}
|
||||
]}
|
||||
buttons={[{ text: "Explore Services", href: "#services" }]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/professional-cleaning-service-people-working-together-office_23-2150520639.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
<MediaAbout
|
||||
tag="Our Commitment"
|
||||
title="Excellence in Maintenance"
|
||||
description="Monshalken bridges the gap between high-end professional cleaning services and premium supply chain distribution."
|
||||
imageSrc="https://img.b2bpic.net/free-photo/full-shot-man-vacuuming-office-floor_23-2149345550.jpg"
|
||||
useInvertedBackground={true}
|
||||
tag="About Us"
|
||||
title="Your Trusted Cleaning Partner"
|
||||
description="With years of experience, we take pride in delivering meticulous cleaning results while ensuring you have access to the highest quality cleaning supplies."
|
||||
subdescription="Whether you are a small business, a large office complex, or a homeowner, our team is equipped to maintain your environment to the highest standards."
|
||||
icon={Sparkles}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-cleaning-service-people-working-together-office_23-2150520639.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="professional cleaners mopping commercial building"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
<FeatureBorderGlow
|
||||
title="Comprehensive Cleaning & Supply"
|
||||
description="Solutions for businesses, offices, and homes."
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
label: "01",
|
||||
title: "Janitorial Services",
|
||||
items: [
|
||||
"Daily office cleaning",
|
||||
"Floor waxing and polishing",
|
||||
"Restroom sanitation",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
label: "02",
|
||||
title: "Supply Procurement",
|
||||
items: [
|
||||
"High-grade chemicals",
|
||||
"Eco-friendly cleaning agents",
|
||||
"Bulk cleaning equipment",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
label: "03",
|
||||
title: "Specialty Cleaning",
|
||||
items: [
|
||||
"Deep carpet cleaning",
|
||||
"Window wash services",
|
||||
"Post-construction cleaning",
|
||||
],
|
||||
},
|
||||
{ icon: ShieldCheck, title: "Janitorial Services", description: "Deep cleaning for commercial spaces." },
|
||||
{ icon: CheckCircle, title: "Premium Supplies", description: "Bulk order high-grade cleaning agents." },
|
||||
{ icon: Sparkles, title: "Specialized Care", description: "Carpet, window, and deep-sanitize services." }
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="A comprehensive suite of cleaning solutions and supply procurement to keep your facilities running perfectly."
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
<TestimonialCardTwelve
|
||||
cardTitle="Trusted by Professionals"
|
||||
cardTag="Testimonials"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Monshalken keeps our office spotless. Their team is reliable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Fantastic service for our retail store consistently.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-latin-black-haired-woman-standing-with-arms-folded-near-rack-with-dresses-clothes-shop-looking-camera-smiling-boutique-customer-shop-assistant-concept_74855-11601.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@erod",
|
||||
testimonial: "Professional, punctual, and high quality services.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cleaning-his-home_23-2148112017.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "Best cleaning supplies supplier in the area. Great prices.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-business-owner-concept-portrait-happy-young-bearded-caucasian-barista-apron-with-confident-looking-smiling-camera-coffee-shop-counter_1258-103925.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Laura Smith",
|
||||
handle: "@lsmith",
|
||||
testimonial: "Reliable support that keeps our cafe clean and welcoming.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/haidresser-showing-thumb-up-sign_23-2148298311.jpg",
|
||||
},
|
||||
{ id: "1", name: "TechCorp", imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg" },
|
||||
{ id: "2", name: "Local Cafe", imageSrc: "https://img.b2bpic.net/free-photo/coffee-business-owner-concept-portrait-happy-young-bearded-caucasian-barista-apron-with-confident-looking-smiling-camera-coffee-shop-counter_1258-103925.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voices of Satisfaction"
|
||||
description="See why local businesses trust Monshalken with their cleaning and supply needs."
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
<FaqSplitMedia
|
||||
title="Common Inquiries"
|
||||
description="We are here to help with your questions."
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you serve residential clients?",
|
||||
content: "Yes, we handle residential cleaning services for homes of all sizes.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How do I request a quote?",
|
||||
content: "Contact us via the form on this site and we will reply within 24 hours with a custom estimate.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I buy supplies without cleaning services?",
|
||||
content: "Absolutely, we are a general supply provider and can manage your bulk supply orders independently.",
|
||||
},
|
||||
{ id: "1", title: "Do you provide daily cleaning?", content: "Yes, we offer daily, weekly, and monthly maintenance plans." },
|
||||
{ id: "2", title: "Can I order supplies in bulk?", content: "Absolutely, our supply procurement handles bulk orders with fast delivery." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Quick answers to help you get started with our services."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
<ContactCenter
|
||||
tag="Contact"
|
||||
title="Reach Out to Us"
|
||||
description="Whether it's cleaning services or supply chain assistance, we're ready to serve."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Ready to get started? Get in touch with the Monshalken team today for a custom quote on cleaning services or supply orders."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:hello@monshalkencleaning.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Janitorial",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Supplies",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Monshalken Cleaning"
|
||||
<FooterLogoReveal
|
||||
logoText="Monshalken"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f5f5;
|
||||
--card: #ffffff;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #1f514c;
|
||||
--background: #000000;
|
||||
--card: #0c0c0c;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #106EFB;
|
||||
--primary-cta-text: #f5f5f5;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #000000;
|
||||
--secondary-cta-text: #1c1c1c;
|
||||
--accent: #159c49;
|
||||
--background-accent: #a8e8ba;
|
||||
--accent: #535353;
|
||||
--background-accent: #106EFB;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user