Merge version_1 into main #2
352
src/app/page.tsx
352
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="De-cleaners Pro Nig Ltd"
|
||||
/>
|
||||
@@ -55,58 +43,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Excellence in Cleaning & Consultancy."
|
||||
description="De-cleaners Consult Pro Nig Ltd provides elite janitorial and cleaning consultancy services for corporate and residential spaces."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/volunteering-organization-holding-books-donations_23-2148687350.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/volunteering-organization-holding-books-donations_23-2148687350.jpg"
|
||||
imageAlt="Cleaning professionals at work"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-cleaning-service-people-working-together-office_23-2150520639.jpg",
|
||||
alt: "Cleaning team member 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/guy-girl-volunteers-friends-white-t-shirts-humanitarian-aid-poor_1157-46646.jpg",
|
||||
alt: "Cleaning team member 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adorable-woman-painting-wooden-stand-white-color_651396-2924.jpg",
|
||||
alt: "Cleaning team member 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-cleaning-building_23-2150454565.jpg",
|
||||
alt: "Cleaning team member 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-taking-care-office-cleaning_23-2149374419.jpg",
|
||||
alt: "Cleaning team member 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/professional-cleaning-service-people-working-together-office_23-2150520639.jpg", alt: "Cleaning team member 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/guy-girl-volunteers-friends-white-t-shirts-humanitarian-aid-poor_1157-46646.jpg", alt: "Cleaning team member 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/adorable-woman-painting-wooden-stand-white-color_651396-2924.jpg", alt: "Cleaning team member 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-people-cleaning-building_23-2150454565.jpg", alt: "Cleaning team member 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-taking-care-office-cleaning_23-2149374419.jpg", alt: "Cleaning team member 5" },
|
||||
]}
|
||||
avatarText="Join 2k+ satisfied clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Reliable",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Efficient",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hygienic",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Elite",
|
||||
},
|
||||
{ type: "text", text: "Professional" },
|
||||
{ type: "text", text: "Reliable" },
|
||||
{ type: "text", text: "Efficient" },
|
||||
{ type: "text", text: "Hygienic" },
|
||||
{ type: "text", text: "Elite" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -116,21 +72,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Us?"
|
||||
metrics={[
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Certified Pros",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Happy Clients",
|
||||
value: "2k+",
|
||||
},
|
||||
{ icon: Shield, label: "Certified Pros", value: "500+" },
|
||||
{ icon: Award, label: "Years Experience", value: "10+" },
|
||||
{ icon: Star, label: "Happy Clients", value: "2k+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -141,53 +85,23 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Residential Deep Cleaning",
|
||||
description: "Refreshing your home with meticulous attention to detail.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-cleaning-tools-space-left_23-2147700602.jpg",
|
||||
imageAlt: "Deep cleaning",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/housework-woman-looking-busy-while-cleaning-kitchen_259150-59483.jpg",
|
||||
imageAlt: "Deep cleaning detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/volunteering-organization-holding-books-donations_23-2148687350.jpg?_wi=2",
|
||||
imageAlt: "deep cleaning residential service",
|
||||
},
|
||||
{
|
||||
title: "Commercial Maintenance",
|
||||
description: "Professional janitorial services for offices and workspaces.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-cleaning-service-person-cleaning-office_23-2150520590.jpg",
|
||||
imageAlt: "Office cleaning",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-taking-care-office-cleaning_23-2149374450.jpg",
|
||||
imageAlt: "Office cleaning work",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-light-wooden-background-wearing-his-gloves_176474-2807.jpg",
|
||||
imageAlt: "deep cleaning residential service",
|
||||
},
|
||||
{
|
||||
title: "Exterior Facade Care",
|
||||
description: "Professional cleaning for high-rise exteriors and windows.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/schoolboy-carrying-skateboard_23-2147667446.jpg",
|
||||
imageAlt: "Facade care",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-servant-washing-windows_23-2149530874.jpg",
|
||||
imageAlt: "Facade cleaning",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-cleaning-products-gloves-basin_23-2148260825.jpg?_wi=1",
|
||||
imageAlt: "deep cleaning residential service",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Our Specialized Services"
|
||||
description="Comprehensive cleaning solutions tailored to your unique needs."
|
||||
features={[
|
||||
{
|
||||
title: "Residential Deep Cleaning", description: "Refreshing your home with meticulous attention to detail.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/red-cleaning-tools-space-left_23-2147700602.jpg", imageAlt: "Deep cleaning" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/housework-woman-looking-busy-while-cleaning-kitchen_259150-59483.jpg", imageAlt: "Deep cleaning detail" },
|
||||
},
|
||||
{
|
||||
title: "Commercial Maintenance", description: "Professional janitorial services for offices and workspaces.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/professional-cleaning-service-person-cleaning-office_23-2150520590.jpg", imageAlt: "Office cleaning" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/person-taking-care-office-cleaning_23-2149374450.jpg", imageAlt: "Office cleaning work" },
|
||||
},
|
||||
{
|
||||
title: "Exterior Facade Care", description: "Professional cleaning for high-rise exteriors and windows.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/schoolboy-carrying-skateboard_23-2147667446.jpg", imageAlt: "Facade care" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-servant-washing-windows_23-2149530874.jpg", imageAlt: "Facade cleaning" },
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -198,60 +112,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "ProClean",
|
||||
name: "Eco Surface Spray",
|
||||
price: "$15",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-cleaning-products-gloves-basin_23-2148260825.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "ProClean",
|
||||
name: "Heavy Duty Degreaser",
|
||||
price: "$25",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cleaning-products-arrangement_23-2148883450.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "ProClean",
|
||||
name: "Microfiber Cloth Pack",
|
||||
price: "$10",
|
||||
rating: 4,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-cleaning-products-basket-black-surface_23-2147860479.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "ProClean",
|
||||
name: "Glass Cleaner",
|
||||
price: "$12",
|
||||
rating: 5,
|
||||
reviewCount: "50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-soap-with-brush_23-2150829650.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "ProClean",
|
||||
name: "Floor Polish",
|
||||
price: "$30",
|
||||
rating: 4,
|
||||
reviewCount: "40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cleaning-products-arrangement_23-2148883449.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "ProClean",
|
||||
name: "Multi-Surface Wipes",
|
||||
price: "$8",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-bottle-decoration-table_1339-4886.jpg",
|
||||
},
|
||||
{ id: "1", brand: "ProClean", name: "Eco Surface Spray", price: "$15", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-cleaning-products-gloves-basin_23-2148260825.jpg" },
|
||||
{ id: "2", brand: "ProClean", name: "Heavy Duty Degreaser", price: "$25", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cleaning-products-arrangement_23-2148883450.jpg" },
|
||||
{ id: "3", brand: "ProClean", name: "Microfiber Cloth Pack", price: "$10", rating: 4, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/various-cleaning-products-basket-black-surface_23-2147860479.jpg" },
|
||||
{ id: "4", brand: "ProClean", name: "Glass Cleaner", price: "$12", rating: 5, reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/still-life-soap-with-brush_23-2150829650.jpg" },
|
||||
{ id: "5", brand: "ProClean", name: "Floor Polish", price: "$30", rating: 4, reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cleaning-products-arrangement_23-2148883449.jpg" },
|
||||
{ id: "6", brand: "ProClean", name: "Multi-Surface Wipes", price: "$8", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/glass-bottle-decoration-table_1339-4886.jpg" },
|
||||
]}
|
||||
title="Cleaning Product Store"
|
||||
description="Professional grade cleaning supplies for daily use."
|
||||
@@ -264,33 +130,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
title: "Customer Satisfaction",
|
||||
items: [
|
||||
"Prompt Service",
|
||||
"Quality Guarantee",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Availability",
|
||||
items: [
|
||||
"Emergency Clean",
|
||||
"Flexible Timing",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
title: "Expert Staff",
|
||||
items: [
|
||||
"Well Trained",
|
||||
"Uniformed Staff",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "98%", title: "Customer Satisfaction", items: ["Prompt Service", "Quality Guarantee"] },
|
||||
{ id: "m2", value: "24/7", title: "Availability", items: ["Emergency Clean", "Flexible Timing"] },
|
||||
{ id: "m3", value: "50+", title: "Expert Staff", items: ["Well Trained", "Uniformed Staff"] },
|
||||
]}
|
||||
title="Performance Standards"
|
||||
description="We uphold the highest standards of cleanliness in the industry."
|
||||
@@ -303,60 +145,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah O.",
|
||||
role: "Office Manager",
|
||||
company: "Tech Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-taking-care-office-cleaning_23-2149374395.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "CEO",
|
||||
company: "Consulting Ltd",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cleaning-his-home_23-2148112017.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Amara K.",
|
||||
role: "Homeowner",
|
||||
company: "Private",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-cleans-gas-stove_1398-4493.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
role: "Director",
|
||||
company: "Corporate Center",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-smiling-posing-with-crossed-arms-office_176420-914.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane Doe",
|
||||
role: "Manager",
|
||||
company: "Retail Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-cleaning-products_23-2148394858.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah O.", role: "Office Manager", company: "Tech Hub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-taking-care-office-cleaning_23-2149374395.jpg" },
|
||||
{ id: "2", name: "Mark D.", role: "CEO", company: "Consulting Ltd", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-cleaning-his-home_23-2148112017.jpg" },
|
||||
{ id: "3", name: "Amara K.", role: "Homeowner", company: "Private", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-cleans-gas-stove_1398-4493.jpg" },
|
||||
{ id: "4", name: "David W.", role: "Director", company: "Corporate Center", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-smiling-posing-with-crossed-arms-office_176420-914.jpg" },
|
||||
{ id: "5", name: "Jane Doe", role: "Manager", company: "Retail Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-cleaning-products_23-2148394858.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Avg. Rating",
|
||||
},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Retention",
|
||||
},
|
||||
{
|
||||
value: "1.5k",
|
||||
label: "Projects",
|
||||
},
|
||||
{ value: "5.0", label: "Avg. Rating" },
|
||||
{ value: "99%", label: "Retention" },
|
||||
{ value: "1.5k", label: "Projects" },
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="Hear what our partners say about us."
|
||||
@@ -368,21 +166,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer emergency cleaning?",
|
||||
content: "Yes, we provide 24/7 emergency cleaning solutions.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are your staff trained?",
|
||||
content: "All our staff undergo intensive hygiene and equipment training.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What areas do you cover?",
|
||||
content: "We cover all major commercial hubs in the region.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer emergency cleaning?", content: "Yes, we provide 24/7 emergency cleaning solutions." },
|
||||
{ id: "f2", title: "Are your staff trained?", content: "All our staff undergo intensive hygiene and equipment training." },
|
||||
{ id: "f3", title: "What areas do you cover?", content: "We cover all major commercial hubs in the region." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our services."
|
||||
@@ -393,9 +179,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contact"
|
||||
title="Get Started"
|
||||
description="Let us help you maintain a cleaner space today."
|
||||
@@ -408,32 +192,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="De-cleaners Consult Pro Nig Ltd"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Links", items: [{ label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user